:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#000;color:#e8e9ed}*{box-sizing:border-box}body{margin:0;overflow:hidden}main{position:relative;height:100svh;min-height:380px;isolation:isolate;background:#000}canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}canvas:focus-visible{outline:1px solid #705486;outline-offset:-8px}.topline{position:absolute;top:38px;left:4.4%;right:4.4%;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.mark{font-size:30px;font-weight:700;letter-spacing:-3px}.mark span{color:#9c80ea}.edition{font-family:monospace;font-size:10px;letter-spacing:2px}.identity{position:absolute;left:9%;top:46%;pointer-events:none;transform:translateY(-50%)}h1{font-size:clamp(48px,7.7vw,124px);font-weight:500;letter-spacing:-.075em;line-height:1;margin:0;color:#c6c5cf}h1 span{color:#9074b9}footer{position:absolute;bottom:38px;right:4.4%;pointer-events:none}.edition{color:#3c3a43;font-size:9px}@media(max-width:650px){.topline{top:25px;left:7%;right:7%}.identity{left:8%;top:33%}h1{font-size:16vw}footer{bottom:27px;right:7%}.edition{font-size:8px}}

:root{--accent:#a678ee}.topline{justify-content:flex-start;gap:28px}nav{display:flex;align-items:center;gap:9px;pointer-events:auto}nav button{display:grid;place-items:center;width:35px;height:35px;padding:7px;border:1px solid transparent;border-radius:50%;color:#514958;background:transparent;cursor:pointer}nav button:hover{color:#ddd1e6}nav button[aria-pressed="true"]{color:var(--accent);border-color:#ffffff17;background:#ffffff04}nav button:focus-visible{outline:1px solid var(--accent);outline-offset:4px}nav button[hidden]{display:none}nav svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}#progress{display:flex;gap:5px;margin-left:12px}#progress i{width:3px;height:3px;background:#28232e;border-radius:50%}#progress i.lit{background:var(--accent);box-shadow:0 0 7px var(--accent)}body[data-game="darts"]{--accent:#ec626b}body[data-game="darts"] h1 span,body[data-game="darts"] .mark span{color:var(--accent)}@media(max-width:650px){.topline{gap:22px}nav{gap:6px}}

#score{font-family:monospace;font-size:12px;letter-spacing:2px;color:#b59599}body[data-game="darts"] .edition{display:none}

body[data-game="2048"]{--accent:#edcf61}body[data-game="2048"] h1 span,body[data-game="2048"] .mark span{color:var(--accent)}body[data-game="2048"] canvas{cursor:default}#puzzle[hidden],#progress[hidden]{display:none}#puzzle{position:absolute;left:73.5%;top:50%;width:min(34vw,410px,65vh);transform:translate(-50%,-50%);color:#c6c5c0}.puzzle-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.puzzle-title{font-family:monospace;font-size:20px;letter-spacing:-1px}.puzzle-title>span{color:var(--accent)}.puzzle-scores{display:flex;align-items:center;gap:18px;font-family:monospace;font-size:12px;letter-spacing:1px}.puzzle-best{color:#625f53}.puzzle-reset{color:#777361;border:0;background:none;padding:6px;cursor:pointer}.puzzle-reset:hover{color:var(--accent)}.puzzle-reset svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.puzzle-board{position:relative}.puzzle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;aspect-ratio:1;padding:7px;border:1px solid #25241d;background:#080807;touch-action:none;border-radius:3px}.puzzle-grid:focus{outline:none}.puzzle-grid:focus-visible{outline:1px solid #8b7d43;outline-offset:5px}.puzzle-cell{display:flex;align-items:center;justify-content:center;aspect-ratio:1;min-width:0;border:1px solid #ffffff08;border-radius:2px;background-color:#101010;background-image:repeating-linear-gradient(0deg,transparent 0 5px,#00000012 5px 6px),repeating-linear-gradient(90deg,transparent 0 5px,#00000012 5px 6px);font-size:clamp(16px,2.3vw,30px);font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-1px;color:#b6b5af}.puzzle-cell[data-level="1"]{background-color:#252525}.puzzle-cell[data-level="2"]{background-color:#363630}.puzzle-cell[data-level="3"]{background-color:#524e35;color:#e2d9a9}.puzzle-cell[data-level="4"]{background-color:#756a35;color:#f4e6a2}.puzzle-cell[data-level="5"]{background-color:#998333;color:#fff1b1}.puzzle-cell[data-level="6"]{background-color:#b89a32;color:#14130e}.puzzle-cell[data-level="7"]{background-color:#cfaf3b;color:#14130e}.puzzle-cell[data-level="8"]{background-color:#ddbd4e;color:#14130e}.puzzle-cell[data-level="9"]{background-color:#e6c75b;color:#14130e}.puzzle-cell[data-level="10"]{background-color:#f0d374;color:#14130e}.puzzle-cell[data-level="11"]{background-color:#ffe49a;color:#14130e;box-shadow:0 0 24px #edcf6126}.puzzle-cell.changed{animation:tile-appear .16s ease-out}.puzzle-overlay{position:absolute;inset:0;background:#080807ed;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.puzzle-overlay[hidden]{display:none}.puzzle-overlay p{font-size:32px;color:var(--accent);margin:0;letter-spacing:-1px}.puzzle-overlay>div{display:flex;gap:12px}.puzzle-overlay button{border:1px solid #4a432b;color:#dfd1a3;background:#16140f;font-family:monospace;font-size:11px;padding:11px 15px;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@keyframes tile-appear{from{transform:scale(.92);filter:brightness(1.4)}to{transform:scale(1);filter:brightness(1)}}@media(max-width:650px){body[data-game="2048"] .identity{top:23%}body[data-game="2048"] h1{font-size:12vw}#puzzle{left:50%;top:59%;width:min(82vw,47svh)}.puzzle-cell{font-size:clamp(18px,6vw,28px)}.puzzle-header{margin-bottom:12px}.puzzle-scores{gap:14px}.puzzle-grid{gap:5px;padding:5px}}@media(prefers-reduced-motion:reduce){.puzzle-cell.changed{animation:none}}

#game-score{position:absolute;width:min(34vw,410px,65vh);transform:translate(-50%,-100%);display:flex;justify-content:space-between;align-items:center;font-family:monospace;font-size:11px;letter-spacing:1px;color:#6d6675;pointer-events:none}#game-score>div{display:flex;align-items:center;gap:18px}#game-score #score{color:var(--accent);font-size:16px}#game-score #progress{margin:0}body[data-game="2048"] #game-score{display:none}@media(max-width:650px){#game-score{width:65vw;font-size:10px}}

#new-leg{pointer-events:auto;cursor:pointer;border:0;background:none;color:var(--accent);padding:3px;margin-left:auto;margin-right:16px}#new-leg[hidden]{display:none}#new-leg svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}

#personal-best{position:absolute;right:0;top:-20px;color:#6c6670;font-size:9px;letter-spacing:1px;white-space:nowrap}

@media(max-width:650px){body[data-game="disc"] .identity,body[data-game="darts"] .identity{top:19%}body[data-game="disc"] h1,body[data-game="darts"] h1{font-size:12vw}#game-score{width:86vw}#game-score>div{gap:12px}}

body[data-game="golf"]{--accent:#73e5ae}body[data-game="golf"] h1 span,body[data-game="golf"] .mark span{color:var(--accent)}body[data-game="golf"] #game-score{display:none}#golf[hidden]{display:none}#golf{position:absolute;left:73.5%;top:50%;width:min(34vw,380px,65vh);transform:translate(-50%,-50%)}.golf-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;font-family:monospace;font-size:10px;color:#818e86;letter-spacing:.6px;gap:8px}.golf-header>div{display:flex;align-items:center;gap:12px}.golf-header output{color:#a8efd0;font-size:16px}.golf-header [data-golf-best],.golf-header [data-course-best]{position:absolute;right:0;top:-16px;font-size:9px;color:#5f7569}.golf-course{position:relative;aspect-ratio:360/440;background:#050807;border-radius:3px}.golf-course canvas{position:static;display:block;width:100%;height:100%;touch-action:none;cursor:grab}.golf-course canvas:active{cursor:grabbing}.golf-course canvas:focus-visible{outline-color:#73e5ae66}.golf-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;background:#050807ee;color:#a8efd0}.golf-overlay[hidden]{display:none}.golf-overlay p{font-size:28px;letter-spacing:-1px}.golf-overlay button{border:1px solid #304b3d;color:#a8efd0;background:#0a1711;font-family:monospace;font-size:11px;padding:12px 16px;cursor:pointer}@media(max-width:650px){body[data-game="golf"] .identity{top:19%}body[data-game="golf"] h1{font-size:12vw}#golf{left:50%;top:59%;width:min(86vw,43svh)}nav{gap:4px}.golf-header{font-size:10px}}@media(max-height:500px) and (min-width:651px){#golf{width:53vh}}

body[data-game="fairway"]{--accent:#ac83ef}body[data-game="fairway"] h1 span,body[data-game="fairway"] .mark span{color:var(--accent)}body[data-game="fairway"] #game-score{display:none}#fairway[hidden]{display:none}#fairway{position:absolute;left:73.5%;top:50%;width:min(34vw,380px,65vh);transform:translate(-50%,-50%)}@media(max-width:650px){body[data-game="fairway"] .identity{top:19%}body[data-game="fairway"] h1{font-size:12vw}#fairway{left:50%;top:59%;width:min(86vw,43svh)}nav{gap:3px}}@media(max-height:500px) and (min-width:651px){#fairway{width:53vh}}

.flight-controls{border:0;margin:16px 0 0;padding:0;display:flex;align-items:center;gap:18px;min-width:0;color:#87808f;font-family:monospace;font-size:10px}.tilt-control{flex:1;min-width:0}.tilt-control>span{display:flex;justify-content:space-between;margin-bottom:7px;letter-spacing:.5px}.tilt-control output{color:#c4a2f2}.tilt-control input{display:block;width:100%;margin:0;height:26px;accent-color:#ac83ef;cursor:pointer;touch-action:pan-x}.throw-hand{display:flex;gap:4px}.throw-hand button{font-family:monospace;font-size:10px;color:#746a7e;background:#0b090f;border:1px solid #28222f;padding:11px 8px;cursor:pointer;border-radius:3px}.throw-hand button[aria-pressed="true"]{color:#d4b6ff;border-color:#71558f;background:#171020}.throw-hand button:focus-visible,.tilt-control input:focus-visible{outline:1px solid #ba91ed;outline-offset:3px}@media(max-width:650px){.flight-controls{gap:12px;margin-top:10px}.throw-hand button{padding:11px 6px;font-size:9px}}