:root{color-scheme:dark;--bg:#071009;--panel:#111c13;--panel2:#17251a;--ink:#f5f2e7;--muted:#b7c3b6;--line:#334b37;--lime:#b9ef6f;--gold:#e8c875;--red:#df756e;--focus:#fff2a7;--shadow:0 22px 70px rgba(0,0,0,.38);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 12% -12%,rgba(185,239,111,.12),transparent 30rem),radial-gradient(circle at 92% 10%,rgba(141,100,168,.15),transparent 31rem),linear-gradient(180deg,#09130b,var(--bg) 68%);line-height:1.5}button,input,a{font:inherit}button,a{touch-action:manipulation}.skip-link{position:fixed;z-index:100;top:.7rem;left:.7rem;transform:translateY(-180%);padding:.7rem 1rem;border-radius:.6rem;background:var(--focus);color:#111;font-weight:900;text-decoration:none}.skip-link:focus{transform:none}.site-bar{position:sticky;top:0;z-index:30;min-height:72px;display:flex;justify-content:space-between;align-items:center;padding:1rem clamp(1rem,3vw,2.5rem);border-bottom:1px solid rgba(255,255,255,.08);background:rgba(7,16,9,.86);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:.75rem;color:var(--ink);text-decoration:none}.brand-mark{width:2.7rem;height:2.7rem;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--lime),var(--gold));color:#112013;font-weight:950;letter-spacing:-.06em}.brand span:last-child{display:grid;line-height:1.05}.brand small{margin-top:.2rem;color:var(--muted);font-size:.72rem}.hub-link{padding:.55rem .8rem;border:1px solid var(--line);border-radius:999px;color:var(--ink);text-decoration:none;font-weight:850}.game-shell{width:min(1240px,calc(100% - 2rem));margin:0 auto;padding:clamp(1.2rem,4vw,3rem) 0 4rem}.hero,.score-strip,.sample-panel,.evidence-panel,.judge-panel,.review-panel,.control-card,.history-card,.rules-card{border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,rgba(23,37,26,.96),rgba(12,21,14,.98));box-shadow:var(--shadow)}.hero{display:flex;justify-content:space-between;align-items:flex-start;gap:1.2rem;padding:clamp(1.3rem,3.5vw,2.5rem);border-radius:1.35rem}.eyebrow{margin:0 0 .35rem;color:var(--lime);font-size:.7rem;font-weight:950;letter-spacing:.16em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{max-width:10ch;margin-bottom:.55rem;font-size:clamp(2.4rem,7vw,5.5rem);line-height:.87;letter-spacing:-.055em}h2{margin-bottom:.28rem;font-size:clamp(1.2rem,2.5vw,1.7rem)}.lede{max-width:64ch;margin:0;color:var(--muted);font-size:clamp(1rem,2vw,1.18rem)}.status-chip{display:inline-flex;max-width:30rem;padding:.5rem .72rem;border:1px solid var(--line);border-radius:999px;background:rgba(0,0,0,.18);color:var(--muted);font-size:.78rem;font-weight:750}.score-strip{margin-top:1rem;display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem;padding:.7rem;border-radius:1rem}.stat{min-height:68px;display:grid;align-content:center;padding:.65rem .8rem;border:1px solid rgba(255,255,255,.07);border-radius:.78rem;background:#0b140d}.stat span{color:var(--muted);font-size:.67rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.stat strong{font-size:clamp(1.25rem,2.6vw,1.8rem);line-height:1;color:var(--gold)}.trial-grid{margin-top:1rem;display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:1rem;align-items:start}.sample-panel,.evidence-panel{border-radius:1.1rem;padding:1rem}.sample-heading,.panel-heading{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.sample-heading h2,.panel-heading h2{margin-bottom:0}.sample-code,.packet-chip{display:inline-flex;padding:.35rem .55rem;border:1px solid #52654f;border-radius:.4rem;background:#0a120b;color:var(--gold);font:850 .69rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.packet-chip{color:var(--muted)}.sample-caption{margin:.8rem 0 0;color:var(--muted);font-size:.78rem}.sample-visual{--bud:#486f42;--bud2:#29482b;position:relative;height:360px;margin-top:1rem;border:1px solid #2f4531;border-radius:1rem;overflow:hidden;background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.05),transparent 45%),linear-gradient(180deg,#091109,#0d170e 62%,#070b08);isolation:isolate}.sample-visual::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 39px,rgba(255,255,255,.018) 40px),repeating-linear-gradient(0deg,transparent 0 39px,rgba(255,255,255,.018) 40px);pointer-events:none}.sample-stem{position:absolute;left:50%;bottom:35px;width:12px;height:190px;transform:translateX(-50%);border-radius:999px;background:linear-gradient(90deg,#35512f,#6c9253,#314b2c)}.sample-cluster{position:absolute;border-radius:48% 52% 42% 58%;background:radial-gradient(circle at 35% 25%,var(--bud) 0 26%,var(--bud2) 28% 62%,#182c1d 64%);box-shadow:inset 0 0 0 2px rgba(255,255,255,.035),0 8px 20px rgba(0,0,0,.3)}.cluster-a{width:145px;height:180px;left:50%;bottom:92px;transform:translateX(-50%) rotate(-3deg)}.cluster-b{width:100px;height:125px;left:calc(50% - 96px);bottom:72px;transform:rotate(-19deg)}.cluster-c{width:105px;height:132px;right:calc(50% - 101px);bottom:80px;transform:rotate(18deg)}.cluster-d{width:85px;height:105px;left:50%;bottom:205px;transform:translateX(-50%) rotate(4deg)}.spread-wide .cluster-b{left:calc(50% - 132px)}.spread-wide .cluster-c{right:calc(50% - 136px)}.spread-compact .cluster-b{left:calc(50% - 76px)}.spread-compact .cluster-c{right:calc(50% - 80px)}.mass-2 .sample-cluster{scale:.86}.mass-3 .sample-cluster{scale:.94}.mass-5 .sample-cluster{scale:1.07}.hue-violet{--bud:#795990;--bud2:#3d3156}.hue-purple{--bud:#694375;--bud2:#352640}.hue-ruby{--bud:#874656;--bud2:#452833}.hue-gold{--bud:#75814a;--bud2:#4c4d2d}.hue-lime{--bud:#71964b;--bud2:#34592e}.hue-silver{--bud:#7e9080;--bud2:#3c5143}.hue-cream{--bud:#809166;--bud2:#4a6041}.frost-field{position:absolute;inset:22px;z-index:4;pointer-events:none}.frost-field i{--x:calc((var(--i)*37)%91);--y:calc((var(--i)*53)%87);position:absolute;left:calc(var(--x)*1%);top:calc(var(--y)*1%);width:5px;height:5px;border-radius:50%;background:#eef5da;box-shadow:0 0 7px rgba(238,245,218,.8);opacity:.78}.loupe{position:absolute;z-index:8;right:26px;bottom:25px;width:105px;height:105px;border:8px solid #d9c788;border-radius:50%;background:radial-gradient(circle,#a8bc96 0 8%,#536849 10% 24%,#2d442f 26% 38%,rgba(18,28,18,.9) 40%);box-shadow:0 12px 30px rgba(0,0,0,.45),inset 0 0 20px rgba(255,255,255,.16)}.loupe::after{content:"";position:absolute;width:16px;height:82px;right:-38px;bottom:-48px;border-radius:999px;background:linear-gradient(90deg,#b69d59,#e2cd88,#9a844b);transform:rotate(-43deg);transform-origin:top}.loupe b{position:absolute;inset:18px;border-radius:50%;background:radial-gradient(circle at 35% 32%,#f5f2db 0 5%,transparent 7%),radial-gradient(circle at 65% 55%,#e4ead0 0 4%,transparent 6%),radial-gradient(circle,#6a875a,#314832)}.final-badge{min-height:300px;display:grid;place-items:center;align-content:center;gap:.5rem}.final-badge span{width:125px;height:125px;display:grid;place-items:center;border:8px double var(--gold);border-radius:50%;background:#122015;color:var(--lime);font-size:2.3rem;font-weight:1000}.final-badge strong{color:var(--gold);font-size:1.25rem}.final-copy{text-align:center}.loading-panel{min-height:360px;display:grid;place-items:center;color:var(--muted)}.clipboard-mark{width:2.7rem;height:2.7rem;display:grid;place-items:center;border:2px solid #596d55;border-radius:.45rem;color:var(--gold);font-weight:900}.evidence-list{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.55rem}.evidence-list li:not(.empty-state){display:grid;grid-template-columns:2.1rem 1fr;gap:.7rem;padding:.68rem;border:1px solid rgba(255,255,255,.07);border-radius:.68rem;background:#0b140d}.evidence-list li>span{width:2rem;height:2rem;display:grid;place-items:center;border-radius:50%;background:#203124;color:var(--gold);font-size:.72rem;font-weight:900}.evidence-list strong{font-size:.8rem}.evidence-list p{margin:.12rem 0 0;color:var(--muted);font-size:.82rem}.judge-panel{margin-top:1rem;border-radius:1.1rem;padding:1rem}.scorecard-heading{align-items:end}.scale-key{display:flex;gap:.6rem;color:var(--muted);font-size:.62rem;font-weight:850}.scorecard{margin-top:.9rem;display:grid;gap:.55rem}.score-row{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(280px,1.28fr);gap:1rem;align-items:center;padding:.75rem;border:1px solid rgba(255,255,255,.07);border-radius:.72rem;background:#0b140d}.score-label label{font-weight:900}.score-label p{margin:.15rem 0 0;color:var(--muted);font-size:.76rem}.score-control{display:grid;grid-template-columns:3rem 1fr;gap:.7rem;align-items:center}.score-control output{width:3rem;height:3rem;display:grid;place-items:center;border:2px solid var(--gold);border-radius:50%;background:#181709;color:var(--gold);font-size:1.25rem;font-weight:950}.score-control input[type=range]{width:100%;accent-color:var(--lime)}.scale-labels{grid-column:2;display:flex;justify-content:space-between;margin-top:-.35rem;color:#758274;font-size:.58rem;font-weight:800}.submit-button,.next-button,.primary-button,.secondary-button{border:0;border-radius:.72rem;font-weight:950;cursor:pointer}.submit-button{width:100%;margin-top:.85rem;padding:.9rem;background:linear-gradient(135deg,var(--lime),#d7f3a4);color:#102011}.next-button{display:block;width:min(420px,100%);margin:1rem auto 0;padding:.9rem;background:var(--gold);color:#241d0b}.review-panel{margin-top:1rem;border-radius:1.1rem;padding:1rem}.review-summary{display:flex;align-items:center;gap:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.08)}.accuracy-ring{--accuracy:0;position:relative;width:104px;height:104px;flex:0 0 auto;display:grid;place-items:center;align-content:center;border-radius:50%;background:conic-gradient(var(--lime) calc(var(--accuracy)*1%),#263129 0);box-shadow:inset 0 0 0 10px #0b140d}.accuracy-ring strong{font-size:1.45rem}.accuracy-ring small{font-size:.57rem;color:var(--muted);letter-spacing:.1em}.benchmark-grid{margin-top:.9rem;display:grid;gap:.55rem}.benchmark-row{display:grid;grid-template-columns:minmax(130px,.45fr) minmax(210px,.55fr) minmax(260px,1fr);gap:.9rem;align-items:center;padding:.72rem;border-left:4px solid #6b735e;border-radius:.55rem;background:#0b140d}.benchmark-row>div:first-child{display:grid}.benchmark-row>div:first-child span{color:var(--muted);font-size:.59rem;font-weight:900}.score-pair{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.score-pair span{padding:.28rem .42rem;border-radius:.38rem;background:#172218;color:var(--muted);font-size:.7rem}.score-pair b{color:var(--ink);font-size:.9rem}.score-pair em{font-style:normal;font-size:.64rem;font-weight:950;color:var(--gold)}.benchmark-row p{margin:0;color:var(--muted);font-size:.77rem}.diff-0{border-left-color:var(--lime)}.diff-1{border-left-color:var(--gold)}.diff-3{border-left-color:var(--red)}.lower-grid{margin-top:1rem;display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:1rem}.control-card,.history-card,.rules-card{border-radius:1rem;padding:1rem}.panel-heading.compact h2,.panel-heading.compact p{margin-bottom:0}.control-card label{display:block;margin:.9rem 0 .35rem;color:var(--muted);font-size:.78rem;font-weight:850}.code-row{display:grid;grid-template-columns:1fr auto;gap:.55rem}.code-input{min-width:0;width:100%;padding:.72rem .8rem;border:1px solid var(--line);border-radius:.7rem;background:#071009;color:var(--ink);font-weight:950;letter-spacing:.16em;text-transform:uppercase}.code-input[aria-invalid=true]{border-color:var(--red)}.secondary-button{padding:.72rem .9rem;border:1px solid #526551;background:#263627;color:var(--ink)}.primary-button{width:100%;margin-top:.7rem;padding:.72rem;background:var(--lime);color:#102011}.help-text{margin:.38rem 0 0;color:var(--muted);font-size:.76rem}.history-list{list-style:none;margin:.8rem 0 0;padding:0;display:grid;gap:.42rem}.history-list li:not(.empty-state){display:grid;grid-template-columns:2.4rem 1fr;gap:.7rem;align-items:center;padding:.45rem 0;border-bottom:1px solid rgba(255,255,255,.07)}.history-list li>span{color:var(--gold);font:850 .7rem ui-monospace,SFMono-Regular,Menlo,monospace}.history-list div{display:grid}.history-list small{color:var(--muted)}.empty-state{color:var(--muted);font-style:italic}.rules-card{margin-top:1rem}.rules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.rules-grid p{margin:0;color:var(--muted)}.rules-grid strong{color:var(--ink)}.boundary{margin:1rem 0 0;padding:1rem;border-left:4px solid var(--gold);background:#11140d;color:var(--muted)}.boundary strong{color:var(--gold)}button:disabled,input:disabled{cursor:not-allowed;opacity:.58}.reviewing .judge-panel{opacity:.82}.trial-complete .judge-panel{opacity:.65}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}@media(max-width:900px){.trial-grid{grid-template-columns:1fr}.sample-visual{height:330px}.score-row{grid-template-columns:1fr}.scale-key{display:none}.benchmark-row{grid-template-columns:1fr 1fr}.benchmark-row p{grid-column:1/-1}.lower-grid{grid-template-columns:1fr}}@media(max-width:640px){.game-shell{width:min(100% - 1rem,1240px);padding-top:.7rem}.hero{display:grid}.status-chip{justify-self:start}.score-strip{grid-template-columns:repeat(2,1fr)}.sample-visual{height:290px}.loupe{width:84px;height:84px;right:18px}.score-control{grid-template-columns:2.6rem 1fr}.score-control output{width:2.6rem;height:2.6rem}.benchmark-row{grid-template-columns:1fr}.score-pair{justify-content:flex-start}.rules-grid{grid-template-columns:1fr}}@media(max-width:420px){.site-bar{padding:.8rem 1rem}.brand small{display:none}.sample-panel,.evidence-panel,.judge-panel{border-radius:.9rem}.sample-visual{height:250px}.cluster-a{width:120px;height:150px}.cluster-b,.cluster-c{width:82px;height:104px}.cluster-d{width:72px;height:90px}.sample-caption{font-size:.72rem}.score-strip{gap:.4rem;padding:.5rem}.stat{min-height:60px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sample-visual,.accuracy-ring{transition:none!important;animation:none!important}}