:root{color:#f7fff3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#081113;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 16% 8%,rgba(88,255,84,.18),transparent 30%),radial-gradient(circle at 82% 12%,rgba(95,169,255,.12),transparent 34%),linear-gradient(145deg,#081113,#111d23 48%,#071011)}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh;overflow-x:hidden}.app-sidebar{background:#060e10db;border-right:1px solid rgba(247,255,243,.11);display:grid;grid-template-rows:auto 1fr auto;gap:18px;height:100dvh;min-height:100vh;overflow-y:auto;padding:calc(18px + env(safe-area-inset-top,0px)) 14px calc(18px + env(safe-area-inset-bottom,0px));position:sticky;top:0}.app-brand{align-items:center;display:flex;gap:10px;text-decoration:none}.app-brand-mark{background:#58ff54;border-radius:8px;color:#071011;display:grid;font-weight:1000;height:38px;place-items:center;width:38px}.app-brand-mark img{display:block;height:26px;width:26px}.app-brand-copy{display:grid;line-height:1.05}.app-brand-copy strong{font-size:18px;font-weight:1000}.app-brand-copy span,.sidebar-label,.sidebar-group summary{color:#f7fff394;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.app-sidebar-nav{align-content:start;display:grid;gap:18px;min-width:0;overflow-x:hidden}.sidebar-section{display:grid;gap:7px}.sidebar-link,.sidebar-sublink{align-items:center;border-radius:8px;display:flex;gap:10px;min-height:38px;min-width:0;padding:8px 10px;text-decoration:none}.sidebar-link{color:#f7fff3c2;font-size:14px;font-weight:900}.sidebar-link:hover,.sidebar-link.active,.sidebar-sublink:hover{background:#58ff541f;color:#f7fff3}.sidebar-link i,.sidebar-sublink i{color:#58ff54;font-style:normal;text-align:center;width:18px}.sidebar-group{border:0;border-radius:0;overflow:visible}.sidebar-group summary{align-items:center;cursor:pointer;display:flex;justify-content:space-between;list-style:none;padding:8px 10px}.sidebar-group summary span{align-items:center;display:inline-flex;gap:10px}.sidebar-group summary::-webkit-details-marker{display:none}.sidebar-chevron{color:#58ff54;font-size:12px;transition:transform .16s ease}.sidebar-group[open] .sidebar-chevron{transform:rotate(180deg)}.sidebar-submenu{display:grid;gap:3px;padding:2px 0 6px 20px}.sidebar-sublink{color:#f7fff3ad;font-size:13px;font-weight:800}.sidebar-user{align-items:center;align-self:end;background:#f7fff30f;border:1px solid rgba(247,255,243,.1);border-radius:8px;display:grid;gap:10px;grid-template-columns:42px minmax(0,1fr);padding:10px}.sidebar-avatar{background:linear-gradient(135deg,#58ff54e6,#4692ff85),#142127;border-radius:8px;display:grid;font-weight:1000;height:42px;place-items:center;width:42px}.sidebar-avatar img{border-radius:inherit;display:block;height:100%;object-fit:cover;width:100%}.sidebar-user-copy{display:grid;min-width:0}.sidebar-user-copy strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-copy span{color:#f7fff38f;font-size:12px;font-weight:800}.app-main{min-width:0;padding:clamp(18px,3vw,38px)}.app-topbar{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:22px;min-width:0}.topbar-kicker{color:#58ff54;font-size:12px;font-weight:1000;letter-spacing:.08em;text-transform:uppercase}.topbar-status{background:#f7fff312;border:1px solid rgba(247,255,243,.13);border-radius:8px;color:#f7fff3bd;font-size:12px;font-weight:900;padding:7px 10px}.topbar-status.ready{border-color:#58ff545c;color:#c6ffc3}.board-view{display:grid;gap:22px;min-width:0}.board-hero{display:grid;gap:14px;max-width:980px;min-width:0}.eyebrow,.section-heading span,.route-panel>span,.welcome-copy>span{color:#58ff54;display:block;font-size:12px;font-weight:1000;letter-spacing:.08em;text-transform:uppercase}.board-hero h1,.welcome-copy h1,.route-panel h1{font-size:clamp(42px,7vw,86px);letter-spacing:0;line-height:.94;margin:0;overflow-wrap:anywhere}.board-hero p,.welcome-copy p,.route-panel p{color:#f7fff3b3;font-size:clamp(15px,1.45vw,20px);line-height:1.45;margin:0}.hero-actions,.welcome-actions{display:flex;flex-wrap:wrap;gap:10px}.primary-action,.secondary-action{border-radius:8px;font-weight:1000;padding:10px 13px;text-decoration:none}.primary-action{background:#58ff54;color:#071011}.secondary-action{background:#f7fff312;border:1px solid rgba(247,255,243,.13);color:#f7fff3}.board-section,.quick-section{display:grid;gap:12px;min-width:0}.section-heading{align-items:center;display:flex;gap:10px;justify-content:space-between;min-width:0}.section-heading strong{background:#f7fff312;border:1px solid rgba(247,255,243,.12);border-radius:8px;color:#f7fff3a8;font-size:12px;padding:6px 9px}.spotlight-grid,.module-grid,.compact-grid{display:grid;gap:12px;min-width:0}.spotlight-grid{grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr)}.module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.compact-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.module-card,.compact-card,.friends-panel{background:#f7fff311;border:1px solid rgba(247,255,243,.13);border-radius:8px;min-width:0;overflow:hidden}.module-card{color:inherit;display:grid;grid-template-rows:136px 1fr;min-height:300px;text-decoration:none}.module-card:hover,.compact-card:hover,.module-card:focus-visible,.compact-card:focus-visible{text-decoration:none}.card-image{background:linear-gradient(135deg,#58ff5447,#4da1ff29),#142127;overflow:hidden;position:relative}.card-image:before{content:"";top:0;right:0;bottom:0;left:0;opacity:.9;position:absolute}.card-image:after{color:#f7fff342;content:attr(data-size);font-size:11px;font-weight:1000;letter-spacing:.08em;position:absolute;right:12px;text-transform:uppercase;top:12px}.card-copy{align-content:start;display:grid;gap:9px;padding:14px}.card-copy small,.compact-card small,.friends-panel small{color:#58ff54;font-size:11px;font-weight:1000;letter-spacing:.08em;text-transform:uppercase}.card-copy strong,.compact-card strong,.friends-panel strong{color:#f7fff3;font-size:clamp(22px,2.4vw,30px);line-height:1}.card-copy p,.compact-card p,.friends-panel p{color:#f7fff3b0;font-size:13px;line-height:1.38;margin:0}.compact-card,.friends-panel{display:grid;gap:9px;padding:14px}.friends-actions{display:flex;flex-wrap:wrap;gap:8px}.friend-chip{background:#58ff541f;border:1px solid rgba(88,255,84,.2);border-radius:999px;color:#d8ffd5;font-size:12px;font-weight:900;padding:7px 9px}.image-profile:before{background:radial-gradient(circle at 22% 28%,rgba(247,255,243,.28),transparent 16%),linear-gradient(145deg,#58ff548f,#2d56746b 52%,#071011e6)}.image-customize:before{background:radial-gradient(circle at 72% 24%,rgba(255,221,94,.34),transparent 19%),repeating-linear-gradient(135deg,rgba(247,255,243,.12) 0 8px,transparent 8px 20px),linear-gradient(135deg,#675cff7a,#0f1920eb)}.image-games:before{background:radial-gradient(circle at 72% 20%,rgba(255,132,84,.34),transparent 20%),linear-gradient(90deg,rgba(247,255,243,.08) 1px,transparent 1px),linear-gradient(135deg,#54c6ff5c,#10202af0);background-size:auto,26px 26px,auto}.image-quests:before{background:radial-gradient(circle at 24% 24%,rgba(88,255,84,.42),transparent 18%),radial-gradient(circle at 76% 30%,rgba(255,236,128,.32),transparent 18%),linear-gradient(145deg,#1b5b2ecc,#071011eb)}.image-redeem:before{background:linear-gradient(90deg,rgba(247,255,243,.1) 1px,transparent 1px),linear-gradient(0deg,rgba(247,255,243,.1) 1px,transparent 1px),linear-gradient(135deg,#ffb85470,#2b1c16f0);background-size:28px 28px,28px 28px,auto}.image-friends:before{background:radial-gradient(circle at 28% 34%,rgba(247,255,243,.32),transparent 14%),radial-gradient(circle at 58% 28%,rgba(88,255,84,.32),transparent 14%),radial-gradient(circle at 78% 46%,rgba(95,169,255,.32),transparent 14%),linear-gradient(145deg,#20324ee0,#071011f0)}.welcome-view{align-items:start;display:grid;gap:18px;grid-template-columns:minmax(0,1fr) minmax(260px,440px)}.welcome-grid{display:grid;gap:12px}.route-panel{background:#f7fff311;border:1px solid rgba(247,255,243,.13);border-radius:8px;display:grid;gap:12px;max-width:920px;padding:16px}.profile-route-header{display:flex;align-items:center;gap:18px;min-width:0}.profile-route-avatar{width:96px;height:96px;border:1px solid rgba(88,255,84,.34);border-radius:8px;display:inline-grid;place-items:center;overflow:hidden;flex:0 0 auto;background:#58ff5426;color:var(--hf-green);font-size:34px;font-weight:900}.profile-route-avatar img{width:100%;height:100%;object-fit:cover}.module-detail-grid{margin-top:8px}.language-options,.app-debug{display:grid;gap:10px}.language-option,.app-debug div{background:#f7fff311;border:1px solid rgba(247,255,243,.13);border-radius:8px;padding:12px}.language-option{align-items:center;display:flex;gap:12px;text-decoration:none}.language-option.active,.language-option:hover{background:#58ff541f;border-color:#58ff5457}.app-debug{margin:0}.app-debug dt{color:#f7fff38a;font-size:12px;font-weight:900;text-transform:uppercase}.app-debug dd{font-size:16px;font-weight:1000;margin:0}.game-view{background:#f7fff311;border:1px solid rgba(247,255,243,.13);border-radius:8px;display:grid;gap:18px;grid-template-columns:minmax(0,.9fr) minmax(260px,.58fr);min-height:430px;overflow:hidden;padding:clamp(16px,3vw,34px)}.game-hero,.game-panel,.game-login{display:grid;gap:12px}.game-hero{align-content:end}.game-hero>span{color:#58ff54;font-size:12px;font-weight:1000;letter-spacing:.08em;text-transform:uppercase}.game-hero h1{font-size:clamp(42px,7vw,92px);line-height:.94;margin:0}.game-panel{align-self:center;background:#060e1099;border:1px solid rgba(247,255,243,.12);border-radius:8px;padding:16px}.game-stats{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.game-stats div,.game-rank li{background:#f7fff311;border:1px solid rgba(247,255,243,.11);border-radius:8px;padding:10px}.game-stats dt{color:#f7fff38a;font-size:11px;font-weight:900;text-transform:uppercase}.game-stats dd{font-size:19px;font-weight:1000;margin:3px 0 0}.game-play{border:0;cursor:pointer}.game-play:disabled{cursor:not-allowed;opacity:.58}.game-result,.game-login p,.game-hero p{color:#f7fff3b3;margin:0}.game-result.ok{color:#c6ffc3}.game-rank{display:grid;gap:8px;list-style:none;margin:0;padding:0}.game-rank li{align-items:center;display:flex;justify-content:space-between}@media (max-width: 1120px){.app-shell{grid-template-columns:216px minmax(0,1fr)}.spotlight-grid,.welcome-view,.game-view{grid-template-columns:1fr}.module-grid,.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.app-shell{display:block}.app-sidebar{min-height:100dvh;position:static}.app-sidebar-nav{gap:12px}.app-main{padding:18px 14px 28px}.app-topbar{align-items:start;display:grid}.module-grid,.compact-grid{grid-template-columns:1fr}.module-card{grid-template-rows:120px 1fr;min-height:260px}.board-hero h1,.welcome-copy h1,.route-panel h1{font-size:clamp(36px,13vw,58px)}}