@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Silkscreen:wght@400;700&display=swap");:root{font-family:DM Sans,sans-serif;color:#f5ebd9;background:#111324;color-scheme:dark}html{scrollbar-gutter:stable}html:has(dialog[open]),html:has(dialog[open]) body{overflow:hidden}*{box-sizing:border-box}body{min-height:100vh;margin:0;background:radial-gradient(ellipse at 12% 5%,#413451 0,transparent 43%),radial-gradient(ellipse at 92% 85%,#345044 0,transparent 44%),#111324}body:before{content:"";opacity:.16;background-image:repeating-linear-gradient(0deg,transparent 0 3px,#708399 4px),repeating-linear-gradient(90deg,transparent 0 3px,#586579 4px);background-size:128px 128px;-webkit-mask-image:linear-gradient(#0004,transparent 80%);mask-image:linear-gradient(#0004,transparent 80%)}.atmosphere-canvas,body:before{position:fixed;inset:0;z-index:0;pointer-events:none}.atmosphere-canvas{width:100%;height:100%}.gpu-fallback .atmosphere-canvas{display:none}button{font:inherit;cursor:pointer}.tile:focus-visible,button:focus-visible{outline:3px solid #ffe297;outline-offset:3px}[hidden]{display:none!important}.shell{position:relative;z-index:1;width:min(1220px,calc(100% - 42px));margin:auto;padding:14px 0 22px}.draft-actions,.edition,.panel-top,.topbar,footer{display:flex;align-items:center;justify-content:space-between}.topbar{padding-bottom:12px;animation:panel-arrive .32s ease-out both}.game-error{margin:0 0 14px;padding:12px 14px;border:1px solid #cf8e8e;background:#493746;color:#ffe0cf;font:11px/1.5 Silkscreen,monospace}.action-button,.board-hud,.brand,.draft-preview,.edition,.end-result,.overline,.panel-top,.points-preview,.secondary-button,.word-list,footer,h1,h2{font-family:Silkscreen,monospace}.brand-group{gap:14px;min-width:0}.brand,.brand-group{display:flex;align-items:center}.brand{gap:8px;margin:0;font-size:23px;letter-spacing:-.08em;text-shadow:2px 3px #605681;white-space:nowrap}.menu-toggle{display:grid;align-content:center;gap:4px;flex:none;width:39px;height:39px;padding:9px;border:1px solid #9d8b8b;background:#343047;box-shadow:3px 3px #0d1020,inset 2px 2px #ffffff30}.menu-toggle span{display:block;height:2px;background:#ffe0a7;box-shadow:1px 1px #a0576e}.menu-toggle:hover{background:#50425a}.egg-logo{width:45px;height:45px;image-rendering:pixelated;filter:drop-shadow(3px 4px #161426);animation:egg-float 15s ease-in-out infinite}.brand-star{color:#ffcf83;margin-left:6px;font-size:17px}.header-actions{gap:18px}.header-actions,.help-button{display:flex;align-items:center}.help-button{gap:9px;padding:9px 10px;border:1px solid #a1908f;background:#333047;box-shadow:2px 2px #0d1020,inset 1px 1px #ffffff30;color:#ffe1ad;font:10px Silkscreen,monospace;white-space:nowrap}.help-button:hover{background:#4d3f55}.help-icon{display:grid;place-items:center;width:17px;height:17px;border:1px solid #ffcf83;color:#ffcf83}.edition{flex-direction:column;align-items:end;gap:2px;font-size:10px;color:#9cadbf}.edition strong{font-size:12px;color:#f8d294;white-space:nowrap}.overline{color:#9ad4c4;font-size:10px;line-height:1.5;letter-spacing:.06em;margin:0}.game-layout{--panel-gap:16px;display:grid;grid-template-columns:minmax(0,1.22fr) minmax(325px,.78fr);gap:var(--panel-gap);align-items:start}.game-layout>*{min-width:0}.board-panel,.draft-panel,.notes-panel{border:1px solid #7a7790;background:#1c2139;box-shadow:4px 4px 0 #080d1c,inset 0 1px #9ba0b458}.board-panel{padding:20px;background:linear-gradient(155deg,#2d304a,#1d2539);animation:panel-arrive .38s ease-out .07s both}.panel-top{color:#d7d9ca;font-size:10px;line-height:1.4;letter-spacing:.04em;gap:9px}.panel-top>span:last-child{color:#a2b0c0}.board-hud{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;border-bottom:1px solid #77738a;padding-bottom:10px}.hud-stat{display:grid;gap:1px}.hud-center span,.hud-stat span{color:#aebad1;font-size:9px}.hud-stat strong{font-size:clamp(23px,2.8vw,34px);line-height:1.1;letter-spacing:-.09em}.hud-stat strong.urgent{color:#ff938c;animation:next-pulse .7s ease-in-out infinite alternate}.hud-score{justify-items:end}.hud-score strong{color:#ffe2a7}.hud-center{display:grid;place-items:center;min-width:68px;text-align:center}.hud-center span{font-size:8px;white-space:nowrap}.board-wrap{position:relative;width:min(100%,610px,max(320px,calc(100dvh - 255px)));margin:14px auto 0;padding:10px;border:1px solid #b58c81;background:#192636;box-shadow:inset 0 0 0 4px #2a3e49,inset 0 0 0 7px #121f2d,4px 5px 0 #101529,0 15px 40px #090e1c99}.board{position:relative;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:clamp(3px,.65vw,7px);touch-action:none;-webkit-user-select:none;user-select:none}.board:empty{aspect-ratio:1}.selection-preview{display:none}.tile{position:relative;z-index:1;display:grid;place-items:center;aspect-ratio:1;min-width:0;padding:0 0 5%;border:1px solid #5f697a;border-radius:2px;background:linear-gradient(145deg,#3b4e5d,#304253 48%,#263647 49%);color:transparent;font-family:Silkscreen,monospace;font-size:clamp(17px,2.9vw,34px);line-height:1;box-shadow:inset 2px 2px #849aa14d,inset -3px -3px #08172888,0 3px #111d29;transition:background .12s,transform .12s,filter .12s,box-shadow .15s}.tile:after{content:"";position:absolute;top:3px;left:3px;right:3px;height:3px;background:linear-gradient(90deg,#fff5 0 30%,transparent 31% 75%,#fff2 76%);pointer-events:none}.tile.fixed:after,.tile.played:after{animation:tile-glint 7s ease-in-out infinite;animation-delay:var(--glint-offset)}.tile:not(.fixed,.played,.draft):before{content:"";position:absolute;width:4px;height:4px;background:#98a69c66;box-shadow:4px 0 #97a79b33,0 4px #a8bdb238}.tile.fixed{color:#463b45;border-color:#f4dcb2;background:repeating-linear-gradient(0deg,transparent 0 5px,#885d4920 6px),linear-gradient(140deg,#fff5d9,#ecd3ae 50%,#d5b892 51%);text-shadow:1px 2px #fff7e0a6;box-shadow:inset 3px 3px #fff9e6,inset -4px -4px #b89a82,0 3px #705d60}.tile.played{color:#403443;border-color:#ffd28b;background:repeating-linear-gradient(90deg,transparent 0 7px,#9e68301c 8px),linear-gradient(140deg,#ffe1a1,#efbe78 50%,#dba363 51%);text-shadow:1px 2px #fff5cc9c;box-shadow:inset 3px 3px #fff0bb,inset -4px -4px #ad7657,0 3px #6c505b}.tile.draft{color:#342944;border-color:#fff6cf;background:linear-gradient(145deg,#fff1b6,#ffd784 48%,#edaf61 49%);text-shadow:1px 2px #fff5c4;box-shadow:inset 3px 3px #fff9d7,inset -4px -4px #b87f61,0 3px #705462,0 0 16px #ffc77088}.tile.effect-double{border-color:#ffc3de;background:repeating-linear-gradient(90deg,transparent 0 5px,#fff5dc2b 6px),linear-gradient(145deg,#fff0dc,#e79dba 54%,#b3659c 55%);color:#4f2b54;box-shadow:inset 3px 3px #fff6e1,inset -4px -4px #974973,0 3px #60375a,0 0 13px #f77eb57a}.tile.effect-boost{border-color:#c4ffdf;background:repeating-linear-gradient(0deg,transparent 0 5px,#efffde3a 6px),linear-gradient(145deg,#efffe6,#9ceac7 52%,#4db49e 53%);color:#23565c;box-shadow:inset 3px 3px #fbffeb,inset -4px -4px #3d8c87,0 3px #376e6b,0 0 13px #79e8ba8c}.tile.effect-boost:before,.tile.effect-double:before{content:"";position:absolute;top:10%;right:12%;width:4px;height:4px;background:#fff9d4;box-shadow:-4px 4px #fff9d4,4px 4px #fff9d4,0 8px #fff9d4}.tile .effect-badge{position:absolute;z-index:5;bottom:calc(100% + 5px);right:-5px;padding:5px 7px;background:#82395f;color:#fff3da;font:700 10px Silkscreen,monospace;line-height:1.2;white-space:nowrap;border:1px solid #fff3d4c4;box-shadow:2px 2px #171629;text-shadow:none;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .12s,transform .12s,visibility .12s;pointer-events:none}.tile.effect-boost .effect-badge{background:#246d68}.tile:focus-visible{z-index:4}.tile:focus-visible .effect-badge{opacity:1;visibility:visible;transform:translateY(0)}.tile.effect-spent .effect-badge{filter:grayscale(1)}@media (hover:hover) and (pointer:fine){.tile:hover{z-index:4}.tile:hover .effect-badge{opacity:1;visibility:visible;transform:translateY(0)}}.tile.effect-spent:before{opacity:.25}.tile.traced{border-color:var(--route-color);box-shadow:inset 0 0 0 3px var(--route-color),inset 0 0 0 5px var(--route-deep),0 3px var(--route-deep)}.tile.traced-latest{box-shadow:inset 0 0 0 3px var(--route-color),inset 0 0 0 5px var(--route-deep),0 3px var(--route-deep),0 0 16px var(--route-color)}.board:not(.run-finished) .tile.traced:not(:disabled){cursor:not-allowed}.board.run-finished .tile.traced{cursor:help}.board.finale .tile{animation:finale-tile .9s ease-in-out both;animation-delay:var(--finale-delay)}.board-wrap.finale-active{--finale-glow:#79e8ba;animation:finale-frame 1.8s ease-in-out both}.board-wrap.finale-full{--finale-glow:#ffe477}.board-finale{position:absolute;z-index:5;inset:0;display:grid;place-items:center;pointer-events:none;background:radial-gradient(circle,transparent 12%,#11172bc4 100%);animation:finale-reveal .35s ease-out both}.finale-card{display:grid;justify-items:center;gap:8px;max-width:calc(100% - 18px);padding:18px 22px;border:2px solid var(--finale-glow);background:#222941ed;box-shadow:5px 5px #0b1022,inset 3px 3px #ffffff30,0 0 30px var(--finale-glow);color:#fff3d7;text-align:center;font:700 clamp(12px,2.3vw,22px)/1.25 Silkscreen,monospace;animation:finale-card .7s cubic-bezier(.18,1.4,.35,1) .25s both}.finale-card img{width:clamp(40px,7vw,65px);image-rendering:pixelated;filter:drop-shadow(3px 4px #4b3855);animation:egg-float 15s ease-in-out -12s infinite}.finale-card span{color:var(--finale-glow);font-size:clamp(9px,1.4vw,12px)}.tile.selected{transform:translateY(-2px);border-color:#fff4ca;box-shadow:inset 2px 2px #ffffff50,inset -3px -3px #ad856c7d,0 4px #725e63,0 0 11px #ffca8788}.trail-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.trail-lines polyline{fill:none;stroke-linecap:square;stroke-linejoin:round}.trail-lines polyline.outer{stroke-width:19}.trail-lines polyline.inner{stroke-width:11}.board.inspecting .tile:not(.route-focus){opacity:.23;filter:grayscale(.65)}.board.inspecting .tile.route-focus{z-index:3;filter:brightness(1.12)}.board.inspecting .trail-lines polyline:not(.route-focus){opacity:.1}.tile.next-empty.selected{animation:next-pulse .8s ease-in-out infinite alternate}.tile:hover:not(:disabled):not(.traced){filter:brightness(1.15);transform:translateY(-1px)}.tile .value{position:absolute;bottom:5%;right:8%;font:700 clamp(8px,1vw,12px) DM Sans,sans-serif;opacity:.85;text-shadow:none}.tile .path-order{position:absolute;top:4%;left:7%;font:700 clamp(8px,.9vw,11px) DM Sans,sans-serif;color:#533d4f;text-shadow:1px 1px #ffefbd}.tile.draft .path-order{color:#47324e;text-shadow:none}.tile.fixed .value{opacity:.6}.board.covered .tile,.board.covered .tile span{color:transparent!important;text-shadow:none!important}.board.covered .tile .path-order,.board.covered .tile .value{visibility:hidden}.start-overlay{position:absolute;z-index:3;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#111a2bdf;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);padding:14px}.overlay-egg{width:clamp(52px,8vw,86px);height:auto;image-rendering:pixelated;filter:drop-shadow(5px 5px #4b3855);animation:egg-float 14s ease-in-out -3s infinite}.start-overlay h2{font:700 clamp(19px,3vw,30px)/1.2 Silkscreen,monospace;letter-spacing:-.09em;margin:12px 0}.start-overlay h2 span{color:#ffcf83}.tutorial-start{margin-top:9px}.sidebar{display:grid;gap:var(--panel-gap)}.draft-panel,.notes-panel{padding:18px 19px}.draft-panel{animation:panel-arrive .38s ease-out .14s both}.notes-panel{animation:panel-arrive .38s ease-out .21s both}.word-compose{position:relative;margin-top:16px}.word-compose:focus-within .draft-preview{outline:2px solid #ffe297;outline-offset:-3px}.word-entry{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;opacity:0;font-size:16px;cursor:text}.word-entry:disabled{cursor:default}.mobile-keyboard{display:none}.draft-preview{min-height:69px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px;border:1px solid #656b80;background:#131b30;padding:8px}.draft-preview .preview-placeholder{color:#8f9cae;font-size:10px;text-align:center}.draft-letter{flex-grow:0;flex-shrink:0;flex-basis:calc(12.5% - 4px);min-width:0;height:43px;display:grid;place-items:center;border:1px solid #7b8992;background:#314355;color:#e7e9d8;font-size:clamp(11px,1.5vw,18px)}.draft-letter.missing{color:#ffe0a5;background:#243047;border-style:dashed}.draft-letter.active{outline:2px solid #fbd18a;outline-offset:-3px;animation:next-pulse .7s ease-in-out infinite alternate}.draft-letter.new{background:#e6bc79;color:#252a39}.feedback{color:#b1c3d3;font:10px/1.6 Silkscreen,monospace;margin:12px 0 0}.feedback:empty,.points-preview:empty{display:none}.feedback.error{color:#ffad9f}.feedback.good{color:#a9e4bf}.draft-actions{justify-content:flex-end;gap:12px;margin-top:12px}.draft-actions .action-button,.draft-actions .secondary-button{padding-block:9px}.action-button,.secondary-button{border-radius:0;font-size:11px;line-height:1.35;padding:13px 12px;text-align:left}.action-button{border:1px solid #ffe9b7;background:#f9cb80;color:#28253a;box-shadow:3px 3px 0 #9c6c67,inset 2px 2px #fff4ce;display:flex;justify-content:space-between;align-items:center;gap:13px}.action-button:hover:not(:disabled){background:#ffe2a8;transform:translateY(-1px)}.action-button:disabled{cursor:not-allowed;opacity:.48}.draft-actions .action-button,.draft-actions .secondary-button{display:flex;align-items:center;gap:8px}.secondary-button{color:#ded9d4;background:#30364e;border:1px solid #7b8192;box-shadow:3px 3px 0 #101626,inset 2px 2px #ffffff19;white-space:nowrap}.secondary-button:hover:not(:disabled){background:#4b465d;transform:translateY(-1px)}.secondary-button:disabled{opacity:.5;cursor:not-allowed}.hotkey-icon{display:inline-grid;place-items:center;flex:none;min-width:23px;height:22px;padding:2px 4px;border:1px solid;font:9px/1 Silkscreen,monospace}.points-preview{font-size:9px;color:#f1d6a5;margin-top:8px}.inline-results{display:grid;gap:12px;padding-top:15px;animation:menu-screen-in .3s ease-out both}.inline-results h2{margin:0;font:700 clamp(19px,2.3vw,25px)/1.2 Silkscreen,monospace;letter-spacing:-.06em}.inline-results h2 span{color:#ffcf83}.inline-results .end-result{position:relative;align-items:center;gap:14px;padding:12px 49px 12px 15px;border:1px solid var(--tier-color,#8d8693);background:#302d48;box-shadow:inset 2px 2px #ffffff24,0 0 18px #0d112a}.end-result #tier-egg{width:clamp(62px,6vw,82px);height:clamp(62px,6vw,82px);flex:none;image-rendering:pixelated;filter:drop-shadow(4px 6px #111727);animation:egg-float 16s ease-in-out -4s infinite}.tier-details{min-width:0}.tier-details small,.tier-name{color:var(--tier-color,#f3ca81);font:700 clamp(9px,1vw,12px)/1.4 Silkscreen,monospace}.tier-score{display:flex;align-items:baseline;gap:8px}.tier-details small{color:#bcc8cc;font-size:9px}.inline-results #final-summary{margin:0;color:#cbd4d4;font:10px/1.7 Silkscreen,monospace}.result-ranking{display:grid;gap:7px;padding:12px 15px;border:1px solid #826f7f;background:#293247}.result-ranking .overline{color:#a9dbc4}.result-ranking strong{color:#ffe2aa;font:13px/1.4 Silkscreen,monospace}.result-ranking-status,.result-ranking>span:last-of-type{color:#cbd4d4;font:9px/1.5 Silkscreen,monospace}.result-ranking-status{margin:0}.result-ranking-status:empty{display:none}.result-spread{display:flex;align-items:end;gap:3px;height:24px;border-bottom:1px solid #adabb0}.result-spread span{flex:1 1;background:#a9dbc4}.result-spread span.mine{background:#ffcf83}.result-scores{justify-self:start;color:#a9dbc4;font:10px Silkscreen,monospace}.inline-results #share{position:absolute;top:9px;right:9px;display:grid;place-items:center;width:32px;height:32px;padding:4px;cursor:pointer}.copy-icon{width:21px;height:21px;flex:none;image-rendering:pixelated;filter:drop-shadow(2px 2px #966b61)}.inline-results #share-status{margin:0;padding:9px 11px;border:1px solid #78bfa6;background:#2b424a;color:#a9e4bf;font:10px/1.6 Silkscreen,monospace;box-shadow:2px 2px #101626}.inline-results #share-status.entering{animation:share-status-in .22s ease-out both}.inline-results #share-status.leaving{animation:share-status-out .24s ease-in both}.inline-results #share-status.error{border-color:#e99d96;background:#493443;color:#ffd2c4}.inline-results #share-status:empty{display:none}.word-list{list-style:none;padding:0;margin:12px 0 0;max-height:141px;overflow:auto;font-size:11px}.word-list li{display:flex;justify-content:space-between;padding:7px 0;border-top:1px solid #3e4e60}.word-list li[data-word-index]{padding-inline:4px;transition:opacity .12s,background .12s}.word-list li[data-word-index]:is(:hover,:focus-visible,.route-focus){background:#ffffff12}.word-list.inspecting li[data-word-index]:not(.route-focus){opacity:.35}.noted-word{display:flex;align-items:center;gap:7px}.word-chip{width:11px;height:11px;flex:none;border:1px solid #fbe1be;box-shadow:2px 2px #161528,inset 1px 1px #fff8}.word-list .empty-note{font:10px/1.6 Silkscreen,monospace;color:#a5bac0}.word-list .earned{color:#ffce8c}footer{flex-wrap:wrap;gap:12px 20px;color:#aab8bd;padding:12px 0 23px;font-size:9px;animation:panel-arrive .38s ease-out .27s both}.footer-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px 18px}.text-link{background:none;border:none;padding:4px 0;color:#ffcf83;font:10px Silkscreen,monospace;white-space:nowrap;text-decoration:none}.dev-link{color:#9dd5c4}.text-link:hover{text-decoration:underline}.dev-link:disabled{opacity:.45;cursor:not-allowed;text-decoration:none}.menu-dialog{position:fixed;inset:0 auto 0 0;width:min(390px,calc(100vw - 22px));height:100dvh;max-width:none;max-height:none;margin:0;padding:0;overflow:hidden;border:0;border-right:2px solid #ffe0a7;background:#20283d;color:#f8ecdb;box-shadow:9px 0 #0c102090,24px 0 70px #080b19b8;animation:menu-in .32s cubic-bezier(.2,.85,.28,1) both;transition:width .25s ease}.menu-dialog[open]{display:flex;flex-direction:column}.menu-dialog[data-page=scores]{width:min(760px,calc(100vw - 22px))}.menu-dialog::backdrop{background:#080b19b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:menu-backdrop-in .32s ease both}.menu-dialog.closing{animation:menu-out .22s ease-in both}.menu-dialog.closing::backdrop{animation:menu-backdrop-out .22s ease-in both}.menu-top{flex:none;display:flex;align-items:center;justify-content:space-between;padding:18px 23px;border-bottom:1px solid #667081;background:#252b43;color:#a9dbc4;font:10px Silkscreen,monospace}.menu-close,.modal-close{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid #8a8393;background:#33334d;color:#ffe1b0;font:18px/1 Silkscreen,monospace}.menu-content{flex:1 1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.menu-back:hover,.menu-close:hover,.modal-close:hover{background:#4d4259}.menu-screen{padding:30px 24px 36px;animation:menu-screen-in .23s ease-out both}.menu-hero{position:relative;overflow:hidden;min-height:195px;padding:24px 22px;border:1px solid #9a7c83;background:radial-gradient(circle at 90% 15%,#f4b97366,transparent 42%),repeating-linear-gradient(0deg,transparent 0 9px,#ffffff08 10px),#423850;box-shadow:inset 3px 3px #fff5d033,4px 4px #12172a}.menu-egg{position:absolute;top:19px;right:20px;width:65px;height:84px}.menu-egg img{position:relative;z-index:2;display:block;width:65px;image-rendering:pixelated;filter:drop-shadow(4px 5px #342b49)}.menu-dialog[open] .menu-egg img{animation:egg-float 16s ease-in-out -7s infinite}.menu-splash{position:absolute;z-index:1;top:61px;left:29px;width:5px;height:5px;background:#ffcb67;box-shadow:-23px -4px #ffcb67,-17px 4px #f7a84b,20px -7px #ffcb67,25px 3px #f7a84b;opacity:0}.menu-dialog[open] .menu-splash{animation:yolk-splash 16s steps(3) -7s infinite}.menu-hero h2,.menu-page h2{margin:16px 0 9px;color:#ffe2aa;font:700 25px/1.25 Silkscreen,monospace;letter-spacing:-.06em}#menu-page-generic>p:last-child,.menu-hero>p:last-child{max-width:260px;color:#d7d8d5;font:13px/1.55 DM Sans,sans-serif}.menu-hero>p:last-child a{color:#ffcf83;text-decoration:underline;text-underline-offset:3px}.menu-hero>p:last-child a:hover{text-decoration:underline}.menu-items{display:grid;gap:9px;margin-top:9px}.menu-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:15px 16px;border:1px solid #737e8c;background:#303c52;box-shadow:3px 3px #101626,inset 2px 2px #ffffff19;color:#f7e8cf;text-align:left;font:700 14px Silkscreen,monospace;transition:transform .16s,background .16s,border-color .16s}.menu-item:hover:not(:disabled){transform:translateX(4px);border-color:#ffd48e;background:#4b465d}.menu-item:disabled{opacity:.65;cursor:wait}.menu-item small{display:block;margin-top:5px;color:#9ed7c6;font:9px Silkscreen,monospace}.menu-item>span:last-child{color:#ffd48e;font-size:17px}.menu-account-copy{min-width:0}.menu-account-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-account-item>#account-nav-arrow{color:#ffd48e;font-size:17px}.menu-account-avatar{display:grid;place-items:center;flex:none;width:34px;height:34px;overflow:hidden;border:2px solid #ffcf83;border-radius:50%;background:#293247;color:#ffcf83;font:14px Silkscreen,monospace}.menu-account-avatar img{width:100%;height:100%;object-fit:cover}.menu-account-error{margin:14px 0 0;padding:12px;border:1px solid #cf8e8e;background:#493746;color:#ffe0cf;font:9px/1.5 Silkscreen,monospace;overflow-wrap:anywhere}.menu-footnote{margin:23px 0 0;color:#aab9c7;font:9px/1.5 Silkscreen,monospace}.menu-back{padding:9px 11px;border:1px solid #8a8393;background:#33334d;color:#ffe1b0;font:10px Silkscreen,monospace}#menu-page-generic>img{display:block;width:86px;margin:75px 0 25px;image-rendering:pixelated;filter:drop-shadow(5px 6px #111728);animation:egg-float 15s ease-in-out -5s infinite}.menu-page h2{margin-top:13px}.profile-content{padding-top:24px}.profile-content h2{margin-bottom:20px}.profile-card{display:flex;align-items:center;gap:15px;min-width:0;padding:16px;border:1px solid #9a7c83;background:#423850;box-shadow:inset 3px 3px #fff5d033,4px 4px #12172a}.profile-avatar{display:grid;place-items:center;flex:none;width:62px;height:62px;overflow:hidden;border:2px solid #ffcf83;background:#293247;color:#ffcf83;font:26px Silkscreen,monospace}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-identity{min-width:0}.profile-identity span,.profile-run .overline,.profile-stats span,.profile-status{color:#a9dbc4;font:9px/1.5 Silkscreen,monospace}.profile-identity strong{display:block;margin:4px 0;color:#ffe2aa;font:13px/1.4 Silkscreen,monospace;overflow-wrap:anywhere}.profile-identity p{margin:0;color:#d7d8d5;font:12px/1.4 DM Sans,sans-serif;overflow-wrap:anywhere}.profile-run{margin-top:17px;padding:17px;border:1px solid #737e8c;background:#293247}.profile-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:14px}.profile-stats div{display:grid;gap:4px}.profile-stats strong{color:#ffcf83;font:24px Silkscreen,monospace}.profile-note{margin:17px 0;color:#cbd4d4;font:12px/1.6 DM Sans,sans-serif}.profile-history{margin-bottom:17px;padding:15px;border:1px solid #737e8c;background:#293247}.profile-history h3{margin:0 0 12px;color:#a9dbc4;font:10px Silkscreen,monospace}.profile-history ol{display:grid;gap:8px;margin:0;padding:0;list-style:none}.profile-history li{display:flex;justify-content:space-between;gap:10px;color:#d7d8d5;font:11px Silkscreen,monospace}.profile-history li span:last-child{color:#ffcf83;text-align:right}.profile-status{margin:0 0 12px;overflow-wrap:anywhere}.profile-content .menu-item{width:100%}.menu-dialog[data-page=scores] .menu-page{padding-top:21px}.scores-content{padding-top:20px}.scores-heading{display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;margin-bottom:15px}.scores-heading h2{margin:0}.scores-date{color:#a9dbc4;font:10px/1.5 Silkscreen,monospace}.scores-card,.scores-history{padding:19px 21px;border:1px solid #737e8c;background:#293247}.scores-card{border-color:#9a7c83;background:linear-gradient(120deg,#3b374d,#302f45);box-shadow:inset 3px 3px #fff5d022,4px 4px #12172a}.scores-card-top,.scores-history-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.scores-phase{padding:5px 8px;border:1px solid #6f9d93;background:#30484a;color:#b8ebd2;font:9px Silkscreen,monospace}.scores-today-empty{display:flex;align-items:center;gap:18px;margin-top:18px;padding-top:16px;border-top:1px solid #6b6377}.scores-today-empty img{width:55px;height:55px;flex:none;image-rendering:pixelated;filter:drop-shadow(3px 4px #211d30)}.scores-today-empty>div{display:grid;justify-items:start}.scores-today-empty strong{color:#ffe2aa;font:15px/1.4 Silkscreen,monospace}.scores-today-empty p{margin:5px 0 0;color:#d7d8d5;font:13px/1.5 DM Sans,sans-serif}.scores-play{margin-top:9px;color:#9bcfee}.scores-result-grid{display:grid;grid-template-columns:minmax(0,175px) minmax(0,1fr);gap:20px;margin-top:17px;padding-top:17px;border-top:1px solid #6b6377}.scores-feature,.scores-placement{display:flex;flex-direction:column;align-items:start;gap:7px}.scores-feature>span,.scores-placement>span:first-child{color:#a9dbc4;font:9px Silkscreen,monospace}.scores-feature strong{color:#ffe2aa;font:36px/1 Silkscreen,monospace}.scores-feature small{color:#cbd4d4;font:9px Silkscreen,monospace}.scores-placement{padding-left:20px;border-left:1px solid #6b6377}.scores-placement strong{color:#f7ebd9;font:15px/1.4 Silkscreen,monospace}.scores-placement #scores-percentile{color:#ffcf83;font:10px/1.5 Silkscreen,monospace}.scores-note{margin:17px 0 0;color:#cbd4d4;font:12px/1.5 DM Sans,sans-serif}.scores-chart{margin-top:17px;padding-top:14px;border-top:1px solid #6b6377}.scores-distribution{display:flex;align-items:end;gap:4px;height:54px;margin-top:9px;border-bottom:1px solid #adabb0}.scores-distribution span{flex:1 1;min-width:0;background:#a9dbc4}.scores-distribution span.mine{background:#ffcf83}.scores-chart-axis{display:flex;justify-content:space-between;margin-top:6px;color:#cbd4d4;font:8px Silkscreen,monospace}.scores-history{margin-top:15px}.scores-history h3{margin:0;color:#a9dbc4;font:11px Silkscreen,monospace}.scores-history-top>span{color:#9cb1be;font:9px Silkscreen,monospace}.scores-history ol{margin:0;padding:0;list-style:none}.scores-history li:not(.scores-empty),.scores-history-headings{display:grid;grid-template-columns:minmax(110px,1fr) minmax(90px,1fr) minmax(0,1.5fr);gap:10px;align-items:center}.scores-history-headings{margin-top:17px;padding-bottom:9px;border-bottom:1px solid #667081;color:#a9dbc4;font:9px Silkscreen,monospace}.scores-history li:not(.scores-empty){padding:13px 0;border-bottom:1px solid #465568;color:#d7d8d5;font:10px/1.5 Silkscreen,monospace}.scores-history li:not(.scores-empty) span:nth-child(2){color:#ffe2aa}.scores-history li:not(.scores-empty) span:last-child,.scores-history-headings span:last-child{text-align:right}.scores-history li.scores-empty{margin-top:15px;padding:14px 16px;border-left:3px solid #998477;background:#20283d}.scores-history li.scores-empty>span{text-align:left}.scores-empty small,.scores-empty strong{display:block}.scores-empty strong{color:#ffe2aa;font:11px/1.4 Silkscreen,monospace}.scores-empty small{margin-top:5px;color:#cbd4d4;font:12px/1.5 DM Sans,sans-serif}.scores-more{margin-top:15px}.leaderboard{min-width:0}.leaderboard-scroll{overflow-x:auto}.leaderboard table{width:100%;min-width:260px;margin-top:15px;border-collapse:collapse;table-layout:fixed}.leaderboard table.all-time-table{min-width:345px}.leaderboard th{padding:0 4px 8px;border-bottom:1px solid #667081;color:#a9dbc4;font:8px Silkscreen,monospace;text-align:left}.leaderboard td{padding:9px 4px;border-bottom:1px solid #465568;color:#d7d8d5;font:10px/1.4 Silkscreen,monospace;overflow-wrap:anywhere}.leaderboard tr.mine td{color:#ffe2aa;background:#ffffff0c}.leaderboard th:first-child{width:46px}.leaderboard td:nth-child(n+3),.leaderboard th:nth-child(n+3){text-align:right}.leaderboard .all-time-table th:first-child{width:40px}.leaderboard .all-time-table th:nth-child(3){width:62px}.leaderboard .all-time-table th:nth-child(4),.leaderboard .all-time-table th:nth-child(5){width:48px}.leaderboard-current,.leaderboard-status{color:#cbd4d4;font:11px/1.5 DM Sans,sans-serif}.leaderboard-current{color:#ffe2aa}.leaderboard-status:empty{display:none}.leaderboard-pages{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;color:#a9dbc4;font:9px Silkscreen,monospace}.leaderboard-pages button{border:0;background:none;color:#a9dbc4;font:inherit;cursor:pointer}.leaderboard-pages button:disabled{opacity:.4;cursor:default}.scores-status{color:#ffad9f;font:11px/1.5 DM Sans,sans-serif}.modal{position:fixed;inset:0;width:min(475px,calc(100% - 26px));max-height:90dvh;margin:auto;overflow:hidden;background:#242b45;border:1px solid #afb0b1;color:#f7edde;box-shadow:7px 7px 0 #101426,0 25px 100px #070a15;padding:0}.modal[open]{display:flex;flex-direction:column;animation:recipe-in .3s cubic-bezier(.2,.85,.3,1) both}.modal::backdrop{background:#080b19ba;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal[open]::backdrop{animation:menu-backdrop-in .3s ease both}.modal.closing{animation:recipe-out .22s ease-in both}.modal.closing::backdrop{animation:menu-backdrop-out .22s ease-in both}.modal-header{position:relative;flex:none;padding:31px 55px 0 31px}.modal-content{min-height:0;padding:0 max(0px,calc(31px - var(--scrollbar-width, 0px))) 0 31px;overflow-y:auto;overscroll-behavior:contain}.modal-footer{display:flex;justify-content:flex-end;flex:none;padding:16px 31px 31px}.modal-close{position:absolute;top:14px;right:19px}.modal h2{font:700 28px/1.2 Silkscreen,monospace;letter-spacing:-.06em}.modal p:not(.overline){font-size:13px;color:#cbd4d4;line-height:1.7}.modal p strong{color:#ffe0aa}.policy-dialog{width:min(590px,calc(100% - 26px))}.policy-content h3{margin:19px 0 6px;color:#a9dbc4;font:12px/1.4 Silkscreen,monospace}.policy-content p{margin:8px 0 13px}.policy-content a{color:#ffcf83;text-underline-offset:3px}.recipe-tiers{margin-top:17px}.tier-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;list-style:none;margin:10px 0 6px;padding:0}.tier-guide li{display:grid;justify-items:center;gap:4px;min-width:0;padding:6px 3px;border:1px solid #677183;background:#30394e;text-align:center}.tier-guide img{width:42px;height:42px;image-rendering:pixelated}.tier-guide small,.tier-guide span{display:block;font:8px/1.35 Silkscreen,monospace}.tier-guide span{color:#ffdfac}.tier-guide small{margin-top:3px;color:#a7d6c7}.recipe-tiers>small{color:#acbac5;font:11px DM Sans,sans-serif}.tutorial-dialog{width:min(650px,calc(100% - 26px))}.tutorial-content{display:grid;grid-template-columns:minmax(0,245px) minmax(0,1fr);align-items:center;gap:20px 22px;min-height:0;padding:24px 31px 31px;overflow-y:auto}.tutorial-demo.board{position:relative;gap:3px;width:100%;aspect-ratio:1;padding:9px;border:1px solid #b58c81;background:#192636;box-shadow:inset 0 0 0 4px #2a3e49,4px 5px #101529}.tutorial-demo .tile{padding:0;font-size:14px;pointer-events:none}.tutorial-demo .tile .path-order,.tutorial-demo .tile .value{font-size:7px}.tutorial-demo .tile .path-order{top:0;left:2px}.tutorial-dialog[data-step="1"] .demo-route{animation:tutorial-trace .45s var(--trace-delay) ease-out both}.tutorial-dialog:not([data-step="1"]) .demo-route{outline:2px solid #ffcf83;outline-offset:-2px}.tutorial-dialog[data-step="2"] .demo-fill .demo-letter{animation:tutorial-letter .5s var(--letter-delay) both}.tutorial-dialog[data-step="4"] .demo-route{outline-color:#a9dbc4}.tutorial-dialog[data-step="4"] .demo-added{animation:tutorial-trace .45s var(--trace-delay) both}.tutorial-dialog[data-step="4"] .demo-added.demo-fill .demo-letter{animation:tutorial-letter .45s var(--letter-delay) both}.tutorial-stamp{position:absolute;z-index:6;right:5px;bottom:-13px;padding:6px 8px;border:1px solid #ffcf83;background:#293247;color:#ffe2aa;opacity:0;font:11px Silkscreen,monospace;box-shadow:3px 3px #101626;pointer-events:none}.tutorial-stamp #tutorial-demo-points{color:#a9dbc4}.tutorial-dialog[data-step="3"] .tutorial-stamp,.tutorial-dialog[data-step="4"] .tutorial-stamp{opacity:1;animation:tutorial-letter .35s both}.tutorial-tooltip{align-self:center}.tutorial-tooltip h3{margin:12px 0;color:#ffe2aa;font:18px/1.3 Silkscreen,monospace}.tutorial-dialog .tutorial-tooltip p{margin:0;color:#d7d8d5;font:14px/1.6 DM Sans,sans-serif}.tutorial-controls{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px;align-items:center}.tutorial-controls .action-button{width:auto}.tutorial-controls .menu-back:disabled{opacity:.5;cursor:default}.tutorial-content>.text-link{grid-column:1/-1;justify-self:end}.tutorial-dialog .tutorial-clock{grid-column:1/-1;margin:0;color:#ffcf83;font:10px/1.5 Silkscreen,monospace}@keyframes tutorial-trace{0%{outline:2px solid transparent;outline-offset:-2px}to{outline:2px solid #ffcf83;outline-offset:-2px}}@keyframes tutorial-letter{0%{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}.end-result{color:#ffd693;display:flex;align-items:baseline;gap:12px}.end-result strong{font-size:46px;letter-spacing:-.12em}.end-result span{font-size:11px}@keyframes next-pulse{to{filter:brightness(1.3)}}@keyframes panel-arrive{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes share-status-in{0%{opacity:0;transform:translateY(7px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes share-status-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-5px)}}@keyframes recipe-in{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes recipe-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(9px) scale(.98)}}@keyframes egg-float{0%,36%,72%{transform:perspective(180px) translate3d(0,1px,0) rotateX(0) rotate(-1deg) scale(1);filter:drop-shadow(3px 5px 1px #17162b99)}18%,54%{transform:perspective(180px) translate3d(0,-2px,0) rotateX(0) rotate(1deg) scale(1);filter:drop-shadow(4px 7px 2px #17162b88) brightness(1.02)}79%{transform:perspective(180px) translateZ(0) rotateX(0) rotate(-1deg) scale(1)}80%{transform:perspective(180px) translate3d(-1px,2px,0) rotateX(0) rotate(-3deg) scale(1.06,.94);filter:drop-shadow(2px 3px 1px #17162b99)}82%{transform:perspective(180px) translate3d(1px,-8px,0) rotateX(110deg) rotate(-4deg) scale(1);filter:drop-shadow(6px 12px 3px #17162b77)}84%{transform:perspective(180px) translate3d(3px,-14px,0) rotateX(250deg) rotate(2deg) scale(1);filter:drop-shadow(10px 16px 4px #17162b66)}86%{transform:perspective(180px) translate3d(2px,0,0) rotateX(1turn) rotate(3deg) scale(1.05,.95);filter:drop-shadow(2px 3px 1px #17162b99)}88%{transform:perspective(180px) translate3d(0,2px,0) rotateX(1turn) rotate(-1deg) scale(.98,1.02)}to{transform:perspective(180px) translate3d(0,1px,0) rotateX(1turn) rotate(-1deg) scale(1);filter:drop-shadow(3px 5px 1px #17162b99)}}@keyframes tile-glint{0%,75%,to{opacity:.3}82%{opacity:.85}}@keyframes finale-tile{0%,to{transform:translateY(0);filter:brightness(1)}40%{transform:translateY(-6px);filter:brightness(1.5) drop-shadow(0 0 6px var(--finale-glow))}}@keyframes finale-frame{50%{border-color:var(--finale-glow);box-shadow:inset 0 0 0 4px var(--finale-glow),0 0 30px var(--finale-glow)}}@keyframes finale-reveal{0%{opacity:0}to{opacity:1}}@keyframes finale-card{0%{opacity:0;transform:scale(.7) translateY(15px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes menu-in{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes menu-out{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@keyframes menu-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes menu-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes menu-screen-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes yolk-splash{0%,86%{opacity:0;transform:translateY(0)}88%,90%{opacity:.8;transform:translateY(-4px)}94%,to{opacity:0;transform:translateY(7px)}}@media (max-width:940px){.shell{width:min(650px,calc(100% - 30px))}.game-layout{grid-template-columns:minmax(0,1fr)}.board-wrap{width:min(100%,560px,max(265px,calc(100dvh - 285px)))}.tile{font-size:clamp(18px,5vw,31px)}.draft-letter{font-size:17px}}@media (max-width:640px),(max-width:940px) and (max-height:520px) and (pointer:coarse){.board-wrap{width:min(100%,max(265px,calc(100dvh - 350px)))}.board-hud{border-bottom:0;padding-bottom:0}.board-wrap{margin-top:7px}.selection-preview{position:absolute;z-index:6;display:grid;gap:5px;max-width:calc(100% - 16px);padding:4px 7px 7px;border:1px solid #ffe9b7;background:#20283ded;box-shadow:3px 3px #0d1020,0 7px 18px #080b19a6;color:#ffe0a7;font:9px Silkscreen,monospace;pointer-events:none}.selection-preview-header{text-align:center}.selection-clear{position:absolute;top:-13px;right:-13px;display:grid;place-items:center;width:24px;height:24px;padding:0;border:1px solid #8a8393;background:#33334d;color:#ffe1b0;font-size:18px;line-height:1;pointer-events:auto;touch-action:manipulation}.selection-clear:hover{background:#4d4259}.selection-letters{display:grid;grid-template-columns:repeat(var(--slot-count),26px);justify-content:center;gap:3px}.selection-letters .draft-letter{width:26px;height:27px;font-size:12px}.draft-panel{padding:12px}.draft-panel .feedback:not(.good):not(.error),.draft-panel .points-preview,body:not(.run-finished) .draft-panel .panel-top,body:not(.run-finished) .notes-panel{display:none}.mobile-word-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.word-compose{display:none}.mobile-keyboard{display:grid;gap:4px}.keyboard-row{display:flex;gap:3px}.keyboard-row:nth-child(2){padding-inline:8px}.keyboard-row:nth-child(3){padding-inline:12px}.keyboard-row button{flex:1 1;min-width:0;height:44px;padding:0;border:1px solid #8c96a2;background:#35465a;box-shadow:inset 2px 2px #ffffff20,0 2px #10192c;color:#fff0d0;font:14px Silkscreen,monospace;touch-action:manipulation}.keyboard-row button:active:not(:disabled){transform:translateY(2px);box-shadow:inset 2px 2px #ffffff20;background:#53697a}.keyboard-row button:disabled{opacity:.45;cursor:default}.keyboard-row .keyboard-backspace{flex:1.6 1;color:#ffcf83;font-size:20px}.keyboard-actions{margin-top:3px}.keyboard-actions button{display:flex;align-items:center;justify-content:center;gap:7px;height:43px;color:#ffcf83;font-size:12px}.keyboard-actions #mobile-clear{background:#30364e;border-color:#7b8192;color:#ded9d4;box-shadow:3px 3px 0 #101626,inset 2px 2px #ffffff19}.keyboard-actions #mobile-submit{flex:1.5 1;background:#f9cb80;border-color:#ffe9b7;color:#28253a;box-shadow:3px 3px 0 #9c6c67,inset 2px 2px #fff4ce}.keyboard-actions #mobile-clear:active:not(:disabled){background:#4b465d}.keyboard-actions #mobile-submit:active:not(:disabled){background:#ffe2a8}.draft-actions{display:none}}@media (max-width:520px){.tutorial-content{grid-template-columns:1fr;gap:18px;padding:20px 20px 25px}.tutorial-demo.board{width:min(210px,100%);justify-self:center}.tutorial-tooltip{grid-column:1}.scores-card,.scores-history{padding:14px}.scores-today-empty{gap:12px}.scores-today-empty img{width:42px;height:42px}.scores-result-grid{grid-template-columns:1fr;gap:14px}.scores-placement{padding:14px 0 0;border-top:1px solid #6b6377;border-left:0}.scores-history li:not(.scores-empty),.scores-history-headings{grid-template-columns:minmax(0,1fr) auto minmax(90px,1fr);gap:7px;font-size:8px}.scores-history li:not(.scores-empty) span:last-child{overflow-wrap:anywhere}.leaderboard .all-time-table td{font-size:8px}.shell{width:calc(100% - 20px);padding-top:10px}.topbar{padding-bottom:8px}.brand-group{gap:6px}.menu-toggle{width:30px;height:30px;padding:6px;gap:3px}.brand{gap:4px;font-size:15px}.brand-star{display:none}.egg-logo{width:30px;height:30px}.edition{font-size:8px}.edition strong{font-size:9px}.header-actions{gap:8px}.help-button{padding:5px}.help-label{display:none}.help-icon{width:22px;height:22px}.board-panel{padding:12px}.board-wrap{width:min(100%,max(265px,calc(100dvh - 350px)));margin:7px auto 0;padding:6px}.board{gap:3px}.tile{font-size:clamp(14px,5vw,24px)}.hud-stat span,.tile .effect-badge,.tile .value{font-size:8px}footer{align-items:start;line-height:1.7}}@media (max-height:520px) and (min-width:650px){.shell{width:min(1100px,calc(100% - 20px));padding-top:6px}.topbar{padding-bottom:5px}.egg-logo{width:30px;height:30px}.brand{font-size:16px}.game-layout{--panel-gap:10px;grid-template-columns:minmax(0,1fr) minmax(290px,.8fr)}.board-panel,.draft-panel,.notes-panel{padding:9px}.board-hud{padding-bottom:4px}.hud-stat strong{font-size:20px}.hud-center{min-width:55px}.board-wrap{width:min(100%,max(220px,calc(100dvh - 175px)));margin:7px auto 0;padding:4px}.tile{padding:0;font-size:clamp(15px,3.2vw,25px)}.panel-top{font-size:8px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}}