.splash{z-index:100;justify-content:center;align-items:center;animation:.6s forwards fadeIn;display:flex;position:fixed;inset:0}.splash--fading{animation:.5s forwards fadeOut}.splash-powered{background:linear-gradient(170deg,#2c1810 0%,#3e2723 40%,#4e342e 100%)}.splash-corner{opacity:.08;width:60px;height:60px;position:absolute}.splash-corner--tl{border-top:2px solid var(--color-gold);border-left:2px solid var(--color-gold);top:24px;left:24px}.splash-corner--br{border-bottom:2px solid var(--color-gold);border-right:2px solid var(--color-gold);bottom:24px;right:24px}.splash-powered__content{opacity:0;flex-direction:column;align-items:center;gap:20px;animation:.7s .15s forwards fadeInUp;display:flex}.splash-powered__label{font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.25em;color:var(--color-wood-light);text-transform:uppercase;font-weight:600}.splash-powered__logo-area{padding:8px 0;position:relative}.splash-powered__brand{font-family:var(--font-display);text-align:center;z-index:1;font-size:2.4rem;font-weight:700;line-height:1.1;position:relative}.splash-powered__guild{color:var(--color-parchment)}.splash-powered__game{color:var(--color-gold)}.splash-powered__dot{color:var(--color-wood-light);font-size:.65em}.splash-powered__glow{background:radial-gradient(ellipse, var(--color-gold-glow) 0%, transparent 70%);pointer-events:none;width:180px;height:60px;animation:2.5s ease-in-out infinite glowPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.splash-powered__tagline{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-wood-light);text-align:center;opacity:0;line-height:1.6;animation:.5s .5s forwards fadeInUp}.splash-powered__progress{opacity:0;margin-top:12px;animation:.3s .7s forwards fadeIn}.splash-powered__progress-track{border-radius:var(--radius-full);background:#c9a96e26;width:120px;height:2px;overflow:hidden}.splash-powered__progress-fill{background:var(--color-gold);border-radius:var(--radius-full);height:100%;animation:2.2s ease-in-out .4s forwards progressFill}.splash-collab{background:linear-gradient(170deg,#2c1810 0%,#3e2723 40%,#4e342e 100%)}.splash-collab__content{opacity:0;flex-direction:column;align-items:center;gap:16px;padding:0 24px;animation:.6s .1s forwards fadeInUp;display:flex}.splash-collab__label{font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.22em;color:var(--color-wood-light);text-transform:uppercase;font-weight:600}.splash-collab__lead{text-align:center;opacity:0;animation:.5s .25s forwards fadeInUp}.splash-collab__name{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-parchment);letter-spacing:.04em;font-weight:700;line-height:1.2;animation:3s ease-in-out infinite textGlow}.splash-collab__org{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-gold);letter-spacing:.08em;margin-top:4px}.splash-collab__divider{opacity:0;align-items:center;gap:8px;margin:4px 0;animation:.4s .5s forwards fadeIn;display:flex}.splash-collab__divider-line{background:var(--color-wood-light);opacity:.3;width:32px;height:1px;display:block}.splash-collab__divider-diamond{background:var(--color-gold);opacity:.5;width:5px;height:5px;display:block;transform:rotate(45deg)}.splash-collab__partner{text-align:center;opacity:0;animation:.5s .55s forwards fadeInUp}.splash-collab__partner-label{font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.18em;color:var(--color-wood-light);opacity:.7;margin-bottom:6px;font-weight:500}.splash-collab__partner-name{font-family:var(--font-display);font-size:var(--text-base);color:var(--color-parchment);letter-spacing:.06em;opacity:.75;font-weight:500}.app-header{height:var(--header-height);padding:0 var(--space-lg);background:var(--color-surface-raised);border-bottom:1px solid var(--color-border);z-index:20;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.app-header__left{align-items:center;gap:var(--space-sm);min-width:0;max-width:calc(50% - 56px);display:flex}.app-header__avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-parchment) 0%, #ede0d0 100%);border:1.5px solid var(--color-border-strong);width:32px;height:32px;color:var(--color-wood);justify-content:center;align-items:center;display:flex}.app-header__avatar-img{border-radius:var(--radius-full);border:1.5px solid var(--color-border-strong);object-fit:cover;width:32px;height:32px}.app-header__avatar-initial{font-size:var(--text-sm);color:var(--color-wood);font-weight:700}.app-header__dev-badge{background:var(--color-preview);color:#fff;vertical-align:middle;letter-spacing:.05em;border-radius:3px;margin-left:4px;padding:1px 4px;font-size:.5rem;font-weight:700}.app-header__info{flex-direction:column;min-width:0;line-height:1.2;display:flex}.app-header__name{font-size:var(--text-sm);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.app-header__level{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:500}.app-header__brand{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;position:absolute;left:50%;transform:translate(-50%)}.app-header__brand-guild{color:var(--color-text-primary)}.app-header__brand-game{color:var(--color-gold-dim)}.app-header__brand-suffix{color:var(--color-text-secondary);font-weight:500}.app-header__right{align-items:center;display:flex}.app-header__coin{font-size:var(--text-sm);color:var(--color-gold-dim);background:var(--color-parchment);border-radius:var(--radius-full);border:1px solid var(--color-border);align-items:center;gap:4px;padding:4px 10px;font-weight:600;display:flex}.bottom-nav{width:100%;max-width:var(--max-width);height:var(--bottom-nav-height);background:var(--color-surface-raised);border-top:1px solid var(--color-border);z-index:30;padding-bottom:env(safe-area-inset-bottom,0px);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav__item{border-radius:var(--radius-md);color:var(--color-text-muted);transition:color var(--transition-fast);flex-direction:column;align-items:center;gap:2px;min-width:56px;padding:6px 12px;display:flex;position:relative}.bottom-nav__item--active{color:var(--color-bark)}.bottom-nav__item--active:before{content:"";background:var(--color-gold);border-radius:0 0 var(--radius-full) var(--radius-full);width:24px;height:2px;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.bottom-nav__icon{display:block}.bottom-nav__label{letter-spacing:.02em;font-size:.6rem;font-weight:600}.welcome{padding:var(--space-xl) var(--space-lg) var(--space-lg);position:relative;overflow:hidden}.welcome__decor-left,.welcome__decor-right{opacity:.06;pointer-events:none;width:48px;height:48px;position:absolute}.welcome__decor-left{border-top:1.5px solid var(--color-wood);border-left:1.5px solid var(--color-wood);top:12px;left:12px}.welcome__decor-right{border-top:1.5px solid var(--color-wood);border-right:1.5px solid var(--color-wood);top:12px;right:12px}.welcome__content{gap:var(--space-sm);flex-direction:column;display:flex}.welcome__greeting{font-size:var(--text-sm);color:var(--color-text-secondary);align-items:center;gap:6px;font-weight:500;display:flex}.welcome__icon{color:var(--color-gold)}.welcome__headline{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text-primary);font-weight:700;line-height:1.35}.welcome__headline-accent{color:var(--color-wood)}.status-badge{letter-spacing:.02em;border-radius:var(--radius-full);white-space:nowrap;align-items:center;padding:2px 8px;font-size:.625rem;font-weight:600;line-height:1.6;display:inline-flex}.status-badge--preview{color:var(--color-preview);background:var(--color-preview-bg)}.status-badge--coming-soon{color:var(--color-coming-soon);background:var(--color-coming-soon-bg)}.featured{padding:0 var(--space-lg);margin-bottom:var(--space-lg)}.featured__label{margin-bottom:var(--space-sm)}.featured__label-text{font-size:var(--text-xs);letter-spacing:.06em;color:var(--color-text-muted);text-transform:uppercase;font-weight:600}.featured__card{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:0 2px 8px var(--color-shadow);position:relative;overflow:hidden}.featured__accent{background:linear-gradient(90deg, var(--color-gold) 0%, var(--color-wood-light) 100%);height:3px;position:absolute;top:0;left:0;right:0}.featured__content{gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.featured__icon-wrap{border-radius:var(--radius-md);width:48px;height:48px;color:var(--color-preview);background:linear-gradient(135deg,#5c8a4d1a 0%,#5c8a4d0d 100%);flex-shrink:0;justify-content:center;align-items:center;display:flex}.featured__info{flex-direction:column;gap:4px;min-width:0;display:flex}.featured__header{align-items:center;gap:var(--space-sm);display:flex}.featured__name{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text-primary);font-weight:700}.featured__desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.4}.featured__players{font-size:var(--text-xs);color:var(--color-text-muted);align-items:center;gap:4px;margin-top:2px;font-weight:500;display:flex}.featured__btn{background:var(--color-bark);width:100%;color:var(--color-parchment);font-size:var(--text-sm);border-radius:var(--radius-md);transition:background var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;gap:4px;padding:10px;font-weight:600;display:flex}.featured__btn:hover{background:var(--color-bark-light)}.featured__btn:active{transform:scale(.98)}.game-card{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);gap:var(--space-md);box-shadow:0 1px 3px var(--color-shadow);transition:box-shadow var(--transition-fast), transform var(--transition-fast);flex-direction:column;display:flex}.game-card:hover{box-shadow:0 2px 8px var(--color-shadow-strong)}.game-card__top{justify-content:space-between;align-items:center;display:flex}.game-card__body{flex-direction:column;gap:4px;display:flex}.game-card__name{font-family:var(--font-display);font-size:var(--text-base);color:var(--color-text-primary);font-weight:700;line-height:1.3}.game-card__desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.45}.game-card__footer{padding-top:var(--space-sm);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.game-card__players{font-size:var(--text-xs);color:var(--color-text-muted);align-items:center;gap:4px;font-weight:500;display:flex}.game-card__btn{font-size:var(--text-xs);border-radius:var(--radius-full);transition:background var(--transition-fast), transform var(--transition-fast);padding:6px 14px;font-weight:600}.game-card__btn--play{background:var(--color-bark);color:var(--color-parchment)}.game-card__btn--play:hover{background:var(--color-bark-light)}.game-card__btn--play:active{transform:scale(.96)}.game-card__btn--disabled{background:var(--color-parchment);color:var(--color-text-muted);cursor:not-allowed;opacity:.7;border:1px solid var(--color-border)}.game-grid{padding:0 var(--space-lg)}.game-grid__header{margin-bottom:var(--space-md);justify-content:space-between;align-items:baseline;display:flex}.game-grid__title{font-family:var(--font-display);font-size:var(--text-base);color:var(--color-text-primary);font-weight:700}.game-grid__count{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:500}.game-grid__list{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}@media (width<=340px){.game-grid__list{grid-template-columns:1fr}}.home-page{gap:var(--space-sm);padding-bottom:var(--space-lg);flex-direction:column;display:flex}.games-page{gap:var(--space-lg);padding-bottom:var(--space-lg);flex-direction:column;display:flex}.games-page__header{padding:var(--space-xl) var(--space-lg) 0;gap:var(--space-md);flex-direction:column;display:flex}.games-page__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700}.games-page__search{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:var(--font-body);background:var(--color-surface-raised);padding:8px 12px}.games-page__search:focus{outline:2px solid var(--color-gold);outline-offset:-1px}.games-page__filters{gap:var(--space-xs);-webkit-overflow-scrolling:touch;padding-bottom:2px;display:flex;overflow-x:auto}.games-page__filter{border-radius:var(--radius-full);font-size:var(--text-xs);background:var(--color-parchment);color:var(--color-text-muted);border:1px solid var(--color-border);cursor:pointer;white-space:nowrap;padding:5px 12px;font-weight:600}.games-page__filter--active{background:var(--color-bark);color:var(--color-parchment);border-color:var(--color-bark)}.games-page__grid{gap:var(--space-md);padding:0 var(--space-lg);grid-template-columns:1fr 1fr;display:grid}@media (width<=340px){.games-page__grid{grid-template-columns:1fr}}.games-page__status{text-align:center;color:var(--color-text-muted);font-size:var(--text-sm);padding:var(--space-xl) var(--space-lg)}.character-page{padding:var(--space-xl) var(--space-lg) var(--space-lg);gap:var(--space-xl);flex-direction:column;display:flex}.character-page__hero{text-align:center;align-items:center;gap:var(--space-md);padding:var(--space-3xl) 0;flex-direction:column;display:flex}.character-page__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700}.character-page__desc{font-size:var(--text-sm);color:var(--color-text-secondary)}.character-page__preview{align-items:center;gap:var(--space-sm);flex-direction:column;display:flex}.character-page__avatar-box{border-radius:var(--radius-xl);border:2px solid var(--color-border-strong);justify-content:center;align-items:center;width:80px;height:80px;display:flex}.character-page__avatar-emoji{font-size:2.2rem}.character-page__char-name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700}.character-page__char-type{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:-4px}.character-page__equipped-row{gap:var(--space-sm);display:flex}.character-page__equipped-badge{background:var(--color-parchment);border-radius:var(--radius-sm);padding:4px 8px;font-size:1.2rem}.character-page__equipment{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg)}.character-page__section-title{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-md);font-weight:600}.character-page__slot-tabs{gap:var(--space-xs);margin-bottom:var(--space-md);display:flex;overflow-x:auto}.character-page__slot-tab{border-radius:var(--radius-full);font-size:var(--text-xs);background:var(--color-parchment);color:var(--color-text-muted);border:1px solid var(--color-border);cursor:pointer;white-space:nowrap;padding:6px 12px;font-weight:600}.character-page__slot-tab--active{background:var(--color-bark);color:var(--color-parchment);border-color:var(--color-bark)}.character-page__current-equip{font-size:var(--text-xs);color:var(--color-text-secondary);margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-parchment);border-radius:var(--radius-md);justify-content:space-between;align-items:center;display:flex}.character-page__unequip-btn{font-size:var(--text-xs);color:#c0392b;cursor:pointer;background:0 0;border:none;font-weight:600}.character-page__item-grid{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.character-page__empty{font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;padding:var(--space-xl) 0;grid-column:1/-1}.character-page__item-card{padding:var(--space-md);background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast);flex-direction:column;align-items:center;gap:4px;display:flex}.character-page__item-card--equipped{border-color:var(--color-gold);background:#c9a96e0f}.character-page__item-card:disabled{cursor:default;opacity:.8}.character-page__item-emoji{font-size:1.3rem}.character-page__item-name{font-size:var(--text-xs);text-align:center;font-weight:600}.character-page__item-rarity{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.55rem}.profile-page{padding:var(--space-xl) var(--space-lg) var(--space-lg);gap:var(--space-lg);flex-direction:column;display:flex}.profile-card{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);align-items:center;gap:var(--space-md);text-align:center;flex-direction:column;display:flex}.profile-card__avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-parchment) 0%, #ede0d0 100%);border:2px solid var(--color-border-strong);width:64px;height:64px;color:var(--color-wood);justify-content:center;align-items:center;display:flex}.profile-card__avatar-img{border-radius:var(--radius-full);border:2px solid var(--color-border-strong);object-fit:cover;width:64px;height:64px}.profile-card__avatar-initial{font-size:var(--text-2xl);color:var(--color-wood);font-weight:700}.profile-card__name{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text-primary);font-weight:700}.profile-card__dev-tag{font-family:var(--font-body);background:var(--color-preview);color:#fff;vertical-align:middle;border-radius:3px;margin-left:6px;padding:1px 5px;font-size:.55rem;font-weight:700}.profile-card__username{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:-4px}.profile-card__meta{gap:var(--space-sm);display:flex}.profile-card__tag{font-size:var(--text-xs);color:var(--color-text-secondary);background:var(--color-parchment);border-radius:var(--radius-full);align-items:center;gap:4px;padding:3px 10px;font-weight:600;display:flex}.profile-card__xp{width:100%;max-width:240px}.profile-card__xp-header{justify-content:space-between;margin-bottom:4px;display:flex}.profile-card__xp-label{font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:600}.profile-card__xp-value{font-size:var(--text-xs);color:var(--color-text-muted)}.profile-card__xp-track{background:var(--color-parchment);border-radius:var(--radius-full);width:100%;height:6px;overflow:hidden}.profile-card__xp-fill{background:linear-gradient(90deg, var(--color-gold) 0%, var(--color-gold-dim) 100%);border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.profile-stats{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.profile-stat{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);align-items:center;gap:var(--space-md);display:flex}.profile-stat__icon{border-radius:var(--radius-md);background:var(--color-parchment);width:36px;height:36px;color:var(--color-wood);flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-stat__info{flex-direction:column;display:flex}.profile-stat__value{font-size:var(--text-lg);color:var(--color-text-primary);font-weight:700;line-height:1.2}.profile-stat__label{font-size:var(--text-xs);color:var(--color-text-muted)}.profile-actions{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow:hidden}.profile-action{padding:var(--space-lg);font-size:var(--text-sm);color:var(--color-text-primary);transition:background var(--transition-fast);justify-content:space-between;align-items:center;font-weight:500;display:flex}.profile-action:not(:last-child){border-bottom:1px solid var(--color-border)}.profile-action:hover{background:var(--color-parchment-light)}.profile-action:active{background:var(--color-parchment)}.profile-action__left{align-items:center;gap:var(--space-md);color:var(--color-text-primary);display:flex}.profile-action__left svg{color:var(--color-wood)}.profile-action__chevron{color:var(--color-text-muted);font-size:var(--text-lg)}.profile-action--logout,.profile-action--logout .profile-action__left svg{color:#c0392b}.profile-card__bio{font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center;max-width:260px;line-height:1.4}.profile-card__avatar-emoji{font-size:1.8rem}.profile-edit-btn{align-items:center;gap:var(--space-xs);font-size:var(--text-xs);color:var(--color-wood);background:var(--color-parchment);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;margin-top:var(--space-sm);transition:background var(--transition-fast);padding:6px 14px;font-weight:600;display:flex}.profile-edit-btn:hover{background:var(--color-parchment-light)}.lobby-page{background:var(--color-bg);flex-direction:column;min-height:100%;display:flex}.lobby-page__header{border-bottom:1px solid var(--color-border);align-items:center;gap:12px;padding:16px;display:flex}.lobby-page__back{cursor:pointer;color:var(--color-text);border-radius:var(--radius-sm);background:0 0;border:none;padding:4px 8px;font-size:20px;line-height:1}.lobby-page__back:hover{background:var(--color-surface)}.lobby-page__title{color:var(--color-text);margin:0;font-size:18px;font-weight:700}.lobby-page__tabs{border-bottom:1px solid var(--color-border);gap:4px;padding:0 16px;display:flex}.lobby-page__tab{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;padding:12px 0;font-size:14px;font-weight:600;transition:all .15s}.lobby-page__tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.lobby-page__body{flex-direction:column;flex:1;gap:16px;padding:24px 16px;display:flex}.lobby-page__create,.lobby-page__join{flex-direction:column;gap:16px;display:flex}.lobby-page__hint{color:var(--color-text-muted);margin:0;font-size:14px;line-height:1.5}.lobby-page__input{border:1.5px solid var(--color-border);border-radius:var(--radius-md);text-align:center;letter-spacing:4px;background:var(--color-surface);width:100%;color:var(--color-text);box-sizing:border-box;outline:none;padding:14px 16px;font-size:20px;font-weight:700}.lobby-page__input:focus{border-color:var(--color-primary)}.lobby-page__btn{border-radius:var(--radius-md);cursor:pointer;border:none;width:100%;padding:14px;font-size:15px;font-weight:700;transition:opacity .15s}.lobby-page__btn--primary{background:var(--color-primary);color:#fff}.lobby-page__btn:disabled{opacity:.5;cursor:not-allowed}.lobby-page__error{color:var(--color-error,#e53935);text-align:center;margin:0;font-size:13px}.gp-lobby{background:var(--color-bg);flex-direction:column;min-height:100%;display:flex}.gp-lobby__header{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border);display:flex}.gp-lobby__back{cursor:pointer;color:var(--color-text-primary);border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;padding:4px 8px;font-size:1.25rem;line-height:1}.gp-lobby__back:hover{background:var(--color-surface-raised)}.gp-lobby__title-row{align-items:center;gap:var(--space-sm);display:flex}.gp-lobby__icon{border-radius:var(--radius-md);color:#ff8a65;background:#ff8a6524;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.gp-lobby__title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text-primary);margin:0;font-weight:700}.gp-lobby__info-card{margin:var(--space-lg);padding:var(--space-md) var(--space-lg);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);border-left:3px solid #ff8a65}.gp-lobby__desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--space-sm) 0;line-height:1.55}.gp-lobby__meta{gap:var(--space-md);flex-wrap:wrap;display:flex}.gp-lobby__meta-item{font-size:var(--text-xs);color:var(--color-text-muted);align-items:center;gap:4px;font-weight:500;display:flex}.gp-lobby__tabs{padding:0 var(--space-lg);border-bottom:1px solid var(--color-border);gap:4px;display:flex}.gp-lobby__tab{padding:var(--space-sm) 0;font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;font-weight:600;transition:all .15s}.gp-lobby__tab--active{color:#ff8a65;border-bottom-color:#ff8a65}.gp-lobby__body{padding:var(--space-xl) var(--space-lg);gap:var(--space-md);flex-direction:column;flex:1;display:flex}.gp-lobby__section{gap:var(--space-md);flex-direction:column;display:flex}.gp-lobby__hint{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;line-height:1.5}.gp-lobby__input{width:100%;padding:var(--space-md) var(--space-lg);border:1.5px solid var(--color-border);border-radius:var(--radius-md);text-align:center;letter-spacing:4px;background:var(--color-surface-raised);color:var(--color-text-primary);box-sizing:border-box;outline:none;font-size:1.375rem;font-weight:700;transition:border-color .15s}.gp-lobby__input:focus{border-color:#ff8a65}.gp-lobby__btn{width:100%;padding:var(--space-lg);border-radius:var(--radius-lg);font-size:var(--text-base);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:none;font-weight:700;transition:opacity .15s,transform .1s}.gp-lobby__btn:active:not(:disabled){transform:scale(.98)}.gp-lobby__btn:disabled{opacity:.5;cursor:not-allowed}.gp-lobby__btn--primary{color:#fff;background:#ff8a65}.gp-lobby__error{font-size:var(--text-sm);color:var(--color-error,#e53935);text-align:center;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:#e5393514;margin:0}.waiting-page{background:var(--color-bg);flex-direction:column;min-height:100%;display:flex}.waiting-page__header{border-bottom:1px solid var(--color-border);align-items:center;gap:12px;padding:16px;display:flex}.waiting-page__back{cursor:pointer;color:var(--color-text);border-radius:var(--radius-sm);background:0 0;border:none;padding:4px 8px;font-size:20px;line-height:1}.waiting-page__back:hover{background:var(--color-surface)}.waiting-page__title{color:var(--color-text);margin:0;font-size:18px;font-weight:700}.waiting-page__code-section{text-align:center;border-bottom:1px solid var(--color-border);padding:20px 16px}.waiting-page__code-label{text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted);margin:0 0 8px;font-size:12px}.waiting-page__code{background:var(--color-surface);border:1.5px dashed var(--color-border);border-radius:var(--radius-md);cursor:pointer;box-sizing:border-box;flex-direction:column;align-items:center;gap:4px;width:100%;padding:14px 24px;display:flex}.waiting-page__code:active{opacity:.7}.waiting-page__code span:first-child{letter-spacing:6px;color:var(--color-primary);font-family:monospace;font-size:32px;font-weight:800}.waiting-page__copy-hint{color:var(--color-text-muted);font-size:11px}.waiting-page__players{flex:1;padding:16px;overflow-y:auto}.waiting-page__players-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.waiting-page__players-title{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);font-size:13px;font-weight:700}.waiting-page__players-count{color:var(--color-text-muted);font-size:13px}.waiting-page__player-list{flex-direction:column;gap:8px;display:flex}.waiting-page__player{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.waiting-page__player-info{flex:1}.waiting-page__player-name{color:var(--color-text);font-size:14px;font-weight:600}.waiting-page__host-badge{font-size:13px}.waiting-page__ready-badge{background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.waiting-page__ready-badge--ready{color:#2e7d32;background:#e8f5e9;border-color:#a5d6a7}.waiting-page__error{color:var(--color-error,#e53935);text-align:center;margin:0;padding:0 16px;font-size:13px}.waiting-page__actions{border-top:1px solid var(--color-border);padding:16px}.waiting-page__btn{border-radius:var(--radius-md);cursor:pointer;border:none;width:100%;padding:14px;font-size:15px;font-weight:700;transition:opacity .15s}.waiting-page__btn--ready{background:var(--color-primary);color:#fff}.waiting-page__btn--unready{background:var(--color-surface);color:var(--color-text);border:1.5px solid var(--color-border)}.waiting-page__btn--start{color:#fff;background:#2e7d32}.waiting-page__btn:disabled{opacity:.5;cursor:not-allowed}.quiz-page{padding:var(--space-lg);gap:var(--space-lg);flex-direction:column;min-height:100dvh;display:flex}.quiz-page__status{text-align:center;color:var(--color-text-muted);padding:var(--space-3xl) 0}.quiz-page__header{font-size:var(--text-xs);color:var(--color-text-secondary);justify-content:space-between;align-items:center;font-weight:600;display:flex}.quiz-page__round{background:var(--color-parchment);border-radius:var(--radius-full);padding:4px 10px}.quiz-page__category{color:var(--color-wood)}.quiz-page__timer{background:var(--color-bark);color:var(--color-parchment);border-radius:var(--radius-full);text-align:center;min-width:36px;padding:4px 10px}.quiz-page__title{font-family:var(--font-display);font-size:var(--text-xl);text-align:center;font-weight:700}.quiz-page__round-info{text-align:center;color:var(--color-text-muted);font-size:var(--text-sm)}.quiz-page__prompt{font-size:var(--text-base);text-align:center;font-weight:600;line-height:1.5}.quiz-page__options{gap:var(--space-sm);flex-direction:column;display:flex}.quiz-page__option{align-items:center;gap:var(--space-md);background:var(--color-surface-raised);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;text-align:left;padding:12px 16px;transition:border-color .15s,background .15s;display:flex}.quiz-page__option:active{transform:scale(.98)}.quiz-page__option:disabled{cursor:default;opacity:.7}.quiz-page__option--selected{border-color:var(--color-gold);background:#c9a96e14}.quiz-page__option--correct{background:#27ae6014;border-color:#27ae60}.quiz-page__option--wrong{background:#c0392b14;border-color:#c0392b}.quiz-page__option-key{font-weight:700;font-size:var(--text-sm);color:var(--color-text-muted);min-width:20px}.quiz-page__option-text{font-size:var(--text-sm)}.quiz-page__explanation{font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center;font-style:italic}.quiz-page__result{text-align:center;font-weight:600;font-size:var(--text-sm)}.quiz-page__footer{text-align:center;font-size:var(--text-sm);color:var(--color-text-muted)}.quiz-page__score-card{text-align:center;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-xl)}.quiz-page__score-big{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-gold-dim);font-weight:700}.quiz-page__score-label{font-size:var(--text-xs);color:var(--color-text-muted)}.quiz-page__leaderboard{gap:var(--space-xs);flex-direction:column;display:flex}.quiz-page__lb-title{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:2px;font-weight:600}.quiz-page__lb-row{align-items:center;gap:var(--space-md);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px 14px;display:flex}.quiz-page__lb-row--first{border-color:var(--color-gold)}.quiz-page__lb-rank{font-family:var(--font-display);font-size:var(--text-base);color:var(--color-gold-dim);min-width:28px;font-weight:700}.quiz-page__lb-name{font-size:var(--text-sm);flex:1;font-weight:500}.quiz-page__lb-score{font-weight:700;font-size:var(--text-sm);color:var(--color-text-primary)}.ww-page{padding:var(--space-lg);gap:var(--space-lg);flex-direction:column;min-height:100dvh;display:flex}.ww-status{text-align:center;color:var(--color-text-muted);padding:var(--space-3xl) 0}.ww-header{justify-content:space-between;align-items:center;display:flex}.ww-phase-label{font-weight:700;font-size:var(--text-sm);color:var(--color-text-primary)}.ww-timer{background:var(--color-bark);color:var(--color-parchment);border-radius:var(--radius-full);font-size:var(--text-sm);padding:4px 12px;font-weight:700}.ww-title{font-family:var(--font-display);font-size:var(--text-xl);text-align:center;font-weight:700}.ww-subtitle{text-align:center;color:var(--color-text-secondary);font-size:var(--text-sm)}.ww-info{text-align:center;color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.5}.ww-dead-label{text-align:center;color:#c0392b;font-weight:600;font-size:var(--text-sm)}.ww-role-btn{width:100%;padding:var(--space-lg);background:var(--color-surface-raised);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;text-align:center}.ww-role-closed{color:var(--color-text-muted);font-size:var(--text-sm)}.ww-role-open{gap:var(--space-xs);flex-direction:column;display:flex}.ww-role-icon{font-size:2rem}.ww-role-name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700}.ww-role-team{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.ww-role-desc{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:1.4}.ww-role-mates{font-size:var(--text-xs);color:var(--color-gold-dim);font-weight:600}.ww-action-section{gap:var(--space-md);flex-direction:column;display:flex}.ww-section-title{font-size:var(--text-sm);font-weight:600}.ww-target-list{gap:var(--space-sm);flex-direction:column;display:flex}.ww-target{background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);justify-content:space-between;align-items:center;padding:10px 14px;transition:border-color .15s;display:flex}.ww-target:active{transform:scale(.98)}.ww-target:disabled{opacity:.6;cursor:default}.ww-target--selected{border-color:var(--color-gold);background:#c9a96e14}.ww-target--abstain{color:var(--color-text-muted);font-style:italic}.ww-badge{font-size:var(--text-xs);border-radius:var(--radius-full);padding:2px 8px;font-weight:600}.ww-badge--alive{color:#27ae60;background:#27ae601a}.ww-badge--win{color:var(--color-gold-dim);background:#c9a96e26}.ww-tg-btn{background:var(--color-bark);color:var(--color-parchment);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;border:none;align-self:center;padding:10px 16px;font-weight:600}.ww-player-grid{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.ww-player-card{padding:var(--space-md);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-xs);flex-direction:column;align-items:center;gap:2px;display:flex}.ww-player-card--dead{opacity:.6}.ww-player-icon{font-size:1.3rem}.ww-player-name{font-weight:600}.ww-player-role{color:var(--color-text-muted)}.ww-player-death{color:#c0392b;font-size:.6rem}.ww-seer-results{font-size:var(--text-xs);color:var(--color-text-secondary);padding:var(--space-md);background:var(--color-parchment);border-radius:var(--radius-md)}.ww-seer-results h4{font-size:var(--text-xs);margin-bottom:var(--space-xs);font-weight:600}@media (prefers-reduced-motion:reduce){.ww-target:active{transform:none}}.cc-page{padding:var(--space-md);gap:var(--space-md);flex-direction:column;min-height:100dvh;display:flex}.cc-status{text-align:center;color:var(--color-text-muted);padding:var(--space-3xl) 0}.cc-title{font-family:var(--font-display);font-size:var(--text-xl);text-align:center;font-weight:700}.cc-subtitle{text-align:center;color:var(--color-text-muted);font-size:var(--text-sm)}.cc-header{justify-content:space-between;align-items:center;display:flex}.cc-turn-label{font-weight:600;font-size:var(--text-sm)}.cc-timer-badge{background:var(--color-bark);color:var(--color-parchment);border-radius:var(--radius-full);font-size:var(--text-sm);padding:3px 10px;font-weight:700}.cc-table{align-items:center;gap:var(--space-sm);padding:var(--space-lg);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-xl);flex-direction:column;display:flex}.cc-table-info{gap:var(--space-md);font-size:var(--text-sm);align-items:center;font-weight:600;display:flex}.cc-element{border-radius:var(--radius-full);padding:3px 10px}.cc-el--ember{color:#e74c3c;background:#e74c3c1a}.cc-el--tide{color:#3498db;background:#3498db1a}.cc-el--grove{color:#27ae60;background:#2ecc711a}.cc-el--volt{color:#f39c12;background:#f1c40f1a}.cc-el--prism{color:#9b59b6;background:#9b59b61a}.cc-power{color:var(--color-text-secondary)}.cc-pile-info{font-size:var(--text-xs);color:var(--color-text-muted)}.cc-players{gap:var(--space-xs);flex-wrap:wrap;display:flex}.cc-player-chip{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-xs);align-items:center;gap:4px;padding:4px 10px;display:flex}.cc-player-chip--active{border-color:var(--color-gold);background:#c9a96e14}.cc-player-hand{font-weight:600}.cc-charge-dots{font-size:.6rem}.cc-charge-bar{align-items:center;gap:var(--space-md);font-size:var(--text-xs);color:var(--color-text-muted);display:flex}.cc-burst-btn{border:1.5px solid var(--color-gold);border-radius:var(--radius-full);color:var(--color-gold-dim);font-size:var(--text-xs);cursor:pointer;background:0 0;padding:4px 12px;font-weight:600}.cc-burst-btn--active{background:var(--color-gold);color:var(--color-parchment)}.cc-action-count{color:var(--color-text-primary);font-weight:600}.cc-hand{gap:var(--space-xs);padding:var(--space-sm) 0;-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.cc-card-btn{cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0}.cc-card-btn:disabled{cursor:default}.cc-card-btn--selected{transform:translateY(-6px)}.cc-card-btn--disabled .cc-card{opacity:.5}.cc-card{border-radius:var(--radius-md);border:2px solid var(--color-border);flex-direction:column;justify-content:center;align-items:center;gap:2px;width:56px;height:80px;display:flex;position:relative}.cc-card--compact{width:48px;height:68px}.cc-card--selected{border-color:var(--color-gold);box-shadow:0 0 8px #c9a96e4d}.cc-card-power{font-size:var(--text-xl);font-weight:800}.cc-card-el{font-size:.9rem}.cc-card-special{font-size:var(--text-xs);text-align:center;font-weight:600}.cc-card-label{text-transform:uppercase;letter-spacing:.05em;font-size:.5rem}.cc-prism-picker{gap:var(--space-xs);flex-direction:column;display:flex}.cc-prism-label{font-size:var(--text-xs);color:var(--color-text-muted)}.cc-prism-options{gap:var(--space-xs);display:flex}.cc-prism-opt{border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);cursor:pointer;font-size:var(--text-xs);padding:6px 12px}.cc-prism-opt--selected{border-color:var(--color-gold);background:#c9a96e14}.cc-actions{gap:var(--space-sm);padding-top:var(--space-sm);justify-content:center;display:flex}.cc-action-btn{border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;border:none;padding:10px 20px;font-weight:600}.cc-action-btn:disabled{opacity:.5;cursor:default}.cc-action-btn--play{background:var(--color-gold);color:var(--color-parchment)}.cc-action-btn--draw{background:var(--color-bark);color:var(--color-parchment)}.cc-action-btn--end{background:var(--color-surface-raised);color:var(--color-text-primary);border:1px solid var(--color-border)}.cc-result-grid{gap:var(--space-sm);flex-direction:column;display:flex}.cc-result-card{align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex}.cc-result-card--winner{border-color:var(--color-gold)}.cc-result-rank{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-gold-dim);min-width:32px;font-weight:700}.cc-result-name{flex:1;font-weight:600}.cc-badge{font-size:var(--text-xs);border-radius:var(--radius-full);padding:2px 8px;font-weight:600}.cc-badge--win{color:var(--color-gold-dim);background:#c9a96e26}@media (prefers-reduced-motion:reduce){.cc-card-btn--selected{transform:none}}:root{--gp-arena-bg:#1a1a2e;--gp-arena-floor:#2d2d44;--gp-arena-edge:#8b6914;--gp-player-me:#2980b9;--gp-player-opp:#c0392b;--gp-label-color:#ffffffe6;--gp-sudden-color:#e74c3c}.gp-page{background:var(--color-bg);min-height:100%;padding:var(--space-md);gap:var(--space-md);flex-direction:column;display:flex;position:relative;overflow-y:auto}.gp-status{text-align:center;color:var(--color-text-muted);padding:var(--space-3xl) 0}.gp-preparing{justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-3xl) 0;flex-direction:column;flex:1;display:flex}.gp-preparing__spinner{border:3px solid var(--color-border);border-top-color:var(--color-gold-dim);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite gp-spin}.gp-preparing__label{font-size:var(--text-base);color:var(--color-text-primary);font-weight:600}.gp-preparing__sub{font-size:var(--text-sm);color:var(--color-text-muted)}.gp-countdown-overlay{z-index:10;justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-lg);pointer-events:none;background:#0000008c;flex-direction:column;display:flex;position:absolute;inset:0}.gp-countdown-num{font-family:var(--font-display);color:#fff;text-shadow:0 0 32px #c9a96eb3;font-size:6rem;font-weight:900;line-height:1;animation:.3s cubic-bezier(.34,1.56,.64,1) gp-countdown-pop}.gp-countdown-label{font-size:var(--text-sm);color:#ffffffbf;letter-spacing:.05em;text-transform:uppercase;font-weight:700}.gp-sudden-banner{align-items:center;gap:var(--space-sm);border:1.5px solid var(--gp-sudden-color);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);background:#e74c3c26;animation:1s ease-in-out infinite gp-sudden-pulse;display:flex}.gp-sudden-banner__icon{font-size:1.1rem}.gp-sudden-banner__text{font-size:var(--text-sm);color:var(--gp-sudden-color);letter-spacing:.06em;font-weight:800}.gp-sudden-banner__sub{font-size:var(--text-xs);color:var(--color-text-muted);margin-left:auto}.gp-arena-edge--pulse{animation:.8s ease-in-out infinite gp-edge-pulse}.gp-header{gap:var(--space-xs);flex-direction:column;align-items:center;display:flex}.gp-score{align-items:center;gap:var(--space-sm);font-size:var(--text-base);display:flex}.gp-score-num{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-text-primary);text-align:center;min-width:28px;font-weight:800}.gp-score-sep{color:var(--color-text-muted);font-size:var(--text-sm)}.gp-score-name{font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;max-width:80px;font-weight:600;overflow:hidden}.gp-score-name--me{color:#3498db}.gp-score-name--opp{color:#e74c3c}.gp-phase-row{align-items:center;gap:var(--space-sm);display:flex}.gp-phase-label{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:700}.gp-phase-label--sudden{color:var(--gp-sudden-color)}.gp-timer{background:var(--color-bark);color:var(--color-parchment);border-radius:var(--radius-full);font-size:var(--text-sm);padding:3px 10px;font-weight:700}.gp-timer--sudden{background:var(--gp-sudden-color)}.gp-round-label{font-size:var(--text-xs);color:var(--color-text-muted)}.gp-round-result{text-align:center;border:1px solid var(--color-gold);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);color:var(--color-gold-dim);background:#c9a96e1f;font-weight:600}.gp-arena-wrap{justify-content:center;display:flex}.gp-arena{border-radius:var(--radius-xl);width:100%;max-width:340px;height:auto;overflow:visible}.gp-energy-row{align-items:center;gap:var(--space-sm);display:flex}.gp-energy-label{font-size:var(--text-xs);color:var(--color-text-muted);min-width:42px}.gp-energy-bar{background:var(--color-border);border-radius:var(--radius-full);flex:1;height:8px;overflow:hidden}.gp-energy-fill{border-radius:var(--radius-full);background:#27ae60;height:100%;transition:width .2s}.gp-energy-fill--low{background:#e74c3c}.gp-energy-val{font-size:var(--text-xs);color:var(--color-text-secondary);text-align:right;min-width:28px;font-weight:600}.gp-controls{gap:var(--space-md);display:flex}.gp-btn{padding:var(--space-lg) var(--space-md);border:2px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface-raised);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;transition:all .15s;display:flex}.gp-btn:disabled{opacity:.45;cursor:default}.gp-btn:active:not(:disabled){transform:scale(.96)}.gp-btn-icon{font-size:1.6rem;line-height:1}.gp-btn-label{font-size:var(--text-xs);color:var(--color-text-primary);font-weight:700}.gp-btn--rush-ready{background:#3498db14;border-color:#3498db}.gp-btn--rush-ready .gp-btn-icon,.gp-btn--rush-ready .gp-btn-label{color:#3498db}.gp-btn--rush-cooldown{border-color:var(--color-border);background:var(--color-bg)}.gp-btn--brace-active{background:#f39c121a;border-color:#f39c12}.gp-btn--brace-active .gp-btn-label{color:#f39c12}.gp-hint{text-align:center;font-size:var(--text-sm);color:var(--color-text-muted)}.gp-result-hero{align-items:center;gap:var(--space-xs);padding:var(--space-xl) var(--space-md);border-radius:var(--radius-lg);flex-direction:column;display:flex}.gp-result-hero--win{border:1px solid var(--color-gold);background:linear-gradient(135deg,#c9a96e2e 0%,#c9a96e0f 100%)}.gp-result-hero--lose{background:var(--color-surface-raised);border:1px solid var(--color-border)}.gp-result-hero__icon{font-size:3rem}.gp-result-hero__title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text-primary);text-align:center;font-weight:700}.gp-result-grid{gap:var(--space-sm);flex-direction:column;display:flex}.gp-result-card{align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex}.gp-result-card--winner{border-color:var(--color-gold)}.gp-result-rank{min-width:28px;font-size:1.4rem}.gp-result-info{flex-direction:column;flex:1;gap:2px;display:flex}.gp-result-name{font-weight:600;font-size:var(--text-sm);color:var(--color-text-primary)}.gp-result-wins{font-size:var(--text-xs);color:var(--color-text-muted)}.gp-result-stats{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.gp-result-stat{font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:600}.gp-round-history{gap:var(--space-xs);padding:var(--space-md);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;display:flex}.gp-round-history__title{font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-xs);font-weight:700}.gp-round-row{font-size:var(--text-xs);color:var(--color-text-muted)}.gp-play-again-btn{width:100%;padding:var(--space-lg);border-radius:var(--radius-lg);color:#fff;font-size:var(--text-base);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#ff8a65;border:none;font-weight:700;transition:opacity .15s,transform .1s}.gp-play-again-btn:active{transform:scale(.98)}@keyframes gp-spin{to{transform:rotate(360deg)}}@keyframes gp-countdown-pop{0%{opacity:.5;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}@keyframes gp-sudden-pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes gp-edge-pulse{0%,to{stroke-opacity:1}50%{stroke-opacity:.4}}@media (prefers-reduced-motion:reduce){.gp-btn:active{transform:none}.gp-energy-fill{transition:none}.gp-countdown-num,.gp-sudden-banner,.gp-arena-edge--pulse,.gp-preparing__spinner{animation:none}}.game-play-view{background:var(--color-bg);flex-direction:column;min-height:100%;display:flex}.game-play-view__header{border-bottom:1px solid var(--color-border);padding:8px 12px}.game-play-view__back{color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:6px 8px;font-size:14px;font-weight:600}.game-play-view__back:hover{background:var(--color-surface)}.game-play-view__content{flex:1;overflow-y:auto}.game-play-view__placeholder{text-align:center;color:var(--color-text-muted);padding:40px 24px;font-size:14px}.onboarding{background:var(--color-bg);min-height:100dvh;padding:var(--space-lg);justify-content:center;align-items:center;display:flex}.onboarding__loading{font-size:var(--text-sm);color:var(--color-text-muted)}.onboarding__content{max-width:var(--max-width);gap:var(--space-xl);width:100%;padding:var(--space-xl) 0;flex-direction:column;display:flex}.onboarding__title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-text-primary);text-align:center;font-weight:700}.onboarding__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center;margin-top:-12px}.onboarding__grid{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}.onboarding__card{align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--color-surface-raised);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--transition-fast), transform var(--transition-fast);flex-direction:column;display:flex}.onboarding__card--selected{border-color:var(--color-gold);box-shadow:0 0 0 1px var(--color-gold)}.onboarding__card:active{transform:scale(.97)}.onboarding__card-preview{border-radius:var(--radius-md);width:56px;height:56px;transition:background-color var(--transition-fast);justify-content:center;align-items:center;display:flex}.onboarding__card-emoji{font-size:1.5rem}.onboarding__card-name{font-size:var(--text-xs);color:var(--color-text-primary);text-align:center;font-weight:600}.onboarding__card-desc{color:var(--color-text-muted);text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.6rem;line-height:1.3;display:-webkit-box;overflow:hidden}.onboarding__customize{gap:var(--space-lg);flex-direction:column;display:flex}.onboarding__field{gap:var(--space-xs);flex-direction:column;display:flex}.onboarding__label{font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:600}.onboarding__input{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:var(--font-body);background:var(--color-surface-raised);color:var(--color-text-primary);padding:10px 12px}.onboarding__input:focus{outline:2px solid var(--color-gold);outline-offset:-1px}.onboarding__colors{gap:var(--space-sm);flex-wrap:wrap;display:flex}.onboarding__color-btn{border:1.5px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-xs);background:var(--color-surface-raised);color:var(--color-text-secondary);cursor:pointer;padding:6px 12px;font-weight:500}.onboarding__color-btn--active{border-color:var(--color-gold);color:var(--color-gold-dim);background:#c9a96e1a}.onboarding__error{font-size:var(--text-sm);color:#c0392b;text-align:center}.onboarding__submit{background:var(--color-bark);color:var(--color-parchment);font-size:var(--text-base);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);border:none;padding:12px;font-weight:600}.onboarding__submit:hover{background:var(--color-bark-light)}.onboarding__submit:disabled{opacity:.6;cursor:not-allowed}.toast{bottom:calc(var(--bottom-nav-height) + 16px);max-width:calc(var(--max-width) - 32px);background:var(--color-bark);width:max-content;color:var(--color-parchment);border-radius:var(--radius-full);align-items:center;gap:var(--space-sm);font-size:var(--text-sm);z-index:40;padding:10px 18px;font-weight:500;animation:.25s forwards toastIn;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #2c181040}.toast--leaving{animation:.25s forwards toastOut}.toast__text{white-space:nowrap}.tg-required{min-height:100dvh;padding:var(--space-xl);background:var(--color-bg);justify-content:center;align-items:center;display:flex}.tg-required__card{text-align:center;align-items:center;gap:var(--space-lg);flex-direction:column;max-width:300px;display:flex}.tg-required__icon{border-radius:var(--radius-full);background:var(--color-parchment);width:64px;height:64px;color:var(--color-wood);justify-content:center;align-items:center;display:flex}.tg-required__title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text-primary);font-weight:700}.tg-required__desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.tg-required__btn{align-items:center;gap:var(--space-sm);background:var(--color-bark);color:var(--color-parchment);font-size:var(--text-sm);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);border:none;padding:10px 20px;font-weight:600;text-decoration:none;display:inline-flex}.tg-required__btn:hover{background:var(--color-bark-light)}.auth-loading{justify-content:center;align-items:center;gap:var(--space-lg);background:var(--color-bg);flex-direction:column;min-height:100dvh;display:flex}.auth-loading__spinner{border:3px solid var(--color-border);border-top-color:var(--color-gold);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-loading__text{font-size:var(--text-sm);color:var(--color-text-muted)}.main-app{flex-direction:column;min-height:100dvh;display:flex}:root{--color-bark:#3e2723;--color-bark-light:#4e342e;--color-wood:#6d4c41;--color-wood-light:#8d6e63;--color-parchment:#f5e6d3;--color-parchment-light:#fff8f0;--color-gold:#c9a96e;--color-gold-dim:#b8956a;--color-gold-glow:#c9a96e4d;--color-bg:var(--color-parchment-light);--color-surface:#fdf6ee;--color-surface-raised:#fff;--color-text-primary:#2c1810;--color-text-secondary:#6d4c41;--color-text-muted:#a1887f;--color-text-on-dark:#f5e6d3;--color-border:#6d4c411f;--color-border-strong:#6d4c4138;--color-shadow:#3e272314;--color-shadow-strong:#3e272326;--color-overlay:#2c18108c;--color-preview:#5c8a4d;--color-preview-bg:#5c8a4d1f;--color-coming-soon:var(--color-wood-light);--color-coming-soon-bg:#8d6e631f;--font-display:"Cinzel", Georgia, serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--text-xs:.6875rem;--text-sm:.8125rem;--text-base:.9375rem;--text-lg:1.0625rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--space-2xl:28px;--space-3xl:40px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--max-width:430px;--bottom-nav-height:60px;--header-height:56px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-primary);background-color:var(--color-bark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}#root{flex-direction:column;min-height:100dvh;display:flex}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none}button:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}a{color:inherit;text-decoration:none}ul,ol{list-style:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-wood-light);border-radius:var(--radius-full)}.app-shell{width:100%;max-width:var(--max-width);background-color:var(--color-bg);min-height:100dvh;margin:0 auto;position:relative;overflow-x:hidden}.page-content{padding-bottom:calc(var(--bottom-nav-height) + 16px)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes progressFill{0%{width:0%}to{width:100%}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #c9a96e26,0 0 40px #c9a96e14}50%{box-shadow:0 0 28px #c9a96e40,0 0 56px #c9a96e1f}}@keyframes textGlow{0%,to{text-shadow:0 0 12px #c9a96e33}50%{text-shadow:0 0 20px #c9a96e59}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(12px)}}@keyframes toastIn{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-8px)scale(.96)}}.animate-fade-in{animation:.6s forwards fadeIn}.animate-fade-out{animation:.5s forwards fadeOut}.animate-fade-in-up{animation:.5s forwards fadeInUp}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.35s}.delay-4{animation-delay:.5s}.delay-5{animation-delay:.65s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}