:root{color:#f8e8b0;font-synthesis:none;text-rendering:optimizelegibility;background:#050505;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% 38%,#e6a60033,#0000 23rem),radial-gradient(circle at 12% 10%,#d699001f,#0000 18rem),linear-gradient(135deg,#e3aa140e 25%,#0000 25%) 0 0/46px 46px,linear-gradient(225deg,#e3aa140a 25%,#0000 25%) 0 0/46px 46px,#050505;min-width:320px;min-height:100vh;margin:0}button{color:inherit;font:inherit;cursor:pointer;border:0}.app{height:100vh;min-height:760px;padding:18px 24px;overflow:hidden}.loading{align-content:center;place-items:center;gap:16px;display:grid}.loading-mark,.fallback-logo{color:#090806;clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%);background:#f5b91f;place-items:center;display:grid}.loading-mark{width:80px;height:72px}.topbar,.game-grid{width:min(1220px,100%);margin:0 auto}.topbar{grid-template-columns:minmax(260px,1fr) auto minmax(260px,1fr);align-items:center;gap:20px;height:100px;padding-bottom:12px;display:grid}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark,.fallback-logo{object-fit:contain;filter:drop-shadow(0 0 18px #f6bb1f80);width:118px;height:86px}.brand-copy{gap:5px;min-width:0;display:grid}.wordmark{object-fit:contain;object-position:left center;filter:drop-shadow(0 0 14px #f6bb1f40);width:min(240px,34vw);max-height:56px;display:block}.eyebrow,.puzzle-label,.metric span,.panel-head button,.rank-node strong,.rank-node span{letter-spacing:.08em;text-transform:uppercase}.eyebrow{color:#f0b817;margin:0 0 7px;font-size:.78rem;font-weight:900}h1,h2{color:#fff4c4;text-transform:uppercase;margin:0;line-height:.95}h1{font-size:clamp(2rem,4vw,4.4rem)}.puzzle-label{color:#ffd35a;white-space:nowrap;align-items:center;gap:16px;font-size:.86rem;font-weight:800;display:flex}.puzzle-label span{background:linear-gradient(90deg,#0000,#c99310);width:86px;height:1px;display:block}.puzzle-label span:last-child{background:linear-gradient(90deg,#c99310,#0000)}.hud-actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}.hud-actions button{color:#f4bd25;clip-path:polygon(22% 0,78% 0,100% 50%,78% 100%,22% 100%,0 50%);filter:drop-shadow(0 0 10px #f2bc281f);background:#0a0907bd;border:1px solid #f2bc289e;justify-content:center;align-items:center;min-width:54px;height:50px;padding:0 14px;display:inline-flex}.hud-actions .new-puzzle{clip-path:polygon(12% 0,88% 0,100% 50%,88% 100%,12% 100%,0 50%);color:#0b0904;text-transform:uppercase;background:linear-gradient(#ffd333,#c98405);gap:8px;min-width:104px;font-weight:950}.metrics-panel{background:linear-gradient(#0f0e0beb,#070706e0);border:1px solid #efb52361;border-radius:8px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden;box-shadow:0 18px 44px #00000040,inset 0 0 0 1px #ffdb5a08}.metric{border-right:1px solid #efb52340;gap:6px;padding:12px 14px;display:grid}.metric:last-child{border-right:0}.metric span{color:#ffd35a;font-size:.82rem;font-weight:900}.metric strong{color:#fff2c4;font-size:clamp(1.25rem,2.6vw,1.9rem);line-height:1}.metric em{color:#a89d82;font-size:.58em;font-style:normal;font-weight:700}.game-grid{grid-template-columns:minmax(170px,.26fr) minmax(500px,1fr) minmax(320px,.46fr);align-items:stretch;gap:24px;height:calc(100vh - 124px);min-height:620px;display:grid}.hive-stage,.rank-panel,.metrics-panel,.found-panel,.rank-rail-panel{background:linear-gradient(#0d0d0be6,#050505eb),#080807d1;border:1px solid #efb52357;border-radius:8px;box-shadow:0 18px 46px #00000054,inset 0 0 0 1px #ffe38c09}.hive-stage{justify-items:center;height:100%;min-height:0;padding:22px 24px;display:grid;position:relative;overflow:hidden}.hive-stage:before{content:"";filter:blur(12px);pointer-events:none;background:radial-gradient(circle,#ffbe1d4d,#ffbe1d0f 38%,#0000 68%);position:absolute;inset:12%}.hive-stage:after{content:"";opacity:.8;pointer-events:none;background:linear-gradient(135deg,#ffcd440b 25%,#0000 25%) 0 0/58px 58px,linear-gradient(225deg,#ffcd4409 25%,#0000 25%) 0 0/58px 58px;position:absolute;inset:0}.stage-title,.honeycomb-wrap,.word-console,.submit,.feedback{z-index:1;position:relative}.stage-title{justify-content:space-between;justify-self:stretch;align-items:baseline;gap:18px;padding:0 6px;display:flex}.stage-title h2{color:#fff3c5;font-size:clamp(1.55rem,3vw,2.6rem)}.honeycomb-wrap{place-items:center;width:min(100%,650px);min-height:410px;display:grid}.honeycomb{--hex-w:128px;--hex-h:148px;--hex-gap:14px;--hex-step-x:calc(var(--hex-w) + var(--hex-gap));--hex-step-y:calc((var(--hex-h) * .75) + var(--hex-gap));--center-x:var(--hex-step-x);--center-y:var(--hex-step-y);width:calc(var(--hex-w) + (var(--hex-step-x) * 2));height:calc(var(--hex-h) + (var(--hex-step-y) * 2));margin:0 0 10px;position:relative}.hex{width:var(--hex-w);height:var(--hex-h);color:#eee9de;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);text-transform:uppercase;text-shadow:0 2px #000000bf;filter:drop-shadow(0 12px 18px #00000080)drop-shadow(0 0 18px #f5bc1f2e);background:#f2bc28;place-items:center;font-size:3rem;font-weight:950;transition:transform .12s,filter .12s;display:grid;position:absolute}.hex:before{content:"";z-index:-1;clip-path:inherit;background:linear-gradient(150deg,#ffffff14,#0000 34%),linear-gradient(#22201b,#070706);position:absolute;inset:4px}.hex:hover,.hex:focus-visible{filter:drop-shadow(0 0 22px #f6bc208f);transform:translateY(-4px)scale(1.035)}.hex:active{transform:scale(.96)}.hex:first-child{left:calc(var(--center-x) - (var(--hex-step-x) / 2));top:0}.hex:nth-child(2){left:calc(var(--center-x) + (var(--hex-step-x) / 2));top:0}.hex:nth-child(3){left:0;top:var(--center-y)}.hex.center{left:var(--center-x);top:var(--center-y);color:#0b0802;text-shadow:none;background:#080706}.hex.center:before{background:linear-gradient(145deg,#ffffff38,#0000 34%),linear-gradient(#ffd736,#c27c05)}.hex:nth-child(5){left:calc(var(--center-x) + var(--hex-step-x));top:var(--center-y)}.hex:nth-child(6){left:calc(var(--center-x) - (var(--hex-step-x) / 2));top:calc(var(--center-y) + var(--hex-step-y))}.hex:nth-child(7){left:calc(var(--center-x) + (var(--hex-step-x) / 2));top:calc(var(--center-y) + var(--hex-step-y))}.word-console{background:#050505c2;border:1px solid #efb5236b;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:12px;width:min(100%,620px);margin-top:2px;padding:13px 16px 12px;display:grid}.word-console .eyebrow{grid-column:1/-1;justify-self:center;margin-bottom:0}.letter-slots{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;min-height:48px;display:flex}.letter-slots span,.letter-slots strong{color:#fff1c1;clip-path:polygon(20% 0,80% 0,100% 50%,80% 100%,20% 100%,0 50%);text-transform:uppercase;background:linear-gradient(#24231f,#0a0a09);border:1px solid #ffd54659;place-items:center;min-width:42px;height:42px;padding:0 12px;font-size:1.35rem;font-weight:950;display:grid}.letter-slots strong{color:#7d755d;min-width:180px;font-size:1rem}.console-actions{gap:8px;display:flex}.console-actions button{color:#ffd35a;background:#11100d;border:1px solid #f2bc2870;border-radius:6px;place-items:center;width:44px;height:44px;display:grid}.submit{color:#080704;clip-path:polygon(5% 0,95% 0,100% 50%,95% 100%,5% 100%,0 50%);text-transform:uppercase;background:linear-gradient(#ffdf38,#d39007);border:0;justify-content:center;align-items:center;gap:14px;width:min(430px,100%);min-height:62px;margin-top:14px;font-size:1.55rem;font-weight:950;display:inline-flex;box-shadow:0 0 30px #f6bc2047}.feedback{background:#070706d1;border:1px solid #efb5234d;border-radius:8px;align-items:center;gap:14px;width:min(620px,100%);min-height:72px;margin-top:12px;padding:10px 16px;animation:.22s bite;display:flex}.feedback-mark{place-items:center;width:64px;height:54px;display:grid}.feedback-mark img{object-fit:contain;width:78px;max-height:62px}.feedback strong,.feedback span{display:block}.feedback strong{color:#ffd035;text-transform:uppercase}.feedback span{color:#e8d8a4}.feedback-good{border-color:#48ff3d80;box-shadow:0 0 24px #48ff3d1a}.feedback-good strong{color:#56ff48}.feedback-bad{border-color:#ff554780}.feedback-bad strong{color:#ff665f}.feedback-pangram{border-color:#ffdd54b8;box-shadow:0 0 32px #ffdd542b}.side-stack{grid-template-rows:auto auto minmax(0,1fr);gap:14px;height:100%;min-height:0;display:grid}.rank-panel,.found-panel{padding:14px}.metrics-panel{padding:0}.rank-row{align-items:center;gap:14px;display:flex}.rank-row img{object-fit:contain;filter:drop-shadow(0 0 13px #f6bc2047);width:112px;height:84px}.rank{color:#ffc412;text-transform:uppercase;font-size:clamp(2rem,4vw,3.2rem);font-weight:950;line-height:1}.next-rank{color:#e9dcb4;margin:10px 0 8px}.score-line{color:#ffd45d;justify-content:center;align-items:baseline;gap:8px;display:flex}.score-line strong{font-size:1.2rem}.score-line span,.empty{color:#a99d80}.progress-track{background:#17140d;border:1px solid #ffd34852;border-radius:999px;height:12px;margin:10px 0 6px;overflow:hidden}.progress-track span{background:linear-gradient(90deg,#c47b06,#ffcb22);height:100%;transition:width .24s;display:block;box-shadow:0 0 18px #ffca2261}.panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.panel-head button{color:#ffd35a;background:#12100b;border:1px solid #f6bc2059;border-radius:6px;align-items:center;gap:6px;min-height:34px;padding:0 10px;font-size:.78rem;font-weight:800;display:inline-flex}.found-panel{grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid}.word-list{gap:7px;min-height:0;max-height:none;padding-right:4px;display:grid;overflow:auto}.word{color:#eee5c5;text-transform:lowercase;border-bottom:1px solid #f6bc201f;justify-content:space-between;align-items:center;gap:12px;padding:6px 0;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;display:flex}.word strong{color:#ffca28}.word.pangram{color:#ffd94d;text-shadow:0 0 14px #ffd94d38}.rank-rail-panel{grid-template-rows:auto minmax(0,1fr);height:100%;min-height:0;padding:14px 10px;display:grid}.rank-rail{flex-direction:column;justify-content:space-between;align-items:center;gap:7px;min-height:0;padding:6px 0;display:flex;position:relative}.rail-line{background:#242016;border-radius:999px;width:4px;position:absolute;top:42px;bottom:42px;left:50%;transform:translate(-50%)}.rail-line span{background:linear-gradient(#ffcf28,#c47b06);width:100%;max-height:100%;display:block;position:absolute;bottom:0;box-shadow:0 0 18px #ffca2259}.rank-node{z-index:1;color:#777064;text-align:center;justify-items:center;gap:7px;display:grid;position:relative}.rank-node div{background:0 0;border:0;place-items:center;width:88px;height:62px;display:grid}.rank-node img{object-fit:contain;opacity:.45;width:104px;height:78px}.rank-node strong{color:inherit;font-size:.62rem;font-weight:900}.rank-node span{color:inherit;font-size:.62rem}.rank-node.active{color:#ffd14a}.rank-node.active div{box-shadow:0 0 22px #ffca2238}.rank-node.active img{opacity:1}.tone-bad .hive-stage{animation:.18s shake}.tone-good .hive-stage{animation:.26s sting}.tone-pangram .hive-stage{animation:.52s glow}@keyframes bite{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}35%{transform:translate(-6px)}70%{transform:translate(5px)}}@keyframes sting{0%{box-shadow:0 0 #48ff3d00}50%{box-shadow:0 0 42px #48ff3d24}to{box-shadow:0 0 #48ff3d00}}@keyframes glow{0%{box-shadow:0 0 #ffdd5400}45%{box-shadow:0 0 64px #ffdd5447,inset 0 0 42px #ffdd541a}to{box-shadow:0 0 #ffdd5400}}@media (width<=1020px){.app{height:auto;min-height:100vh;padding:18px;overflow:hidden auto}.topbar{grid-template-columns:1fr;justify-items:center;height:auto}.hud-actions{flex-wrap:wrap;justify-content:center}.metrics-panel{grid-template-columns:1fr}.metric{border-bottom:1px solid #efb52340;border-right:0}.metric:last-child{border-bottom:0}.game-grid{grid-template-columns:1fr;height:auto}.side-stack{height:auto;min-height:0}.rank-rail-panel{height:auto}.rank-rail{grid-template-columns:repeat(7,1fr);display:grid}.rail-line{display:none}.word-list{max-height:320px}}@media (width<=620px){.brand{justify-content:center}.brand-mark,.fallback-logo{width:96px;height:72px}.wordmark{width:min(210px,58vw)}.puzzle-label span{width:44px}.hive-stage{height:auto;min-height:650px;padding:22px 12px}.honeycomb-wrap{min-height:292px}.honeycomb{--hex-w:92px;--hex-h:106px;--hex-gap:10px}.hex{font-size:2rem}.word-console{grid-template-columns:1fr}.console-actions{justify-content:center}.rank-rail{grid-template-columns:repeat(2,1fr)}}