@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Mono:wght@400;500&display=swap');
:root{color-scheme:dark;font-family:'DM Mono',monospace;background:#090718;color:#f9f5ff}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 55% -15%,#3b1762 0%,transparent 55%),#090718}.shell{max-width:1100px;margin:auto;padding:24px clamp(14px,4vw,42px) 20px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.brand{display:flex;align-items:center;gap:14px}.brand-mark{color:#eaff5d;font-size:40px;text-shadow:0 0 25px #eaff5d}.brand small,.eyebrow{color:#ff5da8;font-size:10px;letter-spacing:.22em;font-weight:500}h1,h2{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;letter-spacing:.025em;margin:0}h1{font-size:clamp(28px,4vw,45px);line-height:1}.icon-button,.secondary,.touch-controls button{font:500 11px 'DM Mono',monospace;color:#f9f5ff;background:#17112c;border:1px solid #655483;border-radius:9px;cursor:pointer}.icon-button{padding:12px 15px}.icon-button span{color:#eaff5d}.game-layout{display:grid;grid-template-columns:minmax(0,620px) minmax(210px,1fr);gap:21px}.board-wrap{position:relative;max-width:620px;margin:auto;width:100%;background:#100b26;border:2px solid #7952a7;border-radius:17px;box-shadow:0 0 0 5px #130b28,0 0 45px #6228a655;overflow:hidden}canvas{display:block;width:100%;height:auto;aspect-ratio:440/760;touch-action:none}.panel{background:#17102b;border:1px solid #493769;border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:17px}.metric{padding-bottom:17px;border-bottom:1px solid #38284d}.metric span{display:block;color:#bba5d5;letter-spacing:.17em;font-size:10px;margin-bottom:7px}.metric strong{font:800 clamp(32px,4vw,47px)/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:.05em;color:#eaff5d;text-shadow:0 0 18px #eaff5d55}.metric.small strong{font-size:25px;color:#ff5da8;letter-spacing:.15em}.rule{height:1px;background:linear-gradient(90deg,#ff5da8,transparent)}.how{color:#bdaed3;font-size:11px;line-height:1.65}.how p{margin:14px 0}.how p:last-child{color:#8e7ba7}kbd{font:inherit;color:#fff;background:#38274d;border:1px solid #6b5288;padding:3px 6px;border-radius:4px}.secondary{padding:13px;margin-top:auto;color:#eaff5d;border-color:#8aa328;background:#24251d;letter-spacing:.08em}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:#08061db3;backdrop-filter:blur(5px)}.overlay.hidden{display:none}.overlay-card{text-align:center;padding:24px;max-width:360px}.overlay-card h2{font-size:clamp(58px,9vw,93px);line-height:.92;color:#eaff5d;text-shadow:0 0 30px #d4ff4766;margin:16px 0}.overlay-card p{font-size:12px;color:#d8c7e9;margin-bottom:27px}.overlay-card small{display:block;color:#ab97c7;font-size:9px;letter-spacing:.09em;margin-top:18px}.primary{font:800 21px 'Barlow Condensed',Impact,sans-serif;letter-spacing:.08em;background:#eaff5d;color:#130b24;border:0;border-radius:8px;padding:13px 23px;cursor:pointer;box-shadow:0 0 24px #eaff5d77}.primary span{margin-left:20px}.touch-controls{display:none;gap:8px;margin-top:15px}.touch-controls button{flex:1;padding:16px 5px;touch-action:none;user-select:none}.touch-controls button:active{background:#55216d;color:#eaff5d}footer{color:#7b668d;display:flex;align-items:center;justify-content:center;gap:13px;font-size:9px;letter-spacing:.17em;margin-top:24px}footer span{color:#eaff5d}@media(max-width:750px){.shell{padding:12px 12px 22px}.topbar{margin-bottom:12px}.game-layout{display:block}.board-wrap{max-width:500px}.panel{margin:14px auto 0;max-width:500px;display:grid;grid-template-columns:repeat(3,1fr);padding:14px;gap:10px}.metric{border:0;padding:0}.metric strong{font-size:29px}.metric.small strong{font-size:15px}.rule,.how{display:none}.secondary{grid-column:1/-1;margin:0}.touch-controls{display:flex;max-width:500px;margin:12px auto 0}footer{margin-top:18px}}@media(max-width:400px){.metric strong{font-size:24px}.metric.small strong{font-size:12px}.touch-controls button{font-size:9px}}