@import url('');
:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#101c23;color:#f0f3e9}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0%,#1d3034 0,transparent 50%),#101c23;min-height:100vh}.game{width:min(1200px,100%);margin:auto;padding:30px 42px 20px}header{display:flex;align-items:center;justify-content:space-between;padding-bottom:30px;border-bottom:1px solid #ffffff13}.brand{text-decoration:none;color:#eff2e8;font-size:26px;font-weight:800;letter-spacing:-1px;display:flex;align-items:center;gap:10px}.brand-icon{display:grid;place-items:center;background:#c4ef79;border-radius:12px;width:38px;height:36px;font-size:34px;color:#182b24}.dot{color:#c4ef79;margin-left:-9px}.tag{font-size:10px;letter-spacing:2px;color:#92a4aa}.intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:34px 0 28px}.eyebrow{font-size:10px;font-weight:bold;letter-spacing:2.5px;color:#c4ef79;margin:0 0 13px}h1{font-size:clamp(34px,5vw,60px);letter-spacing:-2.8px;line-height:1.08;margin:0 0 13px}h1 span{color:#c4ef79}.description{color:#97a9af;font-size:14px;line-height:1.6;margin:0}.score-box{min-width:174px;padding:16px 24px;border:1px solid #ffffff13;border-radius:16px;background:#ffffff03;display:flex;align-items:center;flex-direction:column;gap:5px}.score-box span:first-child{font-size:9px;letter-spacing:1.6px;color:#a7b6b5}.score-box strong{font-size:48px;line-height:1.1;color:#c4ef79;font-variant-numeric:tabular-nums;letter-spacing:-2px}.score-box span:last-child{font-size:10px;color:#7e959a}.board{height:clamp(320px,53vh,620px);min-height:300px;position:relative;overflow:hidden;border:1px solid #3b5050;border-radius:20px;background:#14272b;box-shadow:0 20px 60px #00000025}canvas{display:block;width:100%;height:100%;touch-action:none}.board-label{position:absolute;top:23px;left:25px;display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:1.8px;color:#8ba59f;pointer-events:none}.live-dot{height:6px;width:6px;background:#c4ef79;border-radius:50%;box-shadow:0 0 10px #c4ef7955}.hint{position:absolute;bottom:52px;left:50%;transform:translateX(-50%);padding:12px 18px;border:1px solid #ffffff17;border-radius:30px;background:#1d3538e6;color:#cad9d3;font-size:12px;white-space:nowrap;pointer-events:none;transition:opacity .4s}.hint span{color:#c4ef79;margin-left:12px}.hint.dismissed{opacity:0}.board-note{position:absolute;bottom:20px;left:0;width:100%;text-align:center;font-size:8px;letter-spacing:2px;color:#688782;pointer-events:none}.pause-overlay{position:absolute;inset:0;background:#102026c9;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;pointer-events:none}.pause-overlay[hidden]{display:none}.pause-overlay strong{font-size:30px;color:#c4ef79}.pause-overlay span{font-size:13px;color:#b0c1bd}footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:19px 0;color:#82999d;font-size:11px}footer p{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.key{border:1px solid #ffffff1c;padding:4px 6px;border-radius:5px;font-size:10px;color:#b9c7c4}.separator{color:#496065;margin:0 5px}.actions{display:flex;gap:8px}button{font:inherit;color:#c4d3cc;background:transparent;border:1px solid #ffffff20;border-radius:9px;padding:11px 16px;cursor:pointer;white-space:nowrap}button:hover{background:#ffffff0c;border-color:#a8cc6f}button:focus-visible{outline:2px solid #c4ef79;outline-offset:4px}.restart{color:#c4ef79;background:#c4ef7909}@media(max-width:650px){.game{padding:20px 16px}header{padding-bottom:20px}.tag{display:none}.intro{padding:26px 0 22px;gap:12px}h1{letter-spacing:-1.5px;font-size:36px}.description{font-size:12px;max-width:235px}.score-box{min-width:93px;padding:13px 8px}.score-box span:first-child{font-size:8px;letter-spacing:.5px}.score-box span:last-child{display:none}.score-box strong{font-size:38px}.eyebrow{font-size:8px;letter-spacing:1.7px}.board{height:54vh;border-radius:15px}.board-label{left:17px;top:18px;font-size:8px}.board-note{font-size:6px;letter-spacing:1.3px}.hint{font-size:10px;padding:10px 12px}footer{align-items:flex-start;flex-direction:column;padding-top:12px;gap:5px}.actions{width:100%}.actions button{flex:1}footer p{font-size:10px}.pause-overlay strong{font-size:25px}}