@import url('https://fonts.googleapis.com/css2?family=VT323&family=Press+Start+2P&display=swap');
:root{--bg:#0c0b08;--panel:#201d12;--line:#645a32;--yellow:#ffd740;--cream:#fff1b4;--mute:#9c9169;--green:#92e36c;--cyan:#73d7e5;--pink:#ff71c1}*{box-sizing:border-box}body{margin:0;color:var(--cream);background:radial-gradient(circle at 50% -10%,#5b4a12,#1c180d 42%,var(--bg) 100%);font:19px 'VT323',monospace;min-height:100vh;padding-bottom:58px;overflow-x:hidden}.scanlines{position:fixed;inset:0;pointer-events:none;z-index:9;opacity:.13;background:repeating-linear-gradient(0deg,transparent 0 3px,#000 4px 5px)}header{height:72px;display:flex;align-items:center;gap:25px;justify-content:space-between;max-width:1080px;margin:auto;padding:0 26px;border-inline:1px solid #423a1f;background:#15130d}.brand{font:25px 'Press Start 2P',monospace;color:var(--cream);letter-spacing:-4px;text-shadow:3px 3px #745b00}.brand span{color:var(--yellow)}.cursor{animation:blink 1s steps(1) infinite}.network{margin-left:auto;color:var(--mute);font-size:16px}.network i,.dot{display:inline-block;width:8px;height:8px;background:var(--green);box-shadow:0 0 10px var(--green);margin-right:5px}button{font:inherit;border:0;cursor:pointer}header button{background:var(--yellow);border:3px solid #e5a500;box-shadow:4px 4px #553e00;padding:8px 15px;color:#221900;font:10px 'Press Start 2P',monospace}.terminal{max-width:1028px;margin:42px auto 0;border:2px solid var(--line);background:linear-gradient(135deg,#ffd7400c,transparent 40%),var(--panel);box-shadow:0 0 0 7px #15130d,0 0 0 9px #5a502a,0 22px 70px #000}.terminal-head,.board-head{display:flex;justify-content:space-between;background:#100f0a;color:var(--mute);padding:9px 15px;border-bottom:1px solid var(--line);font-size:16px;letter-spacing:1px}.terminal-head b{color:var(--yellow)}.hero{display:flex;justify-content:space-between;align-items:center;padding:32px 42px 20px;background:linear-gradient(90deg,#ffc50a1c,transparent 60%)}.eyebrow{color:var(--yellow);letter-spacing:2px;margin:0 0 6px;font-size:17px}.hero h1{font:32px/1.45 'Press Start 2P',monospace;margin:0;color:#fff6c9;text-shadow:4px 4px #5b4100}.hero h1 em{font-style:normal;color:var(--yellow)}.intro{max-width:440px;color:#b6a87b;margin:19px 0 0;font-size:21px}.coin{width:142px;height:142px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#fff39b,#ffd740 34%,#d48800 68%,#8e5000);border:8px double #fff2a1;outline:3px solid #ba7d00;display:flex;align-items:center;justify-content:center;color:#5a3500;box-shadow:0 0 40px #eeb00066;position:relative}.coin span{font-size:66px;font-weight:bold}.coin small{position:absolute;bottom:8px;text-align:center;font:7px/1.5 'Press Start 2P',monospace}.coin:after{content:'✦';position:absolute;top:-16px;right:-18px;color:#fff8c1;font-size:30px}#stats{padding:0 24px 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}#stats div{position:relative;padding:13px 15px 10px;background:#15130d;border:1px solid #5f542d;box-shadow:inset 0 0 0 2px #292515;min-width:0}#stats div:before{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:var(--yellow)}#stats span,#stats small{display:block;color:var(--mute);font-size:14px;letter-spacing:1px}#stats strong{display:block;color:var(--yellow);font-size:30px;line-height:1.1;text-shadow:2px 2px #5b4100;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-head{border-top:1px solid var(--line);border-bottom:0;color:#cabe85}.board-head b{color:var(--cream);font-weight:normal}#board{padding:19px 24px 14px;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:7px;background:#17140d}.cell{min-width:0;aspect-ratio:1;border:2px solid #514827;border-radius:2px;padding:2px;color:#716943;background:linear-gradient(135deg,#262316,#19170f);font:21px 'VT323',monospace;box-shadow:inset 2px 2px #39331d,inset -2px -2px #0c0b08}.cell.openable{color:#fff8c5;background:linear-gradient(135deg,#716017,#3f3410);border-color:var(--yellow);box-shadow:inset 2px 2px #ad9224,inset -2px -2px #2e2607,0 0 11px #ffd7405c;animation:pulse 1.7s ease-in-out infinite}.cell.openable:hover{transform:translateY(-2px);background:#9b7b12}.cell.opened{background:#26251f;border-color:#665f43}.empty{color:#938a6b}.small{color:var(--cyan);text-shadow:0 0 7px #73d7e577}.medium{color:var(--yellow);text-shadow:0 0 9px #ffd74099}.large{color:var(--pink);text-shadow:0 0 10px #ff71c1}.legend{padding:0 24px 22px;display:flex;gap:19px;flex-wrap:wrap;color:#8f8564;font-size:14px;background:#17140d}.legend b{display:inline-block;width:9px;height:9px;margin-right:3px;background:#938a6b}.legend .l-small{background:var(--cyan)}.legend .l-medium{background:var(--yellow)}.legend .l-large{background:var(--pink)}.legend .active b{background:var(--green);box-shadow:0 0 7px var(--green)}footer{position:fixed;z-index:10;bottom:0;left:0;width:100%;padding:11px max(20px,calc((100vw - 1028px)/2));display:flex;justify-content:space-between;gap:20px;background:var(--bg);border-top:1px solid #5a502a;color:#827957;font-size:15px}footer b{color:var(--yellow)}code{font:inherit;color:#b7aa75}dialog{background:var(--panel);color:var(--cream);border:2px solid var(--yellow);box-shadow:7px 7px #090805;font:22px 'VT323',monospace;max-width:370px}dialog button{padding:8px 14px;margin-right:7px;background:var(--yellow);color:#211800}@keyframes pulse{50%{filter:brightness(1.45);box-shadow:0 0 22px #ffd740}}@keyframes blink{50%{opacity:0}}@media(max-width:700px){header{height:62px;padding:0 14px}.network{display:none}.brand{font-size:20px}.terminal{margin:20px 10px 0}.hero{padding:24px 20px 16px}.hero h1{font-size:21px}.intro{font-size:18px;max-width:240px}.coin{width:95px;height:95px;flex-shrink:0}.coin span{font-size:46px}#stats{grid-template-columns:repeat(2,1fr);padding:0 12px 16px;gap:7px}#stats strong{font-size:25px}#board{padding:12px;gap:4px}.cell{font-size:17px;border-width:1px}.legend{padding:0 12px 16px;gap:10px;font-size:12px}footer{font-size:11px;padding:9px 10px}footer span:nth-child(2){display:none}}