:root{--orange:#df7135;--orange-dark:#a74825;--cream:#f8f0df;--deep:#4d2d22;--screen:#c7d5a4;--screen-dark:#506d50;--screen-mid:#7f9a70;--ink:#233c33}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 0,#f4d5a1 0,transparent 38%),#e7c89b;color:var(--deep);font-family:"Courier New",monospace}.console{width:min(470px,100%);min-height:100vh;padding:22px 20px 34px;background:linear-gradient(135deg,#fff9ed,#eed5ae 45%,#f8f0df);border:7px solid var(--orange-dark);border-radius:0 0 38px 38px;box-shadow:inset 0 0 0 5px #ffdca4,0 14px 0 #873b25}.console-head{display:flex;justify-content:space-between;align-items:center;color:var(--orange-dark);font-weight:bold;font-size:12px;letter-spacing:.08em;padding:3px 4px 17px}.power{font-size:10px}.power i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#dc4d35;box-shadow:0 0 6px #dc4d35}.screen-shell{position:relative;padding:15px 15px 18px;background:#71412c;border:5px solid #3c251c;border-radius:14px;box-shadow:inset 0 0 0 3px #9f6543}.screen-top{display:flex;justify-content:space-between;color:#d3e3af;font-size:10px;margin-bottom:10px}.lcd-screen{position:relative;min-height:442px;overflow:hidden;padding:19px;background:repeating-linear-gradient(0deg,var(--screen) 0 3px,#bdd09e 4px 5px);border:4px solid #284436;box-shadow:inset 0 0 0 4px #92aa7d;color:var(--ink)}.screen-glare{position:absolute;right:25px;top:42px;width:43%;height:88%;background:linear-gradient(125deg,transparent 15%,#fff8 16%,transparent 31%);pointer-events:none;opacity:.25}.controls{height:180px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}.dpad{position:relative;width:105px;height:105px}.dpad button{position:absolute;width:36px;height:36px;border:0;background:#4d2d22;color:#f8f0df;font:17px monospace;box-shadow:3px 3px #9d633e}.dpad button:active,.ab button:active,.center-buttons button:active{transform:translate(2px,2px);box-shadow:none}.dpad [data-nav=up]{left:35px;top:0}.dpad [data-nav=down]{left:35px;bottom:0}.dpad [data-nav=left]{left:0;top:35px}.dpad [data-nav=right]{right:0;top:35px}.center-buttons{display:flex;justify-content:center;gap:6px;transform:rotate(-10deg)}.center-buttons button{border:0;border-radius:10px;background:#b5825e;color:#fff0d6;padding:8px 5px;font:8px monospace;box-shadow:2px 2px #67432d}.ab{display:flex;justify-content:end;gap:12px;transform:rotate(-14deg)}.ab button{width:48px;height:48px;border:3px solid #873b25;border-radius:50%;background:#df7135;color:white;font:bold 22px Georgia;box-shadow:3px 3px #873b25}footer{display:flex;justify-content:space-between;padding:5px 4px;color:#a65a37;font-size:10px;letter-spacing:.1em}.pixel-icon{text-align:center;font-size:62px;margin:28px 0 12px;filter:drop-shadow(3px 3px #7e976c)}.game-title{text-align:center;font-size:24px;margin:8px 0}.game-copy{text-align:center;line-height:1.7;font-size:12px}.menu{margin-top:25px;border-top:3px solid var(--screen-dark);padding-top:12px}.menu button{display:block;width:100%;padding:12px;border:0;background:transparent;color:var(--ink);text-align:left;font:bold 13px monospace;cursor:pointer}.menu button.active,.menu button:hover{background:#6e8b60;color:#f5f0d7}.menu button:before{content:'>';margin-right:8px}.status{border-top:3px solid var(--screen-dark);margin-top:20px;padding-top:12px;line-height:1.8;font-size:12px}.guess-form{display:flex;gap:8px;margin-top:20px}.guess-form input{min-width:0;flex:1;padding:11px;border:2px solid var(--screen-dark);background:#e4efc8;font:13px monospace;color:var(--ink)}.guess-form button{border:2px solid var(--screen-dark);background:#e7833d;color:white;padding:0 13px;font:bold 12px monospace}.cells{display:flex;justify-content:center;gap:5px;margin:23px 0}.cell{width:35px;height:42px;border:2px solid var(--screen-dark);display:grid;place-items:center;font-weight:bold}.cell.hot{background:#698a5d;color:#f5f0d7}.cell.warn{background:#b6964d}.hint{text-align:center;font-size:12px;line-height:1.8;margin:17px 0}.rank{position:absolute;bottom:17px;left:19px;right:19px;border-top:2px solid var(--screen-dark);padding-top:8px;font-size:10px}dialog{border:4px solid var(--deep);background:var(--cream);box-shadow:7px 7px var(--orange-dark);font-family:monospace}dialog form{display:grid;gap:15px;padding:12px}dialog input{padding:10px;border:2px solid var(--deep);font:14px monospace}dialog menu{display:flex;justify-content:end;gap:8px;margin:0;padding:0}dialog button{padding:8px;border:2px solid var(--deep);background:#fff}dialog button:last-child{background:var(--orange);color:white}@media(min-width:520px){body{padding:25px}.console{min-height:auto;border-radius:38px}}