body{background:#060c14;background-image:radial-gradient(ellipse at top,#223c4e,transparent 70%)}.game{background:#080f18;border-color:#728c9940}.hud{min-height:61px;background:linear-gradient(110deg,#122330,#08121c);padding:11px 16px}.hud strong{font-size:11px;max-width:265px;line-height:1.4}.hud .score strong{font-size:25px;color:#ffe0a0;font-family:monospace;letter-spacing:-1px}.eyebrow{font-size:8px;letter-spacing:1.2px}.field{display:flex;justify-content:center;background:#060c14}canvas#canvas{width:auto;height:100%;max-width:100%;aspect-ratio:7/10;object-fit:contain}.controls{display:grid;grid-template-columns:1fr 1.3fr 1fr;padding:8px 11px;gap:6px;background:#0e1924;border-color:#b5c9d21f}.controls button{min-height:43px;font-size:10px;background:linear-gradient(#2c4053,#1a2a39);color:#deebef;border:1px solid #72909d55;box-shadow:inset 0 1px #ffffff15,0 3px #03090d;border-radius:6px;padding:8px}.controls button:active{transform:translateY(2px);box-shadow:inset 0 1px #ffffff15}.controls button.primary{background:linear-gradient(#fbe2a6,#d4ae70);color:#192732}.controls button:nth-child(4){grid-column:1;min-height:31px;padding:4px;font-size:9px;background:#152432;box-shadow:none}.controls .choose-table{grid-column:2/4;min-height:31px;padding:4px;color:var(--accent);background:#152432;box-shadow:none}.tools{background:#0e1924}.message{bottom:10px;left:30px;right:30px;padding:7px;font:700 9px monospace;letter-spacing:1px;border:1px solid #f6c47740;background:#0a1426ef;color:#ffe0a0}.panel{background:#122334;color:#eff5fa;border:1px solid #7d9fab;border-top:3px solid #efd8a2;border-radius:12px}.panel h1{font:600 30px/1.1 Georgia,serif;color:#fff1d3}.panel p,.instructions{color:#b6cbd7}.panel button{background:#efd8a2;color:#142230}.panel .eyebrow{color:#8bdcca}.instructions{border-color:#70879644}.table-picker{width:min(420px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:22px;background:#101e2c;color:#eff4ee;border:1px solid #839d9e70;border-radius:16px;box-shadow:0 30px 120px #000c;overflow:auto}.table-picker::backdrop{background:#030a14df;backdrop-filter:blur(7px)}.table-picker header{display:flex;justify-content:space-between;align-items:start;gap:10px}.table-picker h2{font:normal 28px/1.1 Georgia,serif;margin:9px 0}.close-picker{font-size:26px;background:#233646;color:#cadddf;width:36px;height:36px;border-radius:50%;flex:none}.picker-hint,.picker-foot{font-size:11px;line-height:1.6;color:#a9bec9}.picker-foot{margin-bottom:0}.table-cards{display:grid;gap:10px;margin-top:18px}.table-card{display:flex;text-align:left;align-items:center;overflow:hidden;border:1px solid #677c8c66;border-radius:10px;background:linear-gradient(120deg,#1a3043,#0c1725);color:#fff;min-height:138px;padding:0;gap:17px}.table-card:hover,.table-card:focus-visible{border-color:var(--table-accent);outline:2px solid var(--table-accent);outline-offset:1px}.table-card canvas{width:94px;height:138px;object-fit:cover;flex:none;border-right:1px solid #65798855}.card-copy{display:grid;gap:7px;padding:10px 7px 10px 0}.card-copy small{font-size:6.5px;letter-spacing:1px;color:var(--table-accent)}.card-copy strong{font:normal 25px Georgia,serif;color:#fff0d6}.card-copy span{font-size:9px;color:#adbecb}.card-copy b{font-size:8px;letter-spacing:1px;color:var(--table-accent);margin-top:8px}@media(max-height:650px){.hud{min-height:49px;padding:7px 12px}.controls{padding:5px 8px;gap:4px}.controls button{min-height:35px}.controls button:nth-child(4),.controls .choose-table{min-height:27px}.table-picker{padding:15px}.table-card{min-height:98px}.table-card canvas{height:100px;width:70px}.card-copy strong{font-size:22px}.table-cards{gap:7px;margin-top:10px}.picker-hint{margin:5px 0}}

.field{container-type:size;align-items:center}canvas#canvas{flex:none;width:min(100cqw,70cqh);height:auto;max-height:100%;object-fit:fill}