:root{font-family:system-ui,-apple-system,sans-serif;color:#f2e9d4;background:#10292f;font-synthesis:none;--gold:#f6bd57;--ink:#152f34;--paper:#f3e8cf}*{box-sizing:border-box}body{margin:0;overscroll-behavior:none}button,select{font:inherit}button{cursor:pointer;touch-action:manipulation;min-height:44px;border:1px solid #8baba3;border-radius:7px;background:#25474a;color:var(--paper);font-weight:750;padding:8px 12px}button:hover{filter:brightness(1.13)}button:disabled{opacity:.55;cursor:default}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #ffcd6b;outline-offset:3px}button:active,.pressed{transform:translateY(1px);filter:brightness(1.28)}button.primary,.primary{background:var(--gold);color:#172d31;border:0;min-height:56px;font-weight:900;letter-spacing:.04em}a{color:#f2be66}small{display:block;font-size:10px;font-weight:650}h1,h2,p{margin:0}h2{font-family:Georgia,serif;font-size:32px;line-height:1.1;margin:8px 0 14px}.screen{min-height:100dvh}.hero{position:relative;min-height:280px;overflow:hidden;background:#24464a}.hero img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#10282eeb,transparent 80%)}.heroText{position:relative;z-index:1;padding:34px 8vw}.heroText p{font-size:11px;letter-spacing:.2em;margin-bottom:18px}h1{font:900 clamp(64px,9vw,115px)/.86 Georgia,serif;letter-spacing:-.06em;color:#fff0ca;text-shadow:0 3px #142f35}h1 span{font:800 12px system-ui;letter-spacing:.16em;display:block;margin:20px 0 0}.homeBody{max-width:650px;margin:auto;padding:22px}.lead{font:24px/1.15 Georgia,serif;margin-bottom:15px}.instructions{line-height:1.9;font-size:14px;margin-bottom:12px}.instructions b{display:inline-grid;place-items:center;background:#f5bb56;color:#19353a;width:20px;height:20px;border-radius:50%;font-size:12px}label{font-size:12px;text-transform:uppercase;letter-spacing:.1em;display:block;margin:8px 0}select{background:#e8ddc5;color:#172d31;min-height:44px;border-radius:5px;width:100%;padding:6px 10px;margin-bottom:12px}#play{width:100%;margin-bottom:10px}.menuRow{display:flex;gap:8px}.menuRow>*{flex:1;font-size:12px;padding:6px}#saveState{font-size:11px;color:#acc2b9;margin-top:12px}.credit{font-size:11px;line-height:1.6;margin-top:16px;color:#c0cec4}#game{height:100dvh;padding:max(4px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));display:grid;grid-template-rows:40px 40px minmax(0,1fr) 28px 54px 64px;gap:4px;max-width:1100px;margin:auto}#game[hidden],.screen[hidden]{display:none}header{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #658079}header strong{font:900 21px Georgia,serif;letter-spacing:-.04em}header #score{font-size:11px;color:#d9d8be}header button{width:44px;padding:4px;align-self:start}#shift{display:flex;align-items:center;justify-content:space-between;gap:8px}#shift div{display:flex;flex-direction:column;min-width:0}#shiftNo{font-size:9px;letter-spacing:.1em;color:#c6aa77}#shiftName{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#gearLabel{font-size:9px;max-width:125px;text-align:right;color:#b4cfc5}#playzone{display:grid;grid-template-rows:64px minmax(0,1fr);gap:4px;min-height:0}#scenery{position:relative;overflow:hidden;border-radius:6px;background:#294a4a}#scene,#lanesCanvas{width:100%;height:100%;display:block}#place{position:absolute;top:4px;left:7px;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#ffe6ae;text-shadow:0 1px 4px #000;background:#102c3280;padding:3px}#board{position:relative;min-height:0;overflow:hidden;border-radius:6px}#laneTargets{position:absolute;inset:0;display:grid}#laneTargets button{border:0;border-radius:4px;background:transparent;color:transparent;padding:0;min-height:44px;width:100%;touch-action:none}#laneTargets button:focus-visible{outline:3px solid #fff6c1;outline-offset:-5px}#laneTargets button:hover{background:#ffffff06}#feedback{font-size:12px;color:#f7d79a;align-self:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#rack{display:grid;grid-template-columns:1fr 1fr;gap:6px}#rack button{display:flex;flex-direction:column;justify-content:center;align-items:center;border:2px solid #65857e;min-height:52px;padding:4px;font-size:15px}#rack button[aria-pressed=true]{border-color:var(--gold);background:#3d5c50;color:#ffe5a4}#rack small{font-size:10px;color:#ccddd0}#actions{display:grid;grid-template-columns:76px 1fr;gap:7px}#actions button{min-height:60px;padding:5px}#serve{background:var(--gold);color:#142b30;border:0;font-size:21px;font-weight:900}#serve span{font-size:14px}#serve small{font-size:11px}#bell{font-size:13px}dialog{border:1px solid #afaf8a;border-radius:12px;background:#17343a;color:var(--paper);padding:0;width:min(92vw,600px);max-height:90dvh;box-shadow:0 20px 100px #0008}dialog::backdrop{background:#071c23d9;backdrop-filter:blur(5px)}#modalContent{padding:22px;max-height:88dvh;overflow:auto}#modalContent p{line-height:1.55;margin:10px 0;color:#d2dfcf;font-size:14px}#modalContent .primary{width:100%;margin:12px 0 8px}#modalContent button{margin-bottom:7px}#modalContent .eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:#e9ba65}.gridShifts{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:15px 0}.gridShifts button{min-width:44px}.entry{padding:16px 0;border-bottom:1px solid #526f67}.entry h3{font:700 20px Georgia,serif;margin:0}.entry a{font-size:12px;line-height:1.5}.toggles{display:flex;gap:8px;flex-wrap:wrap}.rewardBox{border:1px solid #c4a360;padding:12px;border-radius:6px;margin:14px 0}.rewardBox b{color:#ffce77}.keyboard{font-size:12px;color:#b5cbbc}.rackVisual{font-size:18px;letter-spacing:8px;color:#efcd89}.sceneTitle{color:#ccbc96}#modalContent .subtle{font-size:12px;color:#b3c5bb}
@media(min-width:740px) and (min-height:560px){#home{display:grid;grid-template-columns:1.1fr 1fr}.hero{min-height:100dvh}.heroText{padding:60px 36px}.hero img{object-position:35% center}.homeBody{align-self:center;max-width:520px}#game{grid-template-rows:48px 48px minmax(0,1fr) 32px 64px 72px;padding:16px}#playzone{grid-template-rows:130px minmax(0,1fr)}header strong{font-size:30px}#shiftName{font-size:22px}#gearLabel{font-size:12px;max-width:230px}#place{font-size:12px}}
@media(max-height:480px) and (orientation:landscape){#game{grid-template-columns:minmax(0,1fr) 164px;grid-template-rows:40px 34px minmax(0,1fr) 24px;gap:4px}header{grid-column:1/3}#shift{grid-column:1;grid-row:2}#playzone{grid-column:1;grid-row:3;grid-template-columns:80px minmax(0,1fr);grid-template-rows:1fr}#feedback{grid-column:1;grid-row:4;font-size:10px}#rack{grid-column:2;grid-row:2/4;display:flex;flex-direction:column;justify-content:start;gap:6px}#rack button{min-height:52px}#actions{grid-column:2;grid-row:3/5;align-self:end;grid-template-columns:50px 1fr;gap:5px}#serve{font-size:17px}#serve span{font-size:11px}#bell{font-size:10px}#bell small{font-size:8px}#gearLabel{display:none}#place{font-size:8px;max-width:75px}#modalContent{padding:16px}#home{display:grid;grid-template-columns:1fr 1fr}.hero{min-height:100dvh}.heroText{padding:30px 18px}h1{font-size:64px}.homeBody{padding:14px}.lead{font-size:18px}.instructions{font-size:11px;line-height:1.5}.credit{font-size:9px;margin-top:8px}.menuRow button{font-size:10px}#saveState{font-size:9px}.heroText p{font-size:9px}label{font-size:10px;margin:4px 0}select{margin-bottom:6px}#play{min-height:48px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}} 

#home[hidden]{display:none}

.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.version{font-size:9px;color:#a4beb5;margin-top:8px;letter-spacing:.1em}
@media(max-width:739px) and (min-height:481px){.hero img{object-position:center 28%}}