:root{--bg-0:#0d1020;--bg-1:#141830;--panel:#ffffff0b;--panel-border:#ffffff17;--text:#e8eaf6;--text-dim:#9aa3c7;--accent:#7c9eff;--accent-strong:#5b7fff;--gold:#ffc457;--green:#5dd39e;--red:#ff7857;--radius:12px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0}body{background:radial-gradient(1100px 600px at 85% -10%, #7c9eff24, transparent 60%), radial-gradient(900px 500px at -10% 110%, #ffc45714, transparent 60%), linear-gradient(160deg, var(--bg-0), var(--bg-1));color:var(--text);background-attachment:fixed;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}.app{max-width:1240px;margin:0 auto;padding:20px clamp(12px,3vw,32px) 48px}:is(html:has(.game-screen),body:has(.game-screen)){overscroll-behavior:none;height:100%;max-height:100%;overflow:hidden}.app:has(.game-screen){max-width:none;height:100dvh;max-height:100dvh;margin:0;padding:0;overflow:hidden}h1,h2,h3{letter-spacing:-.01em;margin:0;font-weight:650}.btn{appearance:none;border:1px solid var(--panel-border);background:var(--panel);color:var(--text);font:inherit;cursor:pointer;border-radius:9px;padding:8px 14px;font-size:.9rem;transition:background .15s,border-color .15s,transform .1s}.btn:hover:not(:disabled){background:#ffffff17;border-color:#ffffff2e}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:default}.btn--primary{background:linear-gradient(135deg, var(--accent-strong), #7b5bff);border-color:#0000;font-weight:600}.btn--primary:hover:not(:disabled){background:linear-gradient(135deg,#6c8dff,#8a6dff)}.btn--icon{padding:8px 12px;font-size:1rem;line-height:1}.btn--small{padding:5px 10px;font-size:.8rem}.btn--muted{opacity:.7;color:var(--text-dim)}.btn--danger{color:var(--red);background:#ff785729;border-color:#ff78578c;font-weight:600}.btn--danger:hover:not(:disabled){background:#ff785747}.level-select{--hero-bleed:calc(50% - 50vw);position:relative}.level-select__account-bar{z-index:2;justify-content:flex-end;align-items:center;gap:8px;display:flex;position:absolute;top:clamp(12px,2vh,20px);right:clamp(12px,3vw,28px)}.hero{text-align:center;margin-left:var(--hero-bleed);margin-right:var(--hero-bleed);aspect-ratio:2172/556;isolation:isolate;background-color:var(--bg-0);background-image:linear-gradient(180deg, #0d102042 0%, #0d10206b 40%, #0d1020cc 78%, var(--bg-0) 100%), url(/assets/ui/hero-bg.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;flex-direction:column;justify-content:flex-end;align-items:center;width:100vw;padding:clamp(20px,4vh,48px) clamp(16px,4vw,32px) clamp(16px,3vh,36px);display:flex;position:relative}@media (width<=680px){.app:has(.level-select){padding-top:0}.level-select__account-bar{margin-left:var(--hero-bleed);margin-right:var(--hero-bleed);box-sizing:border-box;background:#000;width:100vw;padding:10px 16px;position:static}.hero{aspect-ratio:1254/792;background-image:linear-gradient(180deg, #0d102042 0%, #0d10206b 40%, #0d1020cc 78%, var(--bg-0) 100%), url(/assets/ui/hero-bg_mobile.png);padding:16px 16px 12px}.hero__logo{width:48px}.hero__wordmark{width:min(180px,46vw)}.hero__subtitle{margin-top:8px;font-size:.92rem}.hero__progress{margin-top:10px}}.hero__title{justify-content:center;align-items:center;gap:clamp(10px,2vw,18px);margin:0;display:flex}.hero__logo{filter:drop-shadow(0 4px 18px #ffc45747);flex-shrink:0;width:clamp(56px,9vw,84px);height:auto}.hero__wordmark{filter:drop-shadow(0 4px 22px #0000008c);flex-shrink:1;width:clamp(200px,38vw,340px);height:auto}.hero__piece{color:var(--gold);filter:drop-shadow(0 2px 10px #ffc45759);margin-right:4px}.hero__subtitle{color:#c5cbe6;text-shadow:0 1px 12px #000000a6;max-width:560px;margin:14px auto 0;font-size:1.05rem}.hero__contact-btn{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0d1020b8;border-color:#ffffff38;text-decoration:none}.hero__contact-btn:hover{background:#0d1020e0;border-color:#ffffff59}.hero__account-btn{text-overflow:ellipsis;white-space:nowrap;max-width:min(46vw,220px);color:var(--text);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0d1020c7;border-color:#ffc45773;overflow:hidden}.hero__account-btn:hover{background:#0d1020eb;border-color:#ffc457b3}.hero__notice{border-radius:var(--radius);color:var(--green);background:#5dd39e1f;border:1px solid #5dd39e59;max-width:42ch;margin:10px 0 0;padding:8px 14px;font-size:.88rem}.hero__notice--error{color:var(--red);background:#ff78571f;border-color:#ff785766}.hero__progress{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-dim);background:#0d10208c;border:1px solid #ffffff24;border-radius:999px;margin:18px 0 0;padding:6px 16px;font-size:.85rem;display:inline-block}.pack-tabs{flex-wrap:wrap;gap:8px;margin:28px 0 4px;display:flex}.pack-tabs__tab{appearance:none;border:1px solid var(--panel-border);background:var(--panel);min-width:0;color:var(--text-dim);font:inherit;cursor:pointer;text-align:left;border-radius:12px;flex-direction:column;flex:140px;align-items:flex-start;gap:2px;padding:12px 14px;transition:border-color .15s,background .15s,color .15s;display:flex}.pack-tabs__tab:hover{color:var(--text);border-color:#ffc45766}.pack-tabs__tab--active{color:var(--text);background:#ffc4571a;border-color:#ffc4578c}.pack-tabs__tab--locked:not(.pack-tabs__tab--active){opacity:.85}.pack-tabs__name{font-size:.95rem;font-weight:700}.pack-tabs__tab--active .pack-tabs__name{color:var(--gold)}.pack-tabs__tag{letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);font-size:.72rem}@media (width<=680px){.pack-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.pack-tabs__tab{flex:none;width:auto;min-width:0;padding:10px 8px}.pack-tabs__name{font-size:.82rem}.pack-tabs__tag{font-size:.65rem}}.pack-coming-soon{text-align:center;padding:36px 24px 32px}.pack-coming-soon__eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:0 0 8px;font-size:.72rem}.pack-coming-soon__title{margin:0 0 12px;font-size:1.45rem}.pack-coming-soon__copy{max-width:46ch;color:var(--text-dim);margin:0 auto 14px;font-size:.95rem}.pack-coming-soon__meta{color:var(--text-dim);margin:0 0 18px;font-size:.85rem}.pack-coming-soon__badge{color:var(--gold);background:#ffc4571f;border:1px solid #ffc45773;border-radius:999px;margin:0 0 12px;padding:8px 18px;font-size:.9rem;font-weight:700;display:inline-block}.pack-coming-soon__hint{max-width:40ch;color:var(--text-dim);margin:0 auto;font-size:.82rem}.pack-buy{text-align:center;padding:36px 24px 32px}.pack-buy__price{color:var(--gold);margin:0 0 18px;font-size:1.35rem;font-weight:700}.pack-buy__cta{min-width:180px;margin-bottom:14px}.pack-buy__steps{max-width:40ch;color:var(--text-dim);margin:0 auto 16px;font-size:.92rem}.account-modal__linkish{align-self:stretch;margin-top:4px}.account-modal{background:var(--panel);border:1px solid var(--panel-border);border-radius:calc(var(--radius) + 4px);width:min(420px,100%);max-height:min(90vh,640px);padding:20px 22px 22px;overflow:auto;box-shadow:0 18px 50px #00000073}.account-modal__head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.account-modal__head h2{margin:0;font-size:1.25rem}.account-modal__body,.account-modal__form{flex-direction:column;gap:12px;display:flex}.account-modal__hint{color:var(--text-dim);margin:0;font-size:.9rem}.account-modal__email{margin:0;font-size:.95rem}.account-modal__section{letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin:8px 0 0;font-size:.8rem}.account-modal__purchases{border:1px solid var(--panel-border);border-radius:var(--radius);margin:0;padding:0;list-style:none;overflow:hidden}.account-modal__purchases li{border-bottom:1px solid var(--panel-border);justify-content:space-between;gap:12px;padding:10px 12px;font-size:.92rem;display:flex}.account-modal__purchases li:last-child{border-bottom:none}.account-modal__owned{color:var(--green);font-weight:600}.account-modal__missing{color:var(--text-dim)}.account-modal__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.account-modal__actions--col{flex-direction:column;align-items:stretch}.account-modal__danger{color:var(--red);border-color:#ff785759;align-self:stretch;margin-top:8px}.account-modal__label{color:var(--text-dim);flex-direction:column;gap:6px;font-size:.85rem;display:flex}.account-modal__label input{appearance:none;border:1px solid var(--panel-border);border-radius:var(--radius);color:var(--text);font:inherit;background:#0d10208c;padding:10px 12px}.account-modal__error{color:var(--red);margin:0 0 8px;font-size:.88rem}.account-modal__ok{color:var(--green);margin:0 0 8px;font-size:.88rem}.tier-section{border-radius:calc(var(--radius) + 4px);background:var(--panel);border:1px solid var(--panel-border);margin-top:34px;padding:18px 18px 16px;scroll-margin-top:20px}.tier-section__head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.tier-section__heading{align-items:baseline;gap:10px;min-width:0;display:flex}.tier-section__title{text-transform:uppercase;letter-spacing:.14em;font-size:1.05rem}.tier-section__count{color:var(--text-dim);font-size:.85rem}.tier-section__scoreboard{appearance:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--gold);font:inherit;cursor:pointer;background:#0d10208c;border:1px solid #ffc45766;border-radius:999px;flex-shrink:0;margin:0;padding:6px 16px;font-size:.85rem;font-weight:600;transition:background .15s,border-color .15s}.tier-section__scoreboard:hover{background:#ffc4571f;border-color:#ffc457a6}.tier--easy{color:var(--green)}.tier--medium{color:var(--gold)}.tier--hard{color:var(--red)}.tier--ultra{color:#c9a0ff}.random-section__copy{color:var(--text-dim);max-width:52ch;margin:0 0 14px;font-size:.92rem}.random-section__start{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.random-section__start-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);font-size:.75rem}.random-section__toggle{border:1px solid var(--panel-border);background:#0d102059;border-radius:999px;display:inline-flex;overflow:hidden}.random-section__toggle-btn{appearance:none;color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border:none;padding:7px 14px;font-size:.85rem;font-weight:600;transition:background .15s,color .15s}.random-section__toggle-btn--active{color:var(--gold);background:#ffc45729}.random-section__nudges{flex-wrap:wrap;gap:6px;display:flex}.random-section__nudge-btn{appearance:none;border:1px solid var(--panel-border);width:36px;height:36px;color:var(--text-dim);font:inherit;cursor:pointer;background:#0d102059;border-radius:9px;font-size:.9rem;font-weight:650;transition:background .15s,border-color .15s,color .15s}.random-section__nudge-btn--active{color:var(--gold);background:#ffc45724;border-color:#ffc4578c}.random-section__plays{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.random-section__play{appearance:none;font:inherit;text-align:left;border:1px solid var(--panel-border);color:var(--text);cursor:pointer;background:#ffffff0a;border-radius:12px;flex-direction:column;gap:4px;padding:14px 16px;transition:border-color .15s,background .15s,transform .1s;display:flex}.random-section__play:hover{background:#ffc45714;border-color:#ffc45773;transform:translateY(-1px)}.random-section__play-tier{letter-spacing:.06em;text-transform:uppercase;font-size:.95rem;font-weight:700}.random-section__play--easy .random-section__play-tier{color:var(--green)}.random-section__play--medium .random-section__play-tier{color:var(--gold)}.random-section__play--hard .random-section__play-tier{color:var(--red)}.random-section__play-nudges{color:var(--text-dim);font-size:.85rem}@media (width<=560px){.random-section__plays{grid-template-columns:1fr}}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:8px;display:grid}.tile{aspect-ratio:1;font:inherit;color:var(--text);border:1px solid var(--panel-border);cursor:pointer;background:#ffffff0b;border-radius:10px;justify-content:center;align-items:center;scroll-margin-top:24px;font-size:.95rem;font-weight:650;transition:transform .1s,border-color .15s,background .15s;display:flex;position:relative}.tile:hover:not(:disabled),.tile:focus-visible{background:#7c9eff1a;border-color:#7c9eff8c;outline:none;transform:translateY(-2px)}.tile--locked{opacity:.4;cursor:default}.tile__lock{font-size:.75rem}.tile--done.tile--easy{background:#5dd39e14;border-color:#5dd39e73}.tile--done.tile--medium{background:#ffc45714;border-color:#ffc45773}.tile--done.tile--hard{background:#ff785714;border-color:#ff785773}.tile--done.tile--ultra{background:#c9a0ff1a;border-color:#c9a0ff80}.tile--attempted{background:#ff9a4a1a;border-color:#ff9a4a80}.tile__check{color:var(--green);font-size:.6rem;position:absolute;top:1px;right:4px}.tile__check--attempted{color:#ff9a4a}.tier-detail{border:1px solid var(--panel-border);border-radius:var(--radius);background:#0003;min-height:92px;margin-top:12px;padding:12px 16px}.tier-detail--locked{opacity:.75}.tier-detail__head{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.tier-detail__num{color:var(--text-dim);font-size:.85rem}.tier-detail__name{font-weight:650}.tier-detail__badge{color:var(--text-dim);font-size:.75rem}.tier-detail__badge--done{color:var(--green)}.tier-detail__badge--attempted{color:#ff9a4a}.tier-detail__desc{color:var(--text-dim);margin:6px 0 0;font-size:.86rem}.tier-detail__meta{color:var(--text-dim);flex-wrap:wrap;gap:6px 12px;margin-top:8px;font-size:.75rem;display:flex}.game-screen{isolation:isolate;background-color:var(--bg-0);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;flex-direction:column;gap:clamp(6px,1.2vh,12px);width:100%;height:100dvh;max-height:100dvh;padding:clamp(8px,1.4vh,14px) clamp(10px,2.5vw,28px);display:flex;position:relative;overflow:hidden}.game-screen:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(#0d10209e 0%,#0d1020c7 50%,#0d1020e6 100%);position:absolute;inset:0}.game-screen>*{z-index:1;width:100%;max-width:1240px;margin-left:auto;margin-right:auto;position:relative}.game-header{flex-shrink:0;align-items:center;gap:10px;display:flex}.game-header__logo{filter:drop-shadow(0 2px 8px #ffc45740);flex-shrink:0;width:clamp(28px,4vh,36px);height:auto}.game-header__heading{flex-direction:column;gap:2px;min-width:0;display:flex}.game-header__title{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.game-header__title h1{white-space:nowrap;text-overflow:ellipsis;font-size:clamp(1rem,2.4vh,1.3rem);overflow:hidden}.tier{text-transform:uppercase;letter-spacing:.12em;border:1px solid;border-radius:999px;padding:2px 9px;font-size:.7rem}.game-header__actions{gap:8px;display:flex}.status-bar{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:46px;min-height:46px;max-height:46px;padding:0 14px;font-size:clamp(.82rem,1.8vh,.95rem);display:flex;overflow:hidden}.status-bar__msg{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.status-bar__msg .btn{vertical-align:middle}.status-bar--action{background:#ffc45714;border-color:#ffc45799;animation:1.6s ease-in-out infinite pulse-border}@keyframes pulse-border{50%{border-color:#ffc45740}}.status--action{color:var(--gold);font-weight:600}.status--error{color:var(--red)}.dots:after{content:"…";animation:1.2s steps(4,end) infinite dots}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.grade-toast{white-space:nowrap;background:#7c9eff26;border:1px solid #7c9eff66;border-radius:999px;flex-shrink:0;padding:4px 12px;font-size:.85rem;animation:.25s ease-out toast-in}@media (width<=680px){.grade-toast{display:none}}@keyframes toast-in{0%{opacity:0;transform:translateY(-4px)}}.game-main{flex:auto;grid-template-rows:minmax(0,1fr);grid-template-columns:22px minmax(0,1fr) minmax(200px,280px);justify-content:center;align-items:stretch;gap:clamp(8px,1.5vw,16px);min-height:0;display:grid}.game-board-slot{place-items:center;width:100%;min-width:0;height:100%;min-height:0;display:grid;container-type:size}.game-board{aspect-ratio:1;box-sizing:border-box;background-color:#1a2e22;border-radius:clamp(12px,2vmin,20px);place-items:center;width:100%;max-width:100%;height:auto;max-height:100%;padding:10px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f,inset 0 0 28px #00000040,0 18px 44px #00000080}@supports (width:1cqmin){.game-board{aspect-ratio:auto;width:100cqmin;height:100cqmin}}.game-board:before{content:"";z-index:0;border-radius:inherit;filter:brightness(2.1)contrast(1.15)saturate(1.2);pointer-events:none;background-image:url(/assets/ui/panel-felt.png);background-position:50%;background-size:cover;position:absolute;inset:0}.game-board>:not(.end-banner){z-index:1;position:relative}.end-banner{z-index:10;border-radius:inherit;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;padding:0 16px clamp(14px,2.5vmin,22px);animation:.5s ease-out banner-in;display:flex;position:absolute;inset:0}.end-banner:before{content:"";border-radius:inherit;opacity:.55;pointer-events:none;background-position:50%;background-size:cover;position:absolute;inset:0;-webkit-mask-image:radial-gradient(58% 58% at 50% 48%,#0000 0% 42%,#0000008c 72%,#000 100%);mask-image:radial-gradient(58% 58% at 50% 48%,#0000 0% 42%,#0000008c 72%,#000 100%)}.end-banner--win:before{background-image:url(/assets/ui/end-win.png)}.end-banner--loss:before{background-image:url(/assets/ui/end-loss.png)}.end-banner__reason,.end-banner__verdict,.end-banner__hint{z-index:1;border-radius:8px;padding:0 10px;position:relative}.end-banner__reason{letter-spacing:-.01em;text-shadow:0 0 18px #000000f2,0 2px 10px #000000e6;font-size:clamp(1.35rem,3.4vw,2rem);font-weight:750;animation:.5s cubic-bezier(.2,1.6,.4,1) verdict-pop}@keyframes banner-in{0%{opacity:0}}@keyframes verdict-pop{0%{opacity:0;transform:translateY(8px)}}.end-banner__verdict{text-shadow:0 0 16px #000000f2,0 2px 8px #000000d9;font-size:1.05rem;font-weight:600}.end-banner--win .end-banner__verdict{color:var(--gold)}.end-banner--loss .end-banner__verdict{color:var(--red)}.end-banner__hint{color:#c5cbe6;text-transform:uppercase;letter-spacing:.12em;text-shadow:0 1px 8px #000000e6;margin-top:6px;font-size:.75rem;animation:1.4s ease-in-out infinite alternate hint-fade}@keyframes hint-fade{0%{opacity:.4}to{opacity:1}}.board-shell{border-radius:12px;flex-shrink:0;max-width:100%;max-height:100%;transition:box-shadow .3s;overflow:hidden;box-shadow:0 0 0 3px #0000,0 18px 50px #00000073}.board-shell--active{box-shadow:0 0 0 3px #ffc4578c,0 18px 50px #00000073}.eval-bar{appearance:none;border:1px solid var(--panel-border);cursor:pointer;background:#e8eaf6;border-radius:999px;align-self:stretch;width:22px;height:100%;min-height:0;max-height:100%;margin:0;padding:0;transition:box-shadow .15s,border-color .15s;position:relative;overflow:hidden}.eval-bar:hover{border-color:#ffc4578c;box-shadow:0 0 0 2px #ffc45733}.eval-bar-help{z-index:1;background:linear-gradient(170deg,#1a1f3d,#12152b);border:1px solid #ffc45759;border-radius:18px;width:100%;max-width:420px;padding:24px 26px;animation:.2s ease-out modal-in;position:relative;box-shadow:0 20px 48px #0000008c}.eval-bar-help h3{margin:0 0 10px;font-size:1.2rem}.eval-bar-help p{color:var(--text-dim);margin:0 0 12px;font-size:.92rem}.eval-bar-help ul{color:var(--text-dim);margin:0 0 14px;padding-left:1.2em;font-size:.9rem}.eval-bar-help li{margin-bottom:6px}.eval-bar-help li strong{color:var(--text)}.eval-bar-help .btn{margin-top:4px}.eval-bar__black{background:#23273f;width:100%;transition:height .4s}.eval-bar__label{writing-mode:vertical-rl;text-orientation:mixed;color:#fff;mix-blend-mode:difference;font-size:.6rem;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}.eval-bar__label--top{top:6px}.eval-bar__label--bottom{bottom:6px}.game-side{flex-direction:column;gap:8px;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);min-height:0;padding:clamp(8px,1.2vh,14px) 12px}.game-side .panel:first-child{flex-direction:column;flex:auto;display:flex;overflow:hidden}.panel--brief{flex-direction:column;flex:0 auto;max-height:28%;display:flex;overflow:hidden}.panel--brief .panel__text{min-height:0;overflow-y:auto}.panel__title-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.panel__title-row .panel__title{margin-bottom:0}.briefing-open-btn{text-transform:none;letter-spacing:.02em;color:var(--gold);background:#ffc45724;border-color:#ffc4578c;flex-shrink:0;font-weight:600;display:none}.briefing-open-btn:hover{color:var(--gold);background:#ffc45738;border-color:#ffc457cc}.briefing-modal{background:var(--panel);border:1px solid var(--panel-border);border-radius:calc(var(--radius) + 4px);width:min(420px,100%);max-height:min(80vh,480px);padding:18px 20px 20px;animation:.2s ease-out modal-in;overflow:auto;box-shadow:0 18px 50px #00000073}.briefing-modal__head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.briefing-modal__head h2{margin:0;font-size:1.15rem}.briefing-modal .panel__text+.panel__text{margin-top:10px}.panel__title{text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim);margin-bottom:10px;font-size:.75rem}.panel__text{color:var(--text-dim);margin:0;font-size:.88rem}.panel__hint{color:var(--green);margin-top:8px}.move-list{overscroll-behavior:contain;flex-direction:column;flex:auto;gap:2px;min-height:0;max-height:none;font-size:clamp(.8rem,1.6vh,.9rem);display:flex;overflow-y:auto}.move-list__empty{color:var(--text-dim);margin:0;font-size:.85rem}.move-list__row{grid-template-columns:34px 1fr 1fr;align-items:center;gap:4px;display:grid}.move-list__number{color:var(--text-dim);font-size:.8rem}.move-list__move{appearance:none;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:3px 8px;display:flex}.move-list__move:hover{background:#ffffff12}.move-list__move--current{background:#7c9eff38}.move-list__move--human{color:var(--gold);font-weight:600}.move-list__move--empty{pointer-events:none}.move-list__badge{text-transform:uppercase;letter-spacing:.08em;border:1px solid #ffc45780;border-radius:999px;padding:0 6px;font-size:.6rem}.game-footer{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);flex-shrink:0;align-items:center;gap:12px;min-height:0;padding:clamp(6px,1vh,10px) 12px;display:flex}.playback{flex-shrink:0;align-items:center;gap:6px;display:flex}.speed-picker{border:1px solid var(--panel-border);border-radius:9px;margin-left:4px;display:flex;overflow:hidden}.speed-picker__option{appearance:none;color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border:none;padding:6px 9px;font-size:.78rem;transition:background .15s,color .15s}.speed-picker__option+.speed-picker__option{border-left:1px solid var(--panel-border)}.speed-picker__option:hover{color:var(--text);background:#ffffff12}.speed-picker__option--active{color:var(--text);background:#7c9eff38;font-weight:600}.speed-picker__option--live.speed-picker__option--active{color:var(--gold);background:#ffc45733}.timebar{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.timebar__track-wrap{flex:1;align-items:center;display:flex;position:relative}.timebar__range{width:100%;accent-color:var(--accent);cursor:pointer}.timebar__markers{pointer-events:none;position:absolute;inset:0}.timebar__marker{pointer-events:auto;border:2px solid var(--bg-0);background:var(--gold);cursor:pointer;border-radius:50%;width:12px;height:12px;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%)}.timebar__counter{font-variant-numeric:tabular-nums;color:var(--text-dim);flex-shrink:0;font-size:.85rem}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50;overscroll-behavior:none;touch-action:none;background:#080a16b8;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fade-in;display:flex;position:fixed;inset:0}.modal-backdrop>*{touch-action:pan-y;overscroll-behavior:contain}.fireworks{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.modal-backdrop .results{z-index:1;position:relative}@keyframes fade-in{0%{opacity:0}}.results{border:1px solid var(--panel-border);text-align:center;background:linear-gradient(170deg,#1a1f3d,#12152b);border-radius:18px;width:100%;max-width:460px;padding:32px 36px;animation:.25s ease-out modal-in}@keyframes modal-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}.results--win{border-color:#5dd39e73}.results--loss{border-color:#ff785766}.results__emblem{font-size:3rem;line-height:1}.results--win .results__emblem{color:var(--gold)}.results--loss .results__emblem{color:var(--text-dim)}.results h2{margin-top:10px;font-size:1.6rem}.results__reason{color:var(--text-dim);margin:6px 0 0}.results__grades{text-align:left;background:#ffffff0a;border-radius:10px;margin-top:20px;padding:12px 16px}.results__grades h3{text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim);margin-bottom:8px;font-size:.75rem}.results__grade-row{align-items:center;gap:10px;padding:4px 0;font-size:.92rem;display:flex}.results__grade-move{min-width:52px;font-weight:650}.results__grade-best{color:var(--text-dim);font-size:.8rem}.grade{border-radius:999px;padding:2px 10px;font-size:.75rem;font-weight:600}.grade--best{color:var(--green);background:#5dd39e2e}.grade--excellent{color:var(--accent);background:#7c9eff2e}.grade--good{color:var(--text);background:#e8eaf61f}.grade--meh{color:var(--gold);background:#ffc45729}.grade--bad{color:var(--red);background:#ff785729}.results__highscore{color:var(--gold);text-shadow:0 0 18px #ffc45759;margin:12px 0 0;font-size:1.05rem;font-weight:700}.results__joined{color:var(--green);margin:8px 0 0;font-size:.92rem}.results__actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px;display:flex}.results__scoreboard-ask{text-align:left;background:#ffffff0a;border:1px solid #ffc45747;border-radius:12px;margin-top:20px;padding:14px 16px}.results__scoreboard-ask h3{margin:0 0 6px;font-size:.95rem}.results__scoreboard-ask p{color:var(--text-dim);margin:0 0 12px;font-size:.88rem}.results__ask-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:12px;display:flex}.results__ask-error{color:var(--red);margin:8px 0 0;font-size:.85rem}.scoreboard{z-index:1;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:linear-gradient(170deg,#1a1f3d,#12152b);border:1px solid #ffc45747;border-radius:22px;width:100%;max-width:min(640px,100%);max-height:min(90vh,760px);padding:32px 34px;animation:.25s ease-out modal-in;position:relative;overflow:auto;box-shadow:0 24px 64px #0000008c}.scoreboard__head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.scoreboard__eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin:0 0 6px;font-size:.78rem}.scoreboard__head h2{font-size:1.55rem}.scoreboard__tabs{gap:8px;margin:0 0 18px;display:flex}.scoreboard__tab{border:1px solid var(--panel-border);color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border-radius:10px;flex:1;padding:10px 12px;font-size:.92rem}.scoreboard__tab--active{color:var(--text);border-color:var(--gold,var(--accent));background:color-mix(in srgb, var(--gold,var(--accent)) 12%, transparent)}.scoreboard__source{color:var(--text-dim);margin-top:2px;font-size:.72rem;font-weight:400;display:block}.scoreboard__status{color:var(--text-dim);margin:0 0 12px;font-size:.9rem}.scoreboard__error{color:var(--red);margin:0 0 12px;font-size:.9rem}.scoreboard__ok{color:var(--green);margin:0 0 12px;font-size:.9rem}.scoreboard__list{flex-direction:column;gap:8px;margin:0 0 20px;padding:0;list-style:none;display:flex}.scoreboard__row{background:#ffffff0a;border:1px solid #0000;border-radius:12px;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;padding:12px 14px;font-size:1.02rem;display:grid}.scoreboard__row--me{background:#7c9eff1a;border-color:#7c9eff73}.scoreboard__rank{color:var(--text-dim);font-size:.95rem;font-weight:650}.scoreboard__name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.scoreboard__grade,.scoreboard__points{font-variant-numeric:tabular-nums;color:var(--gold);white-space:nowrap;font-size:1.05rem;font-weight:600}.scoreboard__yours{color:var(--text-dim);margin:0 0 14px;font-size:.95rem}.scoreboard__publish{border-top:1px solid var(--panel-border);padding-top:16px}.scoreboard__publish h3{margin-bottom:6px;font-size:1rem}.scoreboard__account{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.scoreboard__account--out{justify-content:flex-end}.scoreboard-name-backdrop{z-index:70}.scoreboard-name-dialog{z-index:1;background:linear-gradient(170deg,#1a1f3d,#12152b);border:1px solid #ffc45759;border-radius:18px;width:100%;max-width:400px;padding:24px 26px;animation:.2s ease-out modal-in;position:relative;box-shadow:0 20px 48px #0000008c}.scoreboard-name-dialog h3{margin:0 0 8px;font-size:1.15rem}.scoreboard-name-dialog .scoreboard__publish-actions{justify-content:flex-end;margin-top:4px}.scoreboard__publish-actions{flex-wrap:wrap;gap:8px;margin-top:0;display:flex}.scoreboard__account .scoreboard__publish-actions{margin-top:0}.scoreboard__hint{color:var(--text-dim);margin:0 0 12px;font-size:.85rem}.scoreboard__hint--inline{flex:1;min-width:12ch;margin:0}.scoreboard__label{color:var(--text-dim);flex-direction:column;gap:6px;margin-bottom:12px;font-size:.8rem;display:flex}.scoreboard__input{font:inherit;color:var(--text);border:1px solid var(--panel-border);background:#00000040;border-radius:9px;padding:8px 12px}.scoreboard__input:focus{border-color:#7c9eff8c;outline:none}.modal-backdrop:has(.sandbox){justify-content:center;align-items:stretch;padding:clamp(8px,2vh,16px)}.sandbox{background:linear-gradient(170deg,#1a1f3d,#12152b);border:1px solid #ffc45759;border-radius:18px;flex-direction:column;width:min(960px,100%);height:min(92dvh,100dvh - 16px);max-height:min(92dvh,100dvh - 16px);margin:auto;padding:clamp(12px,2vh,20px) clamp(14px,2.5vw,24px);animation:.25s ease-out modal-in;display:flex;overflow:hidden}.sandbox__header{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:clamp(8px,1.5vh,14px);display:flex}.sandbox__tag{text-transform:uppercase;letter-spacing:.14em;color:var(--gold);border:1px solid #ffc45780;border-radius:999px;margin-bottom:4px;padding:2px 10px;font-size:.68rem;display:inline-block}.sandbox__header h2{font-size:clamp(1.05rem,2.4vh,1.25rem)}.sandbox__header p{color:var(--text-dim);margin:4px 0 0;font-size:.85rem}.sandbox__body{flex:auto;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(180px,220px);align-items:stretch;gap:clamp(10px,2vw,18px);min-height:0;display:grid}.sandbox__board{place-items:center;min-width:0;height:100%;min-height:0;display:grid;container-type:size}.sandbox__board .board-shell{width:min(100%,100cqh);max-width:100%;max-height:100%}.sandbox__side{flex-direction:column;gap:10px;min-height:0;display:flex;overflow:hidden}.sandbox__label{color:var(--text-dim);flex-direction:column;flex-shrink:0;gap:6px;font-size:.8rem;display:flex}.sandbox__label select{background:var(--panel);color:var(--text);border:1px solid var(--panel-border);font:inherit;border-radius:8px;padding:7px 10px}.sandbox__status{color:var(--gold);flex-shrink:0;font-size:.9rem;font-weight:600}.sandbox__eval{color:var(--text-dim);flex-shrink:0;font-size:.8rem}.sandbox__moves{overscroll-behavior:contain;flex-wrap:wrap;flex:auto;align-content:flex-start;gap:5px;min-height:0;max-height:none;display:flex;overflow-y:auto}.sandbox__moves-empty{color:var(--text-dim);font-size:.82rem}.sandbox__chip{background:#ffffff0f;border-radius:6px;padding:2px 8px;font-size:.8rem}.sandbox__actions{flex-shrink:0;gap:8px;margin-top:auto;display:flex}@media (width<=980px){.game-main{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:18px minmax(0,1fr)}.game-side{flex-direction:row;flex-shrink:0;grid-column:1/-1;height:min(22vh,160px);max-height:min(22vh,160px)}.game-side .panel:first-child{flex:1.4 1 0}.move-list{min-height:calc(3.45em + 30px)}.panel--brief{flex:1 1 0;max-height:none}}@media (width<=680px){.game-header{flex-wrap:nowrap;gap:6px}.game-header__actions .btn{padding:6px 10px;font-size:.8rem}.game-header__title{display:none}.game-side{flex-direction:row;height:min(18vh,130px);max-height:min(18vh,130px)}.panel--brief{display:none}.briefing-open-btn{display:inline-flex}.sandbox__body{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr}.sandbox__side{flex-flow:wrap;align-items:center;gap:8px 12px;max-height:min(28vh,200px)}.sandbox__label{flex:140px}.sandbox__moves{flex:100%;max-height:72px}.sandbox__actions{margin-top:0}.sandbox__header p{display:none}.game-footer{flex-direction:column;align-items:stretch;gap:6px;min-height:92px}.playback{flex-wrap:wrap;justify-content:space-between}.game-board{padding:8px}.game-board .end-banner{width:auto;height:auto;margin:0;position:absolute;inset:0}}.admin{flex-direction:column;gap:16px;max-width:1100px;min-height:100dvh;margin:0 auto;padding:20px 16px 48px;display:flex}.admin__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.admin__eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin:0;font-size:.72rem}.admin__head h1{margin:4px 0 0;font-size:1.6rem}.admin__head-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin__user{color:var(--text-dim);font-size:.85rem}.admin__tabs{flex-wrap:wrap;gap:6px;display:flex}.admin__tab{appearance:none;border:1px solid var(--panel-border);background:var(--panel);color:var(--text-dim);font:inherit;cursor:pointer;border-radius:999px;padding:8px 14px;font-size:.88rem}.admin__tab--active{color:var(--text);background:#ffc4571f;border-color:#ffc4578c}.admin__panel,.admin__compose,.admin__mail-list,.admin__mail-detail{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);padding:16px}.admin__panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.admin__panel-head h2,.admin__compose h2,.admin__mail-detail h2{margin:0;font-size:1.1rem}.admin__hint{color:var(--text-dim);margin:0;font-size:.9rem}.admin__error{color:var(--red);margin:0;font-size:.9rem}.admin__ok{color:var(--green);margin:0;font-size:.9rem}.admin__table-wrap{overflow-x:auto}.admin__table{border-collapse:collapse;width:100%;font-size:.85rem}.admin__table th,.admin__table td{text-align:left;border-bottom:1px solid var(--panel-border);vertical-align:top;padding:8px 10px}.admin__table th{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:600}.admin__mono{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem}.admin__mail{grid-template-columns:minmax(220px,340px) 1fr;gap:12px;min-height:420px;display:grid}.admin__msg-list{flex-direction:column;gap:4px;max-height:560px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.admin__msg-item{appearance:none;text-align:left;width:100%;color:inherit;font:inherit;cursor:pointer;background:#00000026;border:1px solid #0000;border-radius:8px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.admin__msg-item--active{background:#ffc4571a;border-color:#ffc45773}.admin__msg-subject{font-size:.9rem;font-weight:600}.admin__msg-meta{color:var(--text-dim);font-size:.75rem;line-height:1.4}.admin__body{white-space:pre-wrap;word-break:break-word;font:inherit;background:#00000040;border-radius:8px;max-height:480px;margin:14px 0 0;padding:12px;font-size:.88rem;overflow-y:auto}.admin__compose{flex-direction:column;gap:12px;max-width:640px;display:flex}.admin__label{color:var(--text-dim);flex-direction:column;gap:6px;font-size:.85rem;display:flex}.admin__label input,.admin__label textarea{appearance:none;border:1px solid var(--panel-border);border-radius:var(--radius);color:var(--text);font:inherit;background:#0d10208c;padding:10px 12px}@media (width<=780px){.admin__mail{grid-template-columns:1fr}}.site-footer{border-top:1px solid var(--panel-border);text-align:center;color:var(--text-dim);margin-top:48px;padding:28px 8px 8px;font-size:.82rem;line-height:1.55}.site-footer__domain{color:var(--text);letter-spacing:.02em;margin:0 0 6px;font-weight:600}.site-footer__legal{margin:0 0 10px}.site-footer__links{flex-wrap:wrap;justify-content:center;gap:6px 8px;display:flex}.site-footer__links a{color:var(--accent);text-decoration:none}.site-footer__links a:hover{text-decoration:underline}.site-page{flex-direction:column;gap:16px;max-width:720px;margin:0 auto;padding:8px 0 32px;display:flex}.site-page__head{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.site-page__head h1{margin:0;font-size:1.75rem}.site-page__lead,.site-page__hint{color:var(--text-dim);margin:0;line-height:1.5}.site-page__ok{color:var(--green);margin:0}.site-page__error{color:var(--red);margin:0}.site-page__form{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);flex-direction:column;gap:12px;padding:18px;display:flex}.site-page__label{color:var(--text-dim);flex-direction:column;gap:6px;font-size:.85rem;display:flex}.site-page__label input,.site-page__label textarea{appearance:none;border:1px solid var(--panel-border);border-radius:var(--radius);color:var(--text);font:inherit;background:#0d10208c;padding:10px 12px}.site-page__prose{color:var(--text);line-height:1.65}.site-page__prose h2{color:var(--gold);margin:1.6em 0 .5em;font-size:1.1rem}.site-page__prose p,.site-page__prose ul{color:#c5cbe6;margin:0 0 .9em}.site-page__prose ul{padding-left:1.2em}.site-page__updated{color:var(--text-dim);margin-top:2em;font-size:.85rem}.site-page .site-footer{margin-top:24px}.audio-settings{background:linear-gradient(165deg,#1c2234fa,#101420fa);border:1px solid #d4af5f47;border-radius:16px;flex-direction:column;gap:14px;width:min(420px,100%);padding:20px 22px 22px;display:flex;box-shadow:0 18px 48px #00000073}.audio-settings__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.audio-settings__head h2{color:var(--gold);margin:0;font-size:1.25rem}.audio-settings__toggle{cursor:pointer;align-items:center;gap:10px;font-size:.98rem;display:flex}.audio-settings__toggle input{width:1.05rem;height:1.05rem;accent-color:var(--gold)}