.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);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__info{flex-direction:column;line-height:1.2;display:flex}.app-header__name{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:600}.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}.games-page__title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text-primary);margin-bottom:4px;font-weight:700}.games-page__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary)}.character-page{padding:var(--space-2xl) var(--space-lg) var(--space-lg);gap:var(--space-2xl);flex-direction:column;display:flex}.character-page__hero{text-align:center;align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.character-page__avatar{border-radius:var(--radius-full);background:var(--color-parchment);border:2px solid var(--color-border-strong);width:80px;height:80px;color:var(--color-wood);justify-content:center;align-items:center;display:flex}.character-page__title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text-primary);font-weight:700}.character-page__desc{font-size:var(--text-sm);color:var(--color-text-secondary);max-width:240px}.character-page__badge{font-size:var(--text-xs);color:var(--color-gold-dim);border-radius:var(--radius-full);background:#c9a96e1f;padding:4px 14px;font-weight:600}.character-page__features{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg)}.character-page__features-title{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-md);font-weight:600}.character-page__list{gap:var(--space-md);flex-direction:column;display:flex}.character-page__item{align-items:center;gap:var(--space-md);font-size:var(--text-sm);color:var(--color-text-primary);display:flex}.character-page__item-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-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__name{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text-primary);font-weight:700}.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)}.modal-overlay{background:var(--color-overlay);z-index:50;padding:var(--space-xl);justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-card{background:var(--color-surface-raised);border-radius:var(--radius-xl);width:100%;max-width:320px;padding:var(--space-2xl) var(--space-xl);text-align:center;align-items:center;gap:var(--space-lg);flex-direction:column;animation:.25s fadeInScale;display:flex;position:relative;box-shadow:0 8px 32px #2c181033}.modal-close{top:var(--space-md);right:var(--space-md);border-radius:var(--radius-full);width:28px;height:28px;color:var(--color-text-muted);transition:background var(--transition-fast);justify-content:center;align-items:center;display:flex;position:absolute}.modal-close:hover{background:var(--color-parchment)}.modal-icon{border-radius:var(--radius-lg);background:var(--color-parchment);width:52px;height:52px;color:var(--color-wood);justify-content:center;align-items:center;display:flex}.modal-message{font-size:var(--text-base);color:var(--color-text-primary);line-height:1.5}.modal-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);padding:10px;font-weight:600}.modal-btn:hover{background:var(--color-bark-light)}.modal-btn:active{transform:scale(.98)}.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}.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}}