:root{--bg0: #1a2f23;--bg1: #243d2e;--bg2: #2f4f3a;--sand: #e8d5b5;--sand-dim: #c9b48e;--copper: #c4783a;--copper-hot: #e09148;--ink: #122018;--cream: #f7efe0;--danger: #b33a3a;--ok: #2d8a5c;--radius: 18px;--font-display: "Fraunces", Georgia, serif;--font-body: "Nunito", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-body);color:var(--cream);background:radial-gradient(ellipse at 20% 0%,#3a5c44 0%,transparent 50%),radial-gradient(ellipse at 90% 10%,#4a3a28 0%,transparent 40%),linear-gradient(165deg,var(--bg0),var(--bg1) 40%,#15241c);background-attachment:fixed}a{color:var(--copper-hot);text-decoration:none}button,input,select{font:inherit}.app-shell{--header-h: 56px;min-height:100vh;display:flex;flex-direction:column}html.game-immersive,body.game-immersive{height:100%;height:100dvh;overflow:hidden;overscroll-behavior:none}body.game-immersive .app-shell{min-height:100dvh;height:100dvh}body.game-immersive .app-shell .topnav{position:fixed;top:0;left:0;right:0;background:linear-gradient(180deg,rgba(0,0,0,.55),transparent);border-bottom:none;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none}body.game-immersive .app-shell .topnav-bar{pointer-events:none;height:44px;min-height:44px}body.game-immersive .app-shell .topnav-start{display:none}body.game-immersive .app-shell .topnav-actions{pointer-events:auto;gap:.25rem}body.game-immersive .app-shell .app-sidebar,body.game-immersive .app-shell .mobile-drawer-backdrop{display:none!important}body.game-immersive .app-shell .main{padding:0;margin:0;height:100dvh;max-height:100dvh;overflow:hidden}body.game-immersive .app-shell.is-desktop{grid-template-columns:1fr}body.game-immersive .app-shell.is-desktop .main{grid-column:1}.topnav{position:sticky;top:0;z-index:40;background:#00000059;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(232,213,181,.12)}.topnav-bar{--logo-pad: 12px;display:flex;align-items:center;gap:.5rem;padding:0;padding-inline:.65rem;height:var(--header-h);min-height:var(--header-h)}.topnav-start{display:flex;align-items:center;gap:.35rem;flex-shrink:0;height:100%}.topnav-actions{display:flex;align-items:center;gap:.35rem;margin-left:auto;height:100%}.brand{font-family:var(--font-display);font-size:1.35rem;font-weight:700;color:var(--sand)}.brand-logo-only{display:inline-flex;align-items:center;height:100%;flex-shrink:0;line-height:0;padding-block:var(--logo-pad);box-sizing:border-box;border:none;box-shadow:none;background:transparent}.brand-logo{display:block;width:auto;height:100%;max-height:calc(var(--header-h) - (var(--logo-pad) * 2));max-width:min(260px,62vw);border:none;border-radius:0;outline:none;object-fit:contain;object-position:left center;background:transparent;box-shadow:none}.nav-links{display:flex;flex-wrap:nowrap;gap:.25rem;flex:1;overflow-x:auto;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}.nav-links a{color:var(--cream);opacity:.85;padding:.4rem .7rem;border-radius:999px;white-space:nowrap;font-size:.92rem}.nav-links a.active,.nav-links a:hover{background:#e8d5b51f;opacity:1}.user-chip{display:flex;align-items:center;gap:.5rem;font-size:.85rem;background:#e8d5b51a;padding:.3rem .65rem;border-radius:999px;max-width:280px}.user-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-only{display:none}.desktop-only{display:inline-flex}.mobile-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:45}.app-sidebar{position:fixed;top:0;left:0;width:min(300px,86vw);height:100%;height:100dvh;z-index:50;background:linear-gradient(180deg,#1f3428,#15241c);border-right:1px solid rgba(232,213,181,.15);padding:0;transform:translate(-105%);transition:transform .22s ease;display:flex;flex-direction:column;gap:.35rem;box-shadow:12px 0 40px #0006;overflow:hidden;box-sizing:border-box}.app-sidebar.open{transform:translate(0)}.app-sidebar .mobile-user{margin:0;border-radius:0;border:none;border-bottom:1px solid rgba(232,213,181,.12);padding:.85rem 1rem;flex-shrink:0}.app-sidebar .mobile-nav{padding:.35rem .65rem;min-height:0}.app-sidebar .mobile-drawer-actions{padding:.5rem .65rem .75rem;margin-top:auto;flex-shrink:0;gap:.45rem}.mobile-user{padding:.85rem 1rem;border-radius:14px;background:#e8d5b514;border:1px solid rgba(232,213,181,.12)}.mobile-user-name{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--sand)}.mobile-user-meta{margin-top:.25rem;font-size:.88rem;opacity:.8}.mobile-nav{display:flex;flex-direction:column;gap:.25rem;flex:1;overflow-y:auto}.mobile-nav a{color:var(--cream);padding:.85rem 1rem;border-radius:12px;font-weight:700}.mobile-nav a.active,.mobile-nav a:hover{background:#e091482e;color:var(--sand)}.mobile-drawer-actions{display:flex;flex-direction:column;gap:.65rem;margin-top:auto}.radio-mini{position:relative;padding:.65rem;border-radius:16px;background:#e8d5b514;border:1px solid rgba(232,213,181,.14)}.radio-mini-main{display:flex;align-items:center;gap:.65rem}.radio-mini-art{width:64px;height:64px;border-radius:14px;object-fit:contain;background:#00000059;padding:.2rem;flex-shrink:0;box-shadow:0 0 0 1px #e8d5b533}.radio-mini-meta{flex:1;min-width:0}.radio-mini-label{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;opacity:.65;font-weight:800}.radio-mini-name{font-family:var(--font-display);font-size:.98rem;font-weight:700;color:var(--sand);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.radio-mini-error{font-size:.75rem;color:#ffb4b4;margin-top:.15rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.radio-dd-trigger{display:flex;align-items:center;justify-content:space-between;gap:.4rem;width:100%;margin-top:.2rem;padding:.45rem .55rem;border-radius:10px;border:1px solid rgba(232,213,181,.28);background:#00000059;color:var(--sand);font-size:.92rem;font-weight:800;cursor:pointer;text-align:left}.radio-dd-trigger-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.radio-dd-menu,.radio-dd-menu-up{position:absolute;left:.35rem;right:.35rem;bottom:calc(100% + .25rem);top:auto;z-index:20;list-style:none;margin:0;padding:.3rem;border-radius:12px;background:#1a2a20;border:1px solid rgba(232,213,181,.22);box-shadow:0 -10px 28px #00000080;overflow:visible;max-height:none}.radio-dd-option{display:flex;align-items:center;gap:.65rem;width:100%;padding:.55rem .6rem;border:none;border-radius:10px;background:transparent;color:var(--cream);font-size:.92rem;font-weight:700;cursor:pointer;text-align:left}.radio-dd-option img{width:40px;height:40px;border-radius:10px;object-fit:contain;background:#00000059;padding:.15rem}.radio-dd-option.active{background:#e0914838;color:var(--sand)}.radio-dd-check{margin-left:auto;color:var(--copper-hot);font-weight:900}.radio-volume{display:flex;align-items:center;gap:.55rem;margin-top:.7rem}.radio-volume-label{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;opacity:.65;font-weight:800;flex-shrink:0}.radio-volume-slider{flex:1;accent-color:var(--copper-hot);height:.35rem;cursor:pointer}.radio-volume-value{min-width:2rem;text-align:right;font-size:.8rem;font-weight:800;opacity:.8}.radio-mini-btn{width:44px;height:44px;padding:0!important;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:#1a1208!important;overflow:visible}.radio-mini-btn svg{width:22px;height:22px;display:block;fill:currentColor;flex-shrink:0}.radio-mini-btn.is-live{box-shadow:0 0 16px #e0914866}.radio-mini-wave{margin-top:.55rem;height:3px;border-radius:999px;background:linear-gradient(90deg,transparent,var(--copper-hot),transparent);background-size:200% 100%;animation:radio-wave 1.4s linear infinite}@keyframes radio-wave{0%{background-position:100% 0}to{background-position:-100% 0}}.app-shell.is-compact .nav-links,.app-shell.is-compact .user-chip{display:none!important}.app-shell.is-compact .topnav-bar{position:relative;justify-content:space-between}.app-shell.is-compact .topnav-start{z-index:1}.app-shell.is-compact .topnav-bar .brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.app-shell.is-compact .topnav-actions{margin-left:0;z-index:1}.app-shell.is-desktop{display:grid;grid-template-columns:260px 1fr;grid-template-rows:var(--header-h) 1fr;min-height:100vh;min-height:100dvh}.app-shell.is-desktop .topnav{grid-column:2;grid-row:1}.app-shell.is-desktop .app-sidebar.sidebar-desktop{position:sticky;top:0;grid-column:1;grid-row:1 / -1;width:260px;height:100dvh;transform:none;box-shadow:none;z-index:30}.app-shell.is-desktop .main{grid-column:2;grid-row:2;width:100%;max-width:none;margin:0;padding:1rem 1.25rem 2rem}.app-shell.is-desktop .main:has(.match-page){padding:.75rem 1.25rem 1rem;overflow:hidden}.app-shell.is-desktop.is-smartboard .main{padding:1.25rem}.app-shell.is-desktop.is-smartboard .main:has(.match-page){padding:.75rem 1.5rem}.app-shell.is-desktop .match-page{--pit-size: min(26vh, 7.2vw, 9.75rem);--board-w: min(100%, calc(var(--pit-size) * 8.05 + 3rem), 1120px);min-height:calc(100dvh - var(--header-h, 56px) - 1.75rem);max-height:calc(100dvh - var(--header-h, 56px) - 1.75rem)}.app-shell.is-desktop.is-smartboard .match-page{--pit-size: min(28vh, 8vw, 11.5rem);--board-w: min(100%, calc(var(--pit-size) * 8.05 + 3.5rem), 1320px)}.app-shell.is-desktop .match-page .board{height:calc(var(--pit-size) * 2.15 + 1rem);padding:.75rem 1rem}.app-shell.is-desktop .match-page .pit{font-size:calc(var(--pit-size) * .26)}.app-shell.is-desktop .match-page .store{width:calc(var(--pit-size) * 1.05);font-size:calc(var(--pit-size) * .26)}.main{flex:1;width:min(1100px,100%);margin:0 auto;padding:1.25rem 1rem 3rem}.main.smartboard{width:min(1400px,100%);padding:1.5rem}h1,h2,h3{font-family:var(--font-display);font-weight:700;margin:0 0 .5rem}.lead{opacity:.85;margin:0 0 1.25rem;max-width:40rem}.grid{display:grid;gap:1rem}.grid.bots{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.rival-page{overflow:hidden;display:flex;flex-direction:column;align-items:stretch;gap:.65rem;min-height:calc(100dvh - var(--header-h, 56px) - 2.5rem);max-height:calc(100dvh - var(--header-h, 56px) - 2.5rem);box-sizing:border-box}.rival-left{display:flex;flex-direction:column;gap:.45rem;width:100%;min-height:0;flex-shrink:0}.rival-title{margin:0;flex-shrink:0}.rival-blurb{margin:0;max-width:36rem;flex-shrink:0}.rival-stage{flex:1;display:flex;flex-direction:column;justify-content:stretch;min-height:0;padding-bottom:.15rem}.rival-rail{--rival-gap: 1rem;--rival-side: max(.75rem, calc((100% - min(84vw, 340px))/2) );display:flex;gap:var(--rival-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--rival-side);padding:.25rem var(--rival-side) .65rem;margin:0;flex:1;align-items:stretch;-webkit-overflow-scrolling:touch;scrollbar-width:none}.rival-rail::-webkit-scrollbar{display:none}.rival-card{flex:0 0 min(84vw,340px);height:100%;min-height:0;max-height:none;scroll-snap-align:center;scroll-snap-stop:always;text-align:left;background:linear-gradient(165deg,#ffffff12,#00000047);border:1px solid rgba(232,213,181,.16);border-radius:22px;padding:0;color:inherit;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.rival-card.is-active{border-color:#e091488c;box-shadow:0 12px 36px #00000059;transform:scale(1.015)}.rival-art{position:relative;flex:1 1 auto;min-height:0;overflow:hidden;background:#15241c}.rival-art img{width:100%;height:100%;object-fit:cover;display:block}.rival-rank{position:absolute;left:.75rem;bottom:.75rem;padding:.25rem .6rem;border-radius:999px;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:.78rem;font-weight:700;color:var(--sand)}.rival-body{padding:.85rem 1rem 1rem;flex-shrink:0}.rival-name{font-family:var(--font-display);font-size:1.35rem;font-weight:700;color:var(--sand)}.rival-meta,.rival-desc{font-size:.88rem;opacity:.78;margin-top:.2rem}.rival-cta{display:inline-block;margin-top:.75rem;font-weight:800;color:var(--copper-hot)}.match-bar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:.5rem;margin-bottom:.35rem;flex-shrink:0;width:100%;min-height:2.75rem}.match-rival-chip{display:flex;align-items:center;gap:.55rem;margin-bottom:0;min-width:0;justify-self:start}.match-bar-center{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem .55rem;min-height:2.1rem;min-width:0;justify-self:center;text-align:center}.match-center-title{font-family:var(--font-display);font-weight:700;color:var(--sand);font-size:.95rem;white-space:nowrap}.match-center-meta{font-size:.72rem;opacity:.8;white-space:nowrap}.match-center-btn{padding:.28rem .7rem!important;font-size:.78rem!important;border-radius:999px!important}.match-center-banner{white-space:nowrap}.match-rival-avatar{width:42px;height:42px;border-radius:12px;object-fit:cover;box-shadow:none;flex-shrink:0}.match-rival-text{min-width:0}.match-rival-chip h2{margin:0;font-size:1.05rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-status-row{display:flex;align-items:center;justify-content:flex-end;gap:.4rem;min-width:0;justify-self:end}.orient-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:1.25rem;background:radial-gradient(ellipse at 50% 20%,rgba(224,145,72,.18),transparent 50%),#0a120eeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.orient-gate-card{width:min(360px,100%);text-align:center;padding:1.5rem 1.25rem;border-radius:20px;background:#ffffff0f;border:1px solid rgba(232,213,181,.2)}.orient-gate-icon{font-size:2.5rem;color:var(--copper-hot);margin-bottom:.5rem;animation:orient-spin-hint 2.2s ease-in-out infinite}.orient-gate-card h2{margin:0 0 .5rem;color:var(--sand)}.orient-gate-card p{margin:0;opacity:.88;line-height:1.4}@keyframes orient-spin-hint{0%,to{transform:rotate(0)}35%{transform:rotate(90deg)}70%{transform:rotate(90deg)}}@media (min-width: 901px){.rival-page{min-height:0;max-height:none;overflow:visible}.rival-stage{flex:none;justify-content:flex-start}.rival-rail{flex:none;flex-wrap:wrap;overflow:visible;scroll-snap-type:none;align-items:stretch}.rival-card{flex:1 1 180px;max-width:220px;height:auto;min-height:0;max-height:none}.rival-art{aspect-ratio:3 / 4;min-height:0;flex:none}.rival-card.is-active{transform:none}}.panel{background:#ffffff0f;border:1px solid rgba(232,213,181,.14);border-radius:var(--radius);padding:1rem 1.1rem}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;background:linear-gradient(180deg,var(--copper-hot),var(--copper));color:#1a1208;font-weight:800;padding:.65rem 1.1rem;border-radius:12px;transition:transform .15s ease,filter .15s ease}.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn.ghost{background:transparent;color:var(--sand);border:1px solid rgba(232,213,181,.35)}.btn.danger{background:linear-gradient(180deg,#d45a5a,var(--danger));color:#fff}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.75rem}.field input,.field select{padding:.65rem .75rem;border-radius:10px;border:1px solid rgba(232,213,181,.25);background:#00000040;color:var(--cream)}.bot-card{text-align:left;background:#0003;border:1px solid rgba(232,213,181,.15);border-radius:16px;padding:1rem;color:inherit;cursor:pointer;width:100%;transition:border-color .15s,transform .15s}.bot-card:hover{border-color:var(--copper);transform:translateY(-2px)}.bot-card .name{font-family:var(--font-display);font-size:1.15rem}.bot-card .meta{font-size:.85rem;opacity:.75;margin-top:.25rem}.match-page{--pit-size: min(28vh, 14vw, 7rem);--board-w: min(100%, calc(var(--pit-size) * 8.1 + 2.5rem), 1100px);width:100%;display:flex;flex-direction:column;min-height:calc(100dvh - 6.5rem);max-height:calc(100dvh - 5.75rem)}.match-page .match-bar{width:var(--board-w);max-width:100%;margin-inline:auto}.match-page .board-wrap{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;width:100%}.match-page .board{width:var(--board-w);height:calc(var(--pit-size) * 2.2 + .7rem);max-height:100%;max-width:100%;align-self:center;box-sizing:border-box;align-items:stretch}.match-page .pits{display:grid;grid-template-rows:1fr 1fr;gap:.25rem;flex:none;height:100%;min-height:0;align-self:stretch}.match-page .pit-row{flex:none;min-height:0;height:100%}.match-page .pit{width:var(--pit-size);height:var(--pit-size)}.match-page .store{min-height:0;width:calc(var(--pit-size) * .95);height:auto;align-self:stretch;font-size:calc(var(--pit-size) * .28)}.orient-tip{display:flex;align-items:center;gap:.55rem;margin-bottom:.45rem;padding:.45rem .65rem;border-radius:12px;background:radial-gradient(ellipse at 0% 0%,rgba(224,145,72,.22),transparent 55%),#00000047;border:1px solid rgba(224,145,72,.35);flex-shrink:0}.orient-tip-body{flex:1;min-width:0}.orient-tip-body strong{display:block;color:var(--sand);font-family:var(--font-display);margin-bottom:.2rem}.orient-tip-body p{margin:0;font-size:.78rem;opacity:.88;line-height:1.25}.orient-tip-body strong{font-size:.9rem;margin-bottom:.1rem}.orient-tip-dismiss{flex-shrink:0;padding:.3rem .55rem!important;font-size:.78rem}.board-wrap{display:flex;flex-direction:column;gap:.75rem;align-items:center;width:100%}.board{display:grid;grid-template-columns:auto 1fr auto;gap:.5rem;width:100%;max-width:920px;background:linear-gradient(180deg,#6b4423,#4a2f18);padding:1rem;border-radius:28px;box-shadow:inset 0 0 0 3px #e8d5b533,0 16px 40px #00000059}@media (orientation: landscape) and (max-height: 640px),((max-width: 1200px) and (orientation: landscape)){.app-shell{--header-h: 40px}.topnav-bar{--logo-pad: 8px;min-height:var(--header-h);height:var(--header-h);padding:0;padding-inline:.5rem;gap:.35rem}.brand-logo{height:100%;max-height:calc(var(--header-h) - (var(--logo-pad) * 2));max-width:min(160px,42vw)}.topnav .icon-btn{width:calc(var(--header-h) - 8px);height:calc(var(--header-h) - 8px);border-radius:8px}.topnav .icon-btn svg{width:16px;height:16px}.nav-links a{padding:.25rem .45rem;font-size:.8rem}.user-chip{padding:.15rem .45rem;font-size:.75rem;max-width:200px}.btn.ghost.desktop-only{padding:.3rem .55rem;font-size:.8rem}.main:has(.match-page){padding-top:.25rem;padding-bottom:.35rem}.match-page{min-height:calc(100dvh - 3.25rem);max-height:calc(100dvh - 3.25rem);overflow:hidden;padding-bottom:.15rem;box-sizing:border-box}.match-page .match-bar{margin-bottom:.25rem}.match-page .match-rival-avatar{width:32px;height:32px;border-radius:9px}.match-page .match-rival-chip h2{font-size:.92rem}.match-page .match-status-row .stat{padding:.2rem .55rem;font-size:.8rem}.match-page .board-wrap{gap:.25rem;padding-bottom:.15rem}.match-page{--pit-size: min(30vh, 13.5vw, 6.75rem)}.match-page .board{width:min(100%,calc(var(--pit-size) * 8.1 + 2rem),980px);height:calc(var(--pit-size) * 2.15 + .55rem);max-height:100%;padding:.3rem .4rem;gap:.35rem;border-radius:16px;box-sizing:border-box}.match-page .match-bar{min-height:2.35rem;margin-bottom:.2rem}.match-page .match-center-title{font-size:.85rem}.match-page .match-center-meta{font-size:.65rem}.match-page .match-center-btn{padding:.2rem .55rem!important;font-size:.72rem!important}.match-page .board-banner{font-size:.9rem;padding:.2rem .7rem}.match-page .store{min-height:0}.match-page .pits{gap:.2rem}.match-page .pit-row{--pit-gap: .28rem;gap:var(--pit-gap)}.match-page .pit{font-size:calc(var(--pit-size) * .28);border-width:1.5px}.app-shell.is-compact .app-sidebar.sidebar-drawer{width:min(300px,58vw);padding:0;gap:.2rem}.app-shell.is-compact .app-sidebar .mobile-user{padding:.45rem .65rem}.app-shell.is-compact .app-sidebar .mobile-user-name{font-size:.88rem}.app-shell.is-compact .app-sidebar .mobile-user-meta{font-size:.7rem;margin-top:.05rem}.app-shell.is-compact .app-sidebar .mobile-nav{padding:.2rem .45rem;gap:0}.app-shell.is-compact .app-sidebar .mobile-nav a{padding:.28rem .5rem;font-size:.8rem;border-radius:7px}.app-shell.is-compact .app-sidebar .mobile-drawer-actions{padding:.35rem .5rem .45rem;gap:.3rem}.radio-mini{padding:.35rem;border-radius:10px}.radio-mini-main{gap:.4rem}.radio-mini-art{width:30px;height:30px;border-radius:7px;padding:.05rem}.radio-mini-label{font-size:.55rem;line-height:1}.radio-dd-trigger{padding:.22rem .35rem;font-size:.75rem;border-radius:7px;margin-top:.1rem}.radio-mini-btn{width:34px;height:34px;border-radius:9px;color:#1a1208!important}.radio-mini-btn svg{width:16px;height:16px}.radio-volume{margin-top:.3rem;gap:.3rem}.radio-volume-label,.radio-volume-value{font-size:.65rem}.radio-dd-menu,.radio-dd-menu-up{bottom:calc(100% + .2rem);top:auto;max-height:none;overflow:visible;padding:.2rem}.radio-dd-option{padding:.28rem .4rem;font-size:.75rem;gap:.35rem}.radio-dd-option img{width:22px;height:22px;border-radius:6px}.radio-mini-wave{display:none}.mobile-drawer-actions .btn.danger{padding:.35rem .6rem;font-size:.82rem}}.smartboard .board{max-width:none;padding:1rem 1.25rem}.store{position:relative;overflow:hidden;width:clamp(56px,12vw,88px);min-height:0;border-radius:999px;background:#3a2410;border:2px solid rgba(232,213,181,.35);display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;font-size:clamp(1.2rem,3vw,1.8rem)}.pits{display:grid;grid-template-rows:1fr 1fr;gap:.5rem;min-height:0;height:100%}.pit-row{--pit-gap: .45rem;display:flex;justify-content:space-evenly;align-items:center;gap:var(--pit-gap);min-height:0;height:100%}.pit{--pit-size: clamp(3.5rem, 17vmin, 7rem);position:relative;flex:0 0 auto;width:var(--pit-size);height:var(--pit-size);border-radius:50%;background:radial-gradient(circle at 35% 30%,#5c3a1e,#2a180b 70%);border:2px solid rgba(232,213,181,.25);color:var(--sand);font-weight:800;font-size:clamp(1rem,2.8vw,1.5rem);cursor:default;transition:transform .12s ease,box-shadow .12s ease;overflow:hidden;padding:0;box-sizing:border-box}.stone-pile{position:absolute;top:12%;right:12%;bottom:12%;left:12%;pointer-events:none}.stone{position:absolute;width:22%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 28%,#e8d0a8,#a67c52 55%,#6b4423);box-shadow:0 1px 2px #00000059}.pit-count,.store-count{position:relative;z-index:1;text-shadow:0 1px 2px rgba(0,0,0,.7)}.pit.playable{cursor:pointer;box-shadow:0 0 0 2px var(--copper-hot)}.pit.playable:hover{transform:scale(1.06)}.pit.smartboard-size{font-size:clamp(1.4rem,3.5vw,2rem)}.pit-lit{box-shadow:0 0 0 3px var(--copper-hot),0 0 18px #e091488c;transform:scale(1.08)}.pit-source{opacity:.85;animation:pitPulse .45s ease}.store-lit{box-shadow:0 0 0 3px var(--sand),0 0 22px #e8d5b573;transform:scale(1.04);transition:transform .12s ease,box-shadow .12s ease}.board-banner{font-family:var(--font-display);font-size:1.25rem;color:var(--sand);background:#c4783a59;padding:.4rem 1rem;border-radius:999px;animation:bannerIn .25s ease}@keyframes pitPulse{0%{transform:scale(1)}50%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes bannerIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.pit-lit,.pit-source,.store-lit,.board-banner{animation:none;transform:none}}.cosmetic-thumb{width:100%;height:100%;aspect-ratio:1;object-fit:contain;border-radius:0;background:transparent;margin-bottom:0;display:block}.shop-page{display:flex;flex-direction:column;gap:.85rem;width:100%;min-height:0}.shop-rail{display:flex;flex-direction:column;gap:.75rem;flex-shrink:0}.shop-kicker{margin:0;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--sand-dim);font-weight:800}.shop-title{margin:.15rem 0 0;font-size:clamp(1.45rem,3.5vw,1.9rem)}.shop-lead{margin:.35rem 0 0;font-size:.9rem;line-height:1.45;opacity:.82;max-width:36rem}.shop-wallet{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:.45rem .65rem;padding:.75rem .9rem;border-radius:16px;background:radial-gradient(ellipse at 0% 50%,rgba(224,145,72,.22),transparent 55%),#00000047;border:1px solid rgba(224,145,72,.28)}.shop-wallet-label{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;opacity:.7;font-weight:700}.shop-wallet-value{font-family:var(--font-display);font-size:1.55rem;color:var(--sand);line-height:1}.shop-wallet-unit{font-size:.85rem;font-weight:700;color:var(--copper-hot)}.shop-daily{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.8rem .9rem;border-radius:16px;background:#ffffff0d;border:1px solid rgba(232,213,181,.14)}.shop-daily.is-claimed{opacity:.78}.shop-daily-copy h3{margin:0;font-size:.95rem}.shop-daily-copy p{margin:.2rem 0 0;font-size:.8rem;opacity:.75}.shop-daily-btn{flex-shrink:0;padding:.4rem .85rem!important;font-size:.82rem!important;border-radius:999px!important}.shop-meta-row{display:flex;flex-wrap:wrap;gap:.4rem}.shop-meta-chip{padding:.25rem .6rem;border-radius:999px;font-size:.72rem;font-weight:700;background:#00000047;border:1px solid rgba(232,213,181,.12);opacity:.9}.shop-slots{display:flex;gap:.35rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.1rem}.shop-slots::-webkit-scrollbar{display:none}.shop-slot{flex:0 0 auto;border:1px solid rgba(232,213,181,.16);background:#00000038;color:inherit;border-radius:999px;padding:.4rem .85rem;font-size:.82rem;font-weight:700;cursor:pointer}.shop-slot.active{background:#e0914847;border-color:#e091488c;color:var(--sand)}.shop-stage{min-height:0;flex:1}.shop-error{margin-top:0}.shop-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.shop-card{display:flex;flex-direction:column;margin:0;padding:0;overflow:hidden;border-radius:18px;border:1px solid rgba(232,213,181,.14);background:#00000038}.shop-card-art{position:relative;aspect-ratio:1.15 / 1;background:radial-gradient(ellipse at 50% 30%,rgba(255,255,255,.06),transparent 55%),#00000059;display:flex;flex-direction:column;align-items:stretch;padding:.55rem .55rem .75rem;gap:.35rem}.shop-card-tags{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem;z-index:1}.shop-card-art .cosmetic-thumb{width:min(100%,140px);height:auto;max-height:100%;margin:auto;flex:1 1 auto;min-height:0;object-fit:contain}.shop-rarity{position:static;flex:0 1 auto;max-width:100%;padding:.18rem .5rem;border-radius:999px;font-size:.65rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;background:#0000008c;border:1px solid rgba(232,213,181,.2);white-space:nowrap}.shop-rarity.rarity-rare{color:#9ecbff;border-color:#64aaff73}.shop-rarity.rarity-epic{color:#e0b4ff;border-color:#c878ff73}.shop-rarity.rarity-legendary{color:#ffd27a;border-color:#ffc85080}.shop-badge{position:static;flex:0 1 auto;max-width:100%;padding:.18rem .5rem;border-radius:999px;font-size:.65rem;font-weight:800;background:#0000008c;white-space:nowrap}.shop-badge-on{color:var(--copper-hot);border:1px solid rgba(224,145,72,.45)}.shop-badge-own{color:var(--sand-dim);border:1px solid rgba(232,213,181,.25)}.shop-card-body{display:flex;flex-direction:column;gap:.2rem;padding:.7rem .8rem .85rem;flex:1}.shop-card-name{margin:0;font-family:var(--font-display);font-size:1.05rem;color:var(--sand)}.shop-card-slot{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.65}.shop-card-desc{margin:.15rem 0 0;font-size:.8rem;line-height:1.35;opacity:.78;flex:1}.shop-card-foot{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.65rem}.shop-price{font-size:.85rem;font-weight:800;color:var(--copper-hot)}.shop-cta{padding:.35rem .75rem!important;font-size:.78rem!important;border-radius:999px!important}.shop-cta.is-done{opacity:.65}.shop-empty{margin:1rem 0 0;opacity:.7;text-align:center}@media (orientation: landscape) and (min-width: 700px),(min-width: 1100px){.main:has(.shop-page){display:flex;flex-direction:column;min-height:0;height:calc(100dvh - var(--header-h, 56px));max-height:calc(100dvh - var(--header-h, 56px));padding-top:.65rem;padding-bottom:.65rem;overflow:hidden;box-sizing:border-box}.shop-page{display:grid;grid-template-columns:minmax(200px,260px) minmax(0,1fr);gap:1rem 1.25rem;height:100%;min-height:0;overflow:hidden}.shop-rail{gap:.65rem;min-height:0;overflow:auto;padding-right:.15rem}.shop-slots{flex-direction:column;overflow:visible}.shop-slot{width:100%;text-align:left;border-radius:12px;padding:.55rem .75rem}.shop-stage{min-height:0;overflow:auto;padding-right:.15rem}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.85rem}.shop-card-art{aspect-ratio:1.05 / 1}}@media (orientation: landscape) and (max-height: 520px){.main:has(.shop-page){padding-top:.35rem;padding-bottom:.35rem}.shop-page{grid-template-columns:minmax(170px,210px) minmax(0,1fr);gap:.65rem .85rem}.shop-title{font-size:1.2rem}.shop-lead{display:none}.shop-wallet{padding:.45rem .65rem}.shop-wallet-value{font-size:1.2rem}.shop-daily{padding:.45rem .6rem;flex-wrap:wrap}.shop-daily-copy h3{font-size:.82rem}.shop-daily-copy p{font-size:.7rem}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.55rem}.shop-card-body{padding:.5rem .6rem .65rem}.shop-card-name{font-size:.92rem}.shop-card-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}@media (orientation: portrait) and (max-width: 700px){.main:has(.shop-page){padding-top:.55rem;padding-bottom:1rem}.shop-page{gap:.7rem}.shop-rail-top{margin-bottom:.1rem}.shop-lead{font-size:.84rem}.shop-wallet,.shop-daily{border-radius:14px}.shop-slots{margin:0 -.15rem;padding-inline:.15rem}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.shop-card{border-radius:14px}.shop-card-art{aspect-ratio:1;padding:.55rem}.shop-card-body{padding:.55rem .6rem .65rem}.shop-card-name{font-size:.92rem}.shop-card-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.74rem}.shop-card-foot{flex-direction:column;align-items:stretch;gap:.4rem}.shop-cta{width:100%}}.topnav .icon-btn{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;padding:0!important;width:calc(var(--header-h) - 12px);height:calc(var(--header-h) - 12px);min-width:0;min-height:0;border-radius:10px}.topnav .icon-btn svg{width:20px;height:20px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:.45rem!important;min-width:2.5rem;min-height:2.5rem}.icon-btn svg{width:22px;height:22px}.loading-block{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2.5rem 1rem;color:var(--sand-dim)}.loading-block.compact{flex-direction:row;padding:.5rem 0;gap:.5rem}.loading-spinner{width:28px;height:28px;border-radius:50%;border:3px solid rgba(232,213,181,.2);border-top-color:var(--copper-hot);animation:spin .7s linear infinite}.loading-block.compact .loading-spinner{width:16px;height:16px;border-width:2px}.loading-label{font-weight:700;font-size:.95rem}@keyframes spin{to{transform:rotate(360deg)}}.btn.busy{opacity:.75;pointer-events:none}.shop-card.rarity-common{background:linear-gradient(165deg,#5a6e7859,#0003);border-color:#b4bec859}.shop-card.rarity-rare{background:linear-gradient(165deg,#286ec866,#00000040);border-color:#64aaff8c;box-shadow:0 0 20px #3c8cff33}.shop-card.rarity-epic{background:linear-gradient(165deg,#7828b480,#280a3c73);border-color:#c878ffa6;box-shadow:0 0 24px #a03cff59}.shop-card.rarity-legendary{background:linear-gradient(165deg,#c88c1e80,#50280066);border-color:#ffc850b3;box-shadow:0 0 24px #ffb4284d}.rank-page{display:flex;flex-direction:column;gap:.85rem;width:100%;min-height:0}.rank-rail{display:flex;flex-direction:column;gap:.75rem;flex-shrink:0}.rank-kicker{margin:0;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--copper-hot);font-weight:800}.rank-title{margin:.15rem 0 0;font-size:clamp(1.45rem,3.5vw,1.9rem)}.rank-lead{margin:.35rem 0 0;font-size:.9rem;line-height:1.45;opacity:.82;max-width:36rem}.rank-you{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:.15rem .75rem;align-items:baseline;padding:.8rem .95rem;border-radius:16px;background:radial-gradient(ellipse at 0% 50%,rgba(224,145,72,.22),transparent 55%),#00000047;border:1px solid rgba(224,145,72,.32)}.rank-you-label{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;opacity:.7;font-weight:700}.rank-you-place{grid-row:1 / 3;grid-column:2;align-self:center;font-family:var(--font-display);font-size:1.65rem;color:var(--sand);line-height:1}.rank-you-meta{font-size:.82rem;font-weight:700;color:var(--copper-hot)}.rank-meta-row{display:flex;flex-wrap:wrap;gap:.4rem}.rank-meta-chip{padding:.25rem .6rem;border-radius:999px;font-size:.72rem;font-weight:700;background:#00000047;border:1px solid rgba(232,213,181,.12)}.rank-stage{min-height:0;flex:1;display:flex;flex-direction:column;gap:.85rem}.rank-error{margin:0}.rank-empty{margin:1rem 0 0;text-align:center;opacity:.7}.podium{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:.55rem;align-items:end;flex-shrink:0}.podium-card{display:flex;flex-direction:column;text-align:center;padding:.75rem .55rem 0;border-radius:16px;background:#00000047;border:1px solid rgba(232,213,181,.15);overflow:hidden;min-width:0}.podium-card.mine{outline:1px solid rgba(224,145,72,.45)}.podium-card.place-1{border-color:#ffc85080;background:linear-gradient(180deg,#b4821452,#0000004d)}.podium-card.place-2{border-color:#b4c8dc66}.podium-card.place-3{border-color:#b46e3c66}.podium-place{font-family:var(--font-display);font-size:1.35rem;font-weight:700;color:var(--sand);line-height:1;margin-bottom:.25rem}.podium-card.place-1 .podium-place{color:#ffd27a}.podium-name{font-family:var(--font-display);font-size:clamp(.92rem,2.4vw,1.1rem);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.podium-un{color:var(--copper-hot);font-weight:800;margin-top:.2rem;font-size:.85rem}.podium-lvl{font-size:.75rem;opacity:.72;margin-bottom:.55rem}.podium-block{width:100%;margin-top:auto;background:linear-gradient(180deg,#e8d5b538,#64461e61)}.podium-block.h1{height:56px}.podium-block.h2{height:40px}.podium-block.h3{height:28px}.rank-list{flex:1;min-height:0;overflow:auto;padding:.35rem .55rem;border-radius:16px;background:#00000038;border:1px solid rgba(232,213,181,.12)}.rank-list-head,.rank-row{display:grid;grid-template-columns:3rem minmax(0,1fr) 2.4rem 3.6rem;gap:.5rem;align-items:center}.rank-list-head{padding:.35rem .35rem .5rem;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;font-weight:800;opacity:.55;border-bottom:1px solid rgba(232,213,181,.1);position:sticky;top:0;background:#122018f0;z-index:1}.rank-row{padding:.55rem .35rem;border-bottom:1px solid rgba(232,213,181,.08)}.rank-row:last-child{border-bottom:none}.rank-row.mine{background:#e091481f;border-radius:10px}.rank-num{font-weight:800;color:var(--sand-dim);font-size:.88rem}.rank-name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-un{font-weight:800;color:var(--copper-hot);white-space:nowrap;text-align:right;font-size:.88rem}.rank-lvl{opacity:.72;font-size:.85rem;text-align:right}@media (orientation: landscape) and (min-width: 700px),(min-width: 1100px){.main:has(.rank-page){display:flex;flex-direction:column;min-height:0;height:calc(100dvh - var(--header-h, 56px));max-height:calc(100dvh - var(--header-h, 56px));padding-top:.65rem;padding-bottom:.65rem;overflow:hidden;box-sizing:border-box}.rank-page{display:grid;grid-template-columns:minmax(200px,260px) minmax(0,1fr);gap:1rem 1.25rem;height:100%;min-height:0;overflow:hidden}.rank-rail{gap:.65rem;min-height:0;overflow:auto}.rank-stage{min-height:0;overflow:hidden}.podium-block.h1{height:64px}.podium-block.h2{height:44px}.podium-block.h3{height:32px}}@media (orientation: landscape) and (max-height: 520px){.main:has(.rank-page){padding-top:.35rem;padding-bottom:.35rem}.rank-page{grid-template-columns:minmax(150px,200px) minmax(0,1fr);gap:.65rem .85rem}.rank-lead{display:none}.rank-title{font-size:1.2rem}.rank-you{padding:.5rem .7rem}.rank-you-place{font-size:1.3rem}.podium{gap:.4rem}.podium-card{padding:.45rem .4rem 0}.podium-place{font-size:1.05rem}.podium-name{font-size:.85rem}.podium-un,.podium-lvl{font-size:.7rem}.podium-block.h1{height:36px}.podium-block.h2{height:26px}.podium-block.h3{height:18px}.rank-list-head,.rank-row{grid-template-columns:2.6rem minmax(0,1fr) 2rem 3.2rem;gap:.35rem}.rank-row{padding:.4rem .25rem}}@media (orientation: portrait) and (max-width: 700px){.main:has(.rank-page){padding-top:.55rem;padding-bottom:1rem}.rank-page{gap:.7rem}.rank-lead{font-size:.84rem}.podium{grid-template-columns:1fr 1.15fr 1fr;gap:.4rem}.podium-card{border-radius:14px;padding:.6rem .4rem 0}.podium-place{font-size:1.15rem}.podium-name{font-size:.88rem}.podium-block.h1{height:44px}.podium-block.h2{height:32px}.podium-block.h3{height:22px}.rank-list-head,.rank-row{grid-template-columns:2.8rem minmax(0,1fr) 2.2rem 3.2rem;gap:.4rem}}.zafer-page{display:flex;flex-direction:column;gap:.85rem;width:100%;min-height:0}.zafer-rail{display:flex;flex-direction:column;gap:.75rem;flex-shrink:0}.zafer-kicker{margin:0;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--copper-hot);font-weight:800}.zafer-title{margin:.15rem 0 0;font-size:clamp(1.45rem,3.5vw,1.9rem)}.zafer-lead{margin:.35rem 0 0;font-size:.9rem;line-height:1.45;opacity:.82;max-width:36rem}.zafer-progress-card{padding:.85rem .95rem;border-radius:16px;background:radial-gradient(ellipse at 80% 0%,rgba(224,145,72,.22),transparent 55%),#00000047;border:1px solid rgba(224,145,72,.28)}.zafer-progress-row{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;font-size:.82rem}.zafer-progress-row strong{font-family:var(--font-display);font-size:1.15rem;color:var(--sand)}.zafer-bar{height:10px;border-radius:999px;background:#00000059;overflow:hidden;margin:.65rem 0 .45rem}.zafer-bar-fill{height:100%;background:linear-gradient(90deg,var(--copper),var(--sand));border-radius:inherit;transition:width .4s ease}.zafer-progress-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.35rem;font-size:.75rem;opacity:.78}.zafer-meta-row{display:flex;flex-wrap:wrap;gap:.4rem}.zafer-meta-chip{padding:.25rem .6rem;border-radius:999px;font-size:.72rem;font-weight:700;background:#00000047;border:1px solid rgba(232,213,181,.12)}.zafer-stage{min-height:0;flex:1}.zafer-error{margin-top:0}.zafer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.zafer-tier{display:flex;flex-direction:column;gap:.35rem;margin:0;padding:.8rem .85rem;border-radius:16px;border:1px solid rgba(232,213,181,.14);background:#0000003d}.zafer-tier.locked{opacity:.62}.zafer-tier.open{border-color:#e0914866;background:radial-gradient(ellipse at 0% 0%,rgba(224,145,72,.14),transparent 55%),#0000003d}.zafer-tier.claimed{border-color:#50a06e59}.zafer-tier-top{display:flex;align-items:center;justify-content:space-between;gap:.35rem}.zafer-tier-num{font-size:.72rem;color:var(--copper-hot);font-weight:800;letter-spacing:.04em;text-transform:uppercase}.zafer-tier-state{font-size:.65rem;font-weight:800;padding:.12rem .45rem;border-radius:999px;background:#00000059;border:1px solid rgba(232,213,181,.16)}.zafer-tier-state.state-open{color:var(--copper-hot);border-color:#e0914866}.zafer-tier-state.state-claimed{color:#8fd4a8;border-color:#50a06e66}.zafer-tier-title{margin:0;font-family:var(--font-display);font-size:1.05rem;color:var(--sand);line-height:1.2}.zafer-tier-reward{margin:0;font-size:.85rem;font-weight:700;opacity:.78}.zafer-cta{margin-top:.35rem;width:100%;border-radius:999px!important;padding:.45rem .75rem!important;font-size:.8rem!important;font-weight:800!important}@media (orientation: landscape) and (min-width: 700px),(min-width: 1100px){.main:has(.zafer-page){display:flex;flex-direction:column;min-height:0;height:calc(100dvh - var(--header-h, 56px));max-height:calc(100dvh - var(--header-h, 56px));padding-top:.65rem;padding-bottom:.65rem;overflow:hidden;box-sizing:border-box}.zafer-page{display:grid;grid-template-columns:minmax(200px,260px) minmax(0,1fr);gap:1rem 1.25rem;height:100%;min-height:0;overflow:hidden}.zafer-rail{gap:.65rem;min-height:0;overflow:auto}.zafer-stage{min-height:0;overflow:auto}.zafer-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem}}@media (orientation: landscape) and (max-height: 520px){.main:has(.zafer-page){padding-top:.35rem;padding-bottom:.35rem}.zafer-page{grid-template-columns:minmax(160px,210px) minmax(0,1fr);gap:.65rem .85rem}.zafer-lead{display:none}.zafer-title{font-size:1.2rem}.zafer-progress-card{padding:.55rem .7rem}.zafer-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem}.zafer-tier{padding:.55rem .65rem}.zafer-tier-title{font-size:.92rem}.zafer-cta{padding:.35rem .6rem!important;font-size:.74rem!important}}@media (orientation: portrait) and (max-width: 700px){.main:has(.zafer-page){padding-top:.55rem;padding-bottom:1rem}.zafer-page{gap:.7rem}.zafer-lead{font-size:.84rem}.zafer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.zafer-tier{border-radius:14px;padding:.7rem}.zafer-tier-title{font-size:.95rem}}.shop-card-foot.is-equipped-foot{justify-content:flex-start}.stats-row{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.stat{background:#00000040;padding:.4rem .8rem;border-radius:999px;font-size:.9rem}.table{width:100%;border-collapse:collapse;font-size:.9rem}.table th,.table td{text-align:left;padding:.5rem .4rem;border-bottom:1px solid rgba(232,213,181,.12)}.auth-page{min-height:100dvh;display:grid;place-items:center;padding:1rem;box-sizing:border-box;overflow:auto}.auth-card{width:min(420px,100%);max-height:none}.auth-brand{display:flex;justify-content:center;margin-bottom:.75rem}.auth-logo{width:min(240px,72vw);height:auto;border-radius:0;display:block;background:transparent;box-shadow:none}.auth-body{display:flex;flex-direction:column;gap:.85rem}.auth-main{display:flex;flex-direction:column;gap:.75rem;min-width:0}.auth-tagline{text-align:center;margin:0}.auth-tabs{margin-bottom:0}.auth-form{display:flex;flex-direction:column;gap:.55rem}.auth-submit{width:100%;margin-top:.25rem}.auth-footnote{margin:0;font-size:.82rem;line-height:1.4}.resume-banner{text-align:center;margin:0;padding:.9rem .85rem;border-radius:16px;background:radial-gradient(ellipse at 50% 0%,rgba(224,145,72,.22),transparent 65%),#00000038;border:1px solid rgba(224,145,72,.28);animation:resume-glow 2.4s ease-in-out infinite}.resume-eyebrow{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--copper-hot);font-weight:800}.resume-title{margin:.3rem 0 .35rem;font-size:clamp(1.25rem,4vw,1.55rem);color:var(--sand)}.resume-lead{margin:0;opacity:.85;font-size:.9rem;line-height:1.4}.btn-resume{background:linear-gradient(180deg,#f0a85a,var(--copper));box-shadow:0 0 24px #e0914859}@keyframes resume-glow{0%,to{box-shadow:0 0 #e0914800}50%{box-shadow:0 0 28px #e091482e}}@media (orientation: landscape) and (max-height: 560px){.auth-page{padding:.5rem .75rem;align-items:stretch}.auth-card{width:min(720px,100%);margin:auto;padding:.75rem 1rem!important}.auth-brand{margin-bottom:.45rem}.auth-logo{width:min(160px,28vw)}.auth-page.has-resume .auth-body{display:grid;grid-template-columns:1.05fr 1fr;gap:.85rem 1.1rem;align-items:center}.resume-banner{padding:.7rem .75rem;text-align:left}.resume-title{font-size:1.2rem}.resume-lead{font-size:.8rem}.auth-tagline{text-align:left;font-size:.9rem}.auth-tabs button{padding:.4rem .35rem;font-size:.82rem}.auth-footnote{font-size:.72rem}}@media (orientation: portrait) and (max-width: 700px){.auth-page{padding:.85rem .75rem;align-items:flex-start;padding-top:max(.85rem,env(safe-area-inset-top))}.auth-card{width:100%;margin-top:.35rem}.auth-logo{width:min(220px,70vw)}}.class-page,.profile-page{display:flex;flex-direction:column;gap:.85rem;width:100%;min-height:0}.class-rail,.profile-rail{display:flex;flex-direction:column;gap:.75rem;flex-shrink:0}.class-kicker,.profile-kicker{margin:0;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--copper-hot);font-weight:800}.class-title,.profile-title{margin:.15rem 0 0;font-size:clamp(1.45rem,3.5vw,1.9rem)}.class-lead,.profile-lead{margin:.35rem 0 0;font-size:.9rem;line-height:1.45;opacity:.82;max-width:36rem}.class-meta-row,.profile-meta-row{display:flex;flex-wrap:wrap;gap:.4rem}.class-meta-chip,.profile-meta-chip{padding:.25rem .6rem;border-radius:999px;font-size:.72rem;font-weight:700;background:#00000047;border:1px solid rgba(232,213,181,.12)}.class-flash,.profile-flash{margin:0;font-size:.85rem}.class-flash.ok,.profile-flash.ok{color:#8fd4a8}.class-stage,.profile-stage{min-height:0;flex:1}.class-grid,.profile-grid{display:grid;grid-template-columns:1fr;gap:.75rem}.class-card,.profile-card{margin:0;padding:.9rem .95rem;border-radius:16px;border:1px solid rgba(232,213,181,.14);background:#0000003d}.class-card h3,.profile-card h3{margin:0 0 .75rem;font-size:1.05rem;color:var(--sand)}.class-card-hint,.profile-card-hint{margin:0 0 .75rem;font-size:.8rem;opacity:.7;line-height:1.35}.class-form,.profile-form{display:flex;flex-direction:column;gap:.55rem}.class-form-grid{display:grid;grid-template-columns:1fr;gap:.55rem}.class-list{list-style:none;margin:.75rem 0 0;padding:0;display:flex;flex-direction:column;gap:.4rem}.class-list li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.35rem .75rem;padding:.55rem .65rem;border-radius:12px;background:#ffffff0a;font-size:.88rem}.class-list li span{opacity:.75;font-weight:700;color:var(--copper-hot)}.profile-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.profile-stat{display:flex;flex-direction:column;gap:.15rem;padding:.65rem .7rem;border-radius:14px;background:radial-gradient(ellipse at 0% 0%,rgba(224,145,72,.14),transparent 60%),#00000047;border:1px solid rgba(232,213,181,.12)}.profile-stat span{font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;opacity:.65;font-weight:700}.profile-stat strong{font-family:var(--font-display);font-size:1.2rem;color:var(--sand);line-height:1.1}@media (orientation: landscape) and (min-width: 700px),(min-width: 1100px){.main:has(.class-page),.main:has(.profile-page){display:flex;flex-direction:column;min-height:0;height:calc(100dvh - var(--header-h, 56px));max-height:calc(100dvh - var(--header-h, 56px));padding-top:.65rem;padding-bottom:.65rem;overflow:hidden;box-sizing:border-box}.class-page,.profile-page{display:grid;grid-template-columns:minmax(200px,260px) minmax(0,1fr);gap:1rem 1.25rem;height:100%;min-height:0;overflow:hidden}.class-rail,.profile-rail,.class-stage,.profile-stage{min-height:0;overflow:auto}.class-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.class-card-wide{grid-column:1 / -1}.class-form-grid{grid-template-columns:1fr 1fr}.class-form-grid .btn{grid-column:1 / -1;justify-self:start}.profile-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.profile-stats{grid-template-columns:1fr 1fr}}@media (orientation: landscape) and (max-height: 520px){.main:has(.class-page),.main:has(.profile-page){padding-top:.35rem;padding-bottom:.35rem}.class-page,.profile-page{grid-template-columns:minmax(160px,210px) minmax(0,1fr);gap:.65rem .85rem}.class-lead,.profile-lead{display:none}.class-title,.profile-title{font-size:1.2rem}.class-card,.profile-card{padding:.65rem .75rem}.profile-stat{padding:.45rem .55rem}.profile-stat strong{font-size:1.05rem}}@media (orientation: portrait) and (max-width: 700px){.main:has(.class-page),.main:has(.profile-page){padding-top:.55rem;padding-bottom:1rem}.class-lead,.profile-lead{font-size:.84rem}.class-card,.profile-card{border-radius:14px}}.main:has(.home-stage){display:flex;flex-direction:column;padding-top:.5rem;padding-bottom:.5rem;overflow:hidden}.main:has(.rival-page){display:flex;flex-direction:column;padding-top:.5rem;padding-bottom:.5rem;overflow:hidden}.home-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1.5rem;flex:1;width:100%;min-height:calc(100dvh - var(--header-h, 56px) - 1rem);max-height:calc(100dvh - var(--header-h, 56px) - 1rem);padding:.35rem 0;box-sizing:border-box;overflow:hidden}.home-panel{display:flex;flex-direction:column;align-items:center;gap:1.25rem;width:min(420px,100%)}@media (orientation: landscape){.main:has(.home-stage){padding-top:.35rem;padding-bottom:.35rem}.home-stage{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(1rem,3vw,2.5rem);text-align:left;min-height:calc(100dvh - var(--header-h, 40px) - .7rem);max-height:calc(100dvh - var(--header-h, 40px) - .7rem);width:min(980px,100%);margin:0 auto;padding-inline:.5rem}.home-hero{width:100%}.home-panel{width:100%;align-items:stretch;gap:.85rem}.home-kicker{font-size:clamp(.68rem,1.8vh,.8rem)}.home-greeting{margin:.25rem 0 .35rem;font-size:clamp(1.35rem,4.5vh,2.2rem)}.home-lead{font-size:clamp(.82rem,2.4vh,1rem);margin:0;max-width:none}.home-stats{gap:.45rem;width:100%}.home-stat{padding:.55rem .65rem}.home-stat-value{font-size:clamp(1.05rem,3.4vh,1.35rem)}.home-actions{justify-content:flex-start;gap:.55rem;width:100%}.home-cta,.home-cta-ghost{min-width:0;flex:1;padding:.55rem .75rem;font-size:.92rem}.home-float,.home-float-delay,.home-float-slow{animation:none}}@media (orientation: landscape) and (max-width: 1099px){html:has(.rival-page),body:has(.rival-page),#root:has(.rival-page),.app-shell:has(.rival-page){height:100%;max-height:100dvh;overflow:hidden}.main:has(.rival-page){display:flex;flex-direction:column;flex:1;min-height:0;height:calc(100dvh - var(--header-h, 40px));max-height:calc(100dvh - var(--header-h, 40px));padding:.35rem .75rem;overflow:hidden;box-sizing:border-box}.rival-page{display:grid;grid-template-columns:minmax(11rem,.95fr) minmax(0,1.35fr);grid-template-rows:minmax(0,1fr);align-items:stretch;gap:.75rem 1rem;width:100%;height:100%;min-height:0;max-height:100%;overflow:hidden}.rival-left{width:auto;max-width:none;gap:.35rem;justify-content:center;min-height:0;overflow:hidden}.rival-title{font-size:clamp(1.1rem,3.2vh,1.45rem)}.rival-blurb{max-width:none;font-size:clamp(.72rem,2.1vh,.88rem);line-height:1.4}.rival-stage{flex:none;min-height:0;max-height:none;height:100%;overflow:hidden}.rival-rail{--rival-side: 0;--rival-gap: .65rem;scroll-padding-inline:0;padding:.1rem .15rem .35rem 0;justify-content:flex-start;min-height:0}.rival-card{flex:0 0 min(34vw,170px);min-height:0;max-height:none;height:100%}.rival-art{min-height:0}.rival-body{padding:.4rem .55rem .55rem}.rival-name{font-size:.95rem}.rival-meta,.rival-desc{font-size:.72rem}.rival-cta{margin-top:.3rem;font-size:.78rem}.rival-rank{left:.45rem;bottom:.45rem;font-size:.68rem;padding:.15rem .4rem}}.home-hero{width:min(520px,100%)}.home-kicker{margin:0;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:var(--copper-hot);font-weight:800;opacity:.9}.home-float{animation:home-bob 3.6s ease-in-out infinite}.home-float-delay{animation:home-bob 4.2s ease-in-out infinite;animation-delay:.35s}.home-float-slow{animation:home-bob 4.8s ease-in-out infinite;animation-delay:.7s}@keyframes home-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (prefers-reduced-motion: reduce){.home-float,.home-float-delay,.home-float-slow{animation:none}}.home-greeting{margin:.55rem 0 .4rem;font-size:clamp(1.6rem,5vw,2.4rem);color:var(--sand)}.home-lead{margin:0 auto}.home-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;width:min(420px,100%)}.home-stat{display:flex;flex-direction:column;gap:.15rem;padding:.85rem .9rem;border-radius:16px;background:#00000047;border:1px solid rgba(232,213,181,.12)}.home-stat-label{font-size:.78rem;opacity:.7}.home-stat-value{font-family:var(--font-display);font-size:1.35rem;font-weight:700;color:var(--sand)}.home-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;width:100%}.home-cta,.home-cta-ghost{min-width:148px}.tabs{display:flex;gap:.35rem;margin-bottom:1rem}.tabs button{flex:1;padding:.5rem;border-radius:10px;border:1px solid rgba(232,213,181,.2);background:transparent;color:var(--cream);cursor:pointer}.tabs button.active{background:#c4783a59;border-color:var(--copper)}.challenge-page{display:flex;flex-direction:column;gap:.85rem;width:100%;min-height:0}.challenge-rail{display:flex;flex-direction:column;gap:.75rem;flex-shrink:0}.challenge-kicker{margin:0;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--sand-dim);font-weight:800}.challenge-title{margin:.15rem 0 0;font-size:clamp(1.45rem,3.5vw,1.9rem)}.challenge-lead{margin:.35rem 0 0;font-size:.9rem;line-height:1.45;opacity:.82;max-width:36rem}.challenge-scopes{display:flex;gap:.4rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.challenge-scopes::-webkit-scrollbar{display:none}.challenge-scope{flex:1 1 0;min-width:6.5rem;text-align:left;border:1px solid rgba(232,213,181,.16);background:#00000038;color:inherit;border-radius:14px;padding:.55rem .7rem;cursor:pointer}.challenge-scope.active{background:#e0914838;border-color:#e0914880}.challenge-scope-label{display:block;font-weight:800;font-size:.88rem;color:var(--sand)}.challenge-scope-hint{display:block;margin-top:.15rem;font-size:.7rem;opacity:.65;line-height:1.25}.challenge-rail-note{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.8rem;opacity:.8}.challenge-rail-note strong{color:var(--sand)}.challenge-stage{min-height:0;flex:1}.challenge-error{margin-top:0}.challenge-grid{display:grid;grid-template-columns:1fr;gap:.7rem}.challenge-card{display:flex;flex-direction:column;gap:.65rem;margin:0;padding:.9rem .95rem;border-radius:18px;border:1px solid rgba(232,213,181,.14);background:radial-gradient(ellipse at 0% 0%,rgba(224,145,72,.12),transparent 50%),#0000003d}.challenge-card.diff-easy{border-color:#50a06e59}.challenge-card.diff-medium{border-color:#e0914859}.challenge-card.diff-hard{border-color:#c85a4666}.challenge-card.diff-expert{border-color:#b478ff66}.challenge-card-head{display:flex;flex-direction:column;gap:.35rem}.challenge-diff{align-self:flex-start;padding:.18rem .55rem;border-radius:999px;font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;background:#00000059;border:1px solid rgba(232,213,181,.18)}.challenge-diff.diff-easy{color:#8fd4a8;border-color:#50a06e66}.challenge-diff.diff-medium{color:var(--copper-hot);border-color:#e0914866}.challenge-diff.diff-hard{color:#ffb0a0;border-color:#c85a4673}.challenge-diff.diff-expert{color:#d4b8ff;border-color:#b478ff73}.challenge-card-title{margin:0;font-family:var(--font-display);font-size:1.15rem;color:var(--sand);line-height:1.25}.challenge-card-goals{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.35rem}.challenge-card-goals li{position:relative;padding:.4rem .55rem .4rem 1.35rem;border-radius:10px;background:#ffffff0a;font-size:.82rem;line-height:1.35;opacity:.9}.challenge-card-goals li:before{content:"";position:absolute;left:.5rem;top:.7rem;width:.4rem;height:.4rem;border-radius:50%;background:var(--copper-hot)}.challenge-cta{align-self:stretch;margin-top:.15rem;border-radius:999px!important;padding:.55rem 1rem!important;font-weight:800!important}.challenge-empty{margin:1.25rem 0 0;text-align:center;opacity:.7}.challenge-goals-chip{min-width:0;justify-self:start}.challenge-goals-label{display:block;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;font-weight:800;opacity:.65;margin-bottom:.2rem}.challenge-goals-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.1rem}.challenge-goals-list li{font-size:.78rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:42vw;opacity:.9}@media (orientation: landscape) and (min-width: 700px),(min-width: 1100px){.main:has(.challenge-page){display:flex;flex-direction:column;min-height:0;height:calc(100dvh - var(--header-h, 56px));max-height:calc(100dvh - var(--header-h, 56px));padding-top:.65rem;padding-bottom:.65rem;overflow:hidden;box-sizing:border-box}.challenge-page{display:grid;grid-template-columns:minmax(200px,260px) minmax(0,1fr);gap:1rem 1.25rem;height:100%;min-height:0;overflow:hidden}.challenge-rail{gap:.65rem;min-height:0;overflow:auto}.challenge-scopes{flex-direction:column;overflow:visible}.challenge-scope{flex:none;width:100%;min-width:0}.challenge-stage{min-height:0;overflow:auto}.challenge-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.85rem}}@media (orientation: landscape) and (max-height: 520px){.main:has(.challenge-page){padding-top:.35rem;padding-bottom:.35rem}.challenge-page{grid-template-columns:minmax(160px,200px) minmax(0,1fr);gap:.65rem .85rem}.challenge-lead{display:none}.challenge-title{font-size:1.2rem}.challenge-scope{padding:.4rem .55rem}.challenge-scope-hint{display:none}.challenge-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.55rem}.challenge-card{padding:.65rem .75rem;gap:.45rem}.challenge-card-title{font-size:.98rem}.challenge-card-goals li{font-size:.74rem;padding:.3rem .45rem .3rem 1.15rem}.challenge-cta{padding:.4rem .75rem!important;font-size:.82rem!important}.challenge-match .challenge-goals-list li{max-width:36vw;font-size:.7rem}}@media (orientation: portrait) and (max-width: 700px){.main:has(.challenge-page){padding-top:.55rem;padding-bottom:1rem}.challenge-page{gap:.7rem}.challenge-lead{font-size:.84rem}.challenge-scopes{margin:0 -.1rem;padding-inline:.1rem}.challenge-scope{flex:0 0 auto;min-width:7.2rem}.challenge-grid{grid-template-columns:1fr;gap:.65rem}.challenge-card{border-radius:16px}.challenge-card-goals li{font-size:.8rem}}.hero-home{text-align:center;padding:2rem 0 1rem}.hero-home h1{font-size:clamp(2rem,6vw,3.2rem);color:var(--sand)}.muted{opacity:.7;font-size:.9rem}.error{color:#ffb4b4;margin:.5rem 0}.admin-layout{display:grid;grid-template-columns:200px 1fr;gap:1rem}@media (max-width: 720px){.admin-layout{grid-template-columns:1fr}.store{min-height:120px}.match-page .store{min-height:0}}.side-nav a{display:block;padding:.45rem .6rem;border-radius:8px;color:var(--cream);opacity:.8}.side-nav a.active,.side-nav a:hover{background:#e8d5b51f;opacity:1}