*{box-sizing:border-box}body{margin:0;color:#292b27;background:#f2f0e9;font-family:Arial,Helvetica,sans-serif}main{max-width:1160px;margin:auto;padding:32px 48px}header{display:flex;align-items:center;justify-content:space-between;padding-bottom:25px;border-bottom:1px solid #cccac2}.wordmark{font-weight:950;font-size:27px;letter-spacing:-1.5px;text-decoration:none;color:inherit}.wordmark span{display:block;font-size:11px;letter-spacing:3.8px;margin-top:4px}.edition{font-size:11px;letter-spacing:2px}.edition b{display:inline-block;padding:10px 12px;border:1px solid #b9b8ae;margin-left:12px}.game-area{padding:34px 0 0}.above,.under{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1.6px;margin-bottom:15px}.console{background:linear-gradient(120deg,#a94a4b,#702c30 80%);border:2px solid #602b2d;border-radius:21px;padding:16px;box-shadow:0 28px 35px -18px #372a2a70,0 3px 2px #49282c,inset 0 2px 2px #e8a9a2;transform:rotate(-.6deg)}.face{background:repeating-linear-gradient(0deg,#d3d4ce99 0px,#f2f2ed88 1px,#d9d9d288 2px),linear-gradient(110deg,#f2f3ee,#bfc0bb);border:2px solid #a3a49e;border-radius:11px;padding:23px 20px 20px;box-shadow:inset 0 1px 3px #fff,0 1px 2px #381d20}.top-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.badge{border:2px solid #3b403b;font-size:16px;font-weight:800;padding:5px;line-height:.95;letter-spacing:-.7px}.top-label>div{text-align:center}.top-label strong{font-size:24px;letter-spacing:3px;font-weight:900}.top-label div span{display:block;font-size:11px;letter-spacing:4px;margin-top:5px}.serial{font-size:10px;text-align:right;line-height:1.7}.game-row{display:flex;align-items:center;gap:20px}.side{width:75px;flex-shrink:0;text-align:center;align-self:flex-end;padding-bottom:30px}.side label{font-size:11px;font-weight:bold;display:block;margin-bottom:9px}.red{width:58px;height:58px;border-radius:50%;border:4px solid #4d4540;background:radial-gradient(circle at 35% 25%,#df5b5b,#a72230);box-shadow:0 3px 1px #fff8,inset 0 2px 2px #ef8c89,0 0 0 3px #bbbcb5;cursor:pointer;touch-action:none}.red:active,.red.pressed{transform:translateY(2px);background:#941f28}.key{display:block;margin-top:15px;font-size:10px;color:#656760}.bezel{flex:1;min-width:0;border-radius:12px;padding:13px;background:#763a3c;border:3px solid #a5a5a0;box-shadow:0 2px 2px #fff,inset 0 2px 3px #422a2b}.screen{position:relative;border:6px solid #303d36;border-radius:5px;background:#a5b096;box-shadow:inset 6px 6px 13px #34403150;overflow:hidden;aspect-ratio:720/460}canvas{width:100%;height:100%;display:block;filter:drop-shadow(2px 3px 1px #303b2420)}#overlay{position:absolute;inset:14% 3% 4%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#293a2b;background:#a5b096ed}#overlay[hidden]{display:none}#overlay-label{font:12px monospace;letter-spacing:3px}h1{font-size:clamp(25px,4.4vw,52px);line-height:.95;letter-spacing:-2px;margin:12px 0 7px;text-align:center;font-weight:950}#overlay p{font:13px monospace;margin:6px 0 15px}#start{background:#2c3b2b;color:#b9c2a8;border:0;padding:11px 26px;font:bold 13px monospace;letter-spacing:2px;cursor:pointer}#start span{margin-left:22px}#overlay small{font:9px monospace;margin-top:14px}.bottom{display:flex;align-items:center;justify-content:space-between;margin-top:22px}.engraving{font-size:9px;line-height:1.8;letter-spacing:1px}.small-controls{display:flex;gap:23px}.small-controls>div{text-align:center}.pill{display:block;margin:0 auto 7px;border:3px solid #693438;border-radius:20px;background:linear-gradient(#eeeee8,#b9bbb4);width:43px;height:20px;cursor:pointer;box-shadow:0 1px 1px #fff}.pill.selected{background:linear-gradient(#9e4b4f,#703137)}.small-controls label{font-size:9px;letter-spacing:.6px}.speaker{color:#7e8179;font-size:27px;letter-spacing:-3px}.under{margin-top:23px;letter-spacing:.7px;font-size:11px;color:#62655e}.under i{display:inline-block;width:6px;height:6px;background:#8a3339;border-radius:50%;margin-right:8px}.instructions{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:35px;margin-top:42px;padding:30px 0;border-top:1px solid #cccac2}.index{font-size:10px;letter-spacing:2px;color:#8a3339;font-weight:bold}h2{font-size:25px;line-height:1.1;letter-spacing:-1px;margin:14px 0}p{font-size:14px;line-height:1.6;color:#686b61}.bonus{padding-top:9px}.bonus>b{font:bold 28px monospace;display:block;height:37px;color:#394638}.bonus h3{font-size:15px;margin:12px 0 7px}.bonus p{margin:0 0 15px}.bonus>span{font-size:9px;letter-spacing:1.2px;color:#797c72}footer{display:flex;justify-content:space-between;border-top:1px solid #cccac2;padding-top:20px;font-size:9px;color:#7d7f76;gap:12px}footer span:first-child{letter-spacing:1.6px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}button:focus-visible{outline:3px solid #3473a5;outline-offset:5px}@media(min-width:1200px){.console{max-width:930px;margin:auto}.above,.under{max-width:930px;margin-left:auto;margin-right:auto}}@media(max-width:650px){main{padding:20px 16px}.edition{font-size:9px;letter-spacing:1px}.wordmark{font-size:23px}.above{font-size:8px;letter-spacing:.7px}.above span:last-child{display:none}.console{padding:8px;border-radius:14px;transform:none}.face{padding:14px 9px}.top-label{margin-bottom:10px}.badge{font-size:11px}.top-label strong{font-size:17px;letter-spacing:2px}.top-label div span{font-size:8px;letter-spacing:2px}.serial{font-size:7px}.game-row{gap:7px;flex-wrap:wrap}.bezel{order:0;flex-basis:100%;padding:7px}.side{order:1;width:64px;padding:8px 0 0;align-self:auto}.side.right{margin-left:auto}.side label{font-size:9px}.red{width:51px;height:51px}.key{display:none}.bottom{margin-top:14px;gap:6px}.small-controls{gap:12px}.pill{width:34px;height:18px}.small-controls label{font-size:8px}.engraving{font-size:7px}.speaker{display:none}.under{font-size:9px;gap:8px}.instructions{grid-template-columns:repeat(3,1fr);gap:15px;margin-top:25px;padding-top:24px}.intro{grid-column:1/-1}.intro h2{font-size:25px}.intro p{margin-bottom:0}.bonus p{font-size:12px}.bonus h3{font-size:13px}.bonus>span{font-size:8px}footer{flex-direction:column;font-size:9px}h1{font-size:36px}#overlay small{font-size:8px}}
:root{--shell:#3467b0;--button:#ed493b}main{max-width:1300px}.console{background:linear-gradient(125deg,color-mix(in srgb,var(--shell),white 20%),var(--shell));border-color:color-mix(in srgb,var(--shell),black 40%);transform:none}.red{background:radial-gradient(circle at 35% 25%,color-mix(in srgb,var(--button),white 20%),var(--button))}.red:active,.red.pressed{background:color-mix(in srgb,var(--button),black 15%)}.pill.selected{background:var(--button)}.bezel{background:var(--shell)}.screen{aspect-ratio:1000/620;background:#cbd0b6}.top-label strong{font-size:18px;letter-spacing:1.2px}.console{max-width:none!important}.game-area{padding-top:28px}#clock{font:bold 20px monospace;letter-spacing:2px;color:#2c382b;background:#b7bea6;border:2px inset #b6b8ad;border-radius:4px;padding:5px}.brand{position:relative;isolation:isolate;text-decoration:none;color:white;font-family:Georgia,serif;font-weight:950;display:block;font-size:39px;line-height:.81;letter-spacing:-2px;padding:9px 15px 13px;transform:rotate(-4deg)}.brand span,.brand strong{display:block;position:relative}.brand span:before,.brand strong:before{content:'';position:absolute;z-index:-1;inset:-6px -6px -4px;border-radius:48% 55% 41% 49%;background:#366db4}.brand span:before{background:#ebc831;left:37px;right:6px;transform:rotate(16deg)}.brand strong:before{background:linear-gradient(105deg,#df4628 52%,#376aac 53%)}.brand span{padding-left:10px}.header-right{display:flex;align-items:center;gap:25px}button{font-family:inherit}button:not(.pill):not(.red){cursor:pointer}#leaderboard{background:transparent;border:1px solid #94978b;padding:12px;font-size:12px;letter-spacing:1px}.quick-guide{display:flex;justify-content:space-around;gap:20px;padding:26px 0 32px;font-size:12px;letter-spacing:1px}.quick-guide b{color:#3065a8;margin-right:8px}.under{max-width:none!important}footer{font-size:11px}.small-controls label{font-size:11px}.side label{font-size:12px}.key{font-size:12px}#overlay{background:#cbd0b6f5;inset:19% 4% 5%}#overlay p{color:#34402f;font-size:14px;text-align:center}#overlay small{font-size:10px;text-align:center}#start:disabled{opacity:.5;cursor:wait}dialog{border:1px solid #acafa0;border-radius:16px;max-width:620px;width:calc(100% - 32px);max-height:85vh;background:#f4f3ed;color:#273023;padding:26px;box-shadow:0 25px 90px #0005}dialog::backdrop{background:#15221bb0}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #cbcdbf;padding-bottom:14px;margin-bottom:18px}.dialog-head h2{margin:0;font-size:24px}.dialog-head button{border:0;background:transparent;font-size:24px;padding:6px}dialog p{font-size:15px;color:#535d4e}dialog h3{font-size:13px;letter-spacing:1.5px;margin-top:26px}.settings{display:flex;gap:22px;flex-wrap:wrap}.settings label{font-size:16px;display:flex;align-items:center;gap:8px}.settings input{width:20px;height:20px;accent-color:#376aac}.swatches{display:flex;gap:9px;flex-wrap:wrap;margin:10px 0 18px}.swatches button{width:34px;height:34px;border:3px solid transparent;border-radius:50%;box-shadow:0 0 0 1px #8885}.swatches button[aria-pressed=true]{outline:2px solid #253126;outline-offset:3px}#itemGuide>div{display:flex;align-items:center;gap:18px;margin:20px 0}#itemGuide img{object-fit:contain;width:38px;height:40px;flex-shrink:0}#itemGuide p{margin:4px 0}#itemGuide b{font-size:14px}.score-tabs{display:flex;gap:10px}.score-tabs button,#retryBoard,#playAgain{padding:10px 15px;background:transparent;border:1px solid #969e89;border-radius:5px}.score-tabs button[aria-pressed=true]{background:#293a2b;color:white}table{width:100%;border-collapse:collapse;margin:16px 0 24px}th,td{text-align:left;padding:12px 6px;border-bottom:1px solid #d1d4c6;font-size:14px}th{font-size:12px}#scoreForm{display:grid;gap:12px}#scoreForm label{font-size:13px;font-weight:bold}#playerName{font-size:18px;padding:12px;border:1px solid #98a18c;border-radius:5px;min-width:0}#saveScore{background:#2d4c36;color:white;border:0;padding:14px;border-radius:5px;font-weight:bold}#saveScore:disabled{opacity:.5}#saveStatus,#boardStatus{min-height:24px}.error{color:#a62626!important}@media(max-width:650px){main{padding:18px 12px}.header-right{gap:10px}.header-right .edition{display:none}.brand{font-size:30px}.top-label strong{font-size:11px}.top-label div span{font-size:9px}.badge{font-size:11px}#clock{font-size:13px;padding:4px;letter-spacing:0}.console{padding:6px}.face{padding:10px 5px}.screen{border-width:3px}.bezel{padding:5px}.small-controls label{font-size:9px}.quick-guide{flex-wrap:wrap;font-size:10px;gap:12px;padding:20px 0}.under{font-size:10px;line-height:1.6}.under span:last-child{max-width:170px;text-align:right}.small-controls{gap:14px}.engraving{font-size:9px}.pill{width:38px;height:22px}#overlay h1{font-size:32px;margin:6px 0}#overlay p{font-size:11px;margin:4px 0 10px}#overlay small{font-size:8px;margin-top:8px}#start{padding:8px 22px}footer{font-size:10px}dialog{padding:20px}}
/* All menus live inside the LCD, including the score entry panel. */
header{justify-content:flex-end;padding:0 0 14px;border:0}.header-right{width:100%;justify-content:flex-end}.top-label{padding:2px 5px 12px}.console-brand{font-family:Georgia,'Times New Roman',serif;font-weight:900!important;font-size:clamp(30px,4vw,54px)!important;line-height:1;letter-spacing:-2px!important;color:#292b27}.screen{isolation:isolate}.screen-panel{position:absolute;z-index:10;inset:0;overflow:auto;overscroll-behavior:contain;padding:18px 24px;background:#cbd0b6;color:#242d20;font-family:monospace;scrollbar-color:#48533f #cbd0b6}.screen-panel[hidden]{display:none}.screen-panel .dialog-head{position:sticky;top:-18px;z-index:2;background:#cbd0b6;margin:-1px 0 14px;padding:8px 0 10px;border-color:#69765a}.screen-panel h2{font:900 24px monospace;letter-spacing:1px;margin:0}.screen-panel h3{font:bold 15px monospace;margin:21px 0 12px}.screen-panel p{font:14px/1.5 monospace;color:#242d20}.screen-panel button:not(.swatches button),.screen-panel input{font:inherit;color:#242d20;background:transparent;border:1px solid #242d20;border-radius:0;padding:7px 10px}.screen-panel .dialog-head button{border:0;font-size:22px;padding:2px 8px}.screen-panel button:focus-visible,.screen-panel input:focus-visible{outline:2px solid #242d20;outline-offset:2px}.screen-panel .settings label{font:14px monospace}.screen-panel .settings input{accent-color:#242d20}.screen-panel #saveScore,.screen-panel .score-tabs button[aria-pressed=true]{background:#242d20;color:#cbd0b6}.screen-panel #scoreForm{gap:8px}.screen-panel #playerName{font:18px monospace;padding:8px}.screen-panel #finalScore{font:bold 19px monospace}.screen-panel #saveStatus,.screen-panel #boardStatus{font:13px monospace;margin:8px 0;min-height:0}.screen-panel #playAgain{margin-top:5px}.screen-panel .error{color:#242d20!important;font-weight:bold}.screen-panel #itemGuide>div{gap:12px;margin:14px 0}.screen-panel #itemGuide p{font-size:13px}.screen-panel #itemGuide b{font-size:14px}.screen-panel #itemGuide img{width:30px;height:32px}.screen-panel td,.screen-panel th{border-color:#7c886d;font-family:monospace}.screen-panel .swatches button{width:28px;height:28px}.screen-panel .swatches button[aria-pressed=true]{outline-color:#242d20}.screen-panel #confirmMode{display:block;margin:16px 0}.under{margin-bottom:25px}@media(max-width:650px){.console-brand{font-size:32px!important}.top-label{padding-bottom:8px}.screen-panel{padding:8px 12px}.screen-panel .dialog-head{top:-8px;padding:3px 0 5px;margin-bottom:7px}.screen-panel h2{font-size:18px}.screen-panel #finalScore{font-size:15px;margin:5px 0}.screen-panel #scoreForm{gap:5px}.screen-panel #playerName{font-size:16px;padding:5px}.screen-panel #saveScore,.screen-panel #playAgain{font-size:12px;padding:6px}.screen-panel #scoreForm label{font-size:11px}.screen-panel #itemGuide p{font-size:13px}.screen-panel .settings{gap:12px}.screen-panel .settings input{width:17px;height:17px}}

.screen{aspect-ratio:1000/620}.console-logo{width:clamp(190px,33vw,350px);height:82px;object-fit:contain;object-position:left center;max-width:74%}@media(max-width:650px){.console-logo{height:55px;width:235px}}

@font-face{font-family:"Big Watch LCD";src:url("assets/big-watch-lcd.ttf?v=8") format("truetype");font-style:normal;font-weight:400;font-display:block}#clock{font-family:"Big Watch LCD",monospace;font-size:30px;letter-spacing:2px;line-height:1.25;font-weight:400}.screen-panel #finalScore{font-family:"Big Watch LCD",monospace;font-weight:400}@media(max-width:650px){#clock{font-size:20px;letter-spacing:1px}}

/* Upright, larger LCD readouts; artwork and layout remain unchanged. */
#clock{font-size:38px;font-style:normal;font-synthesis:none}.screen-panel #finalScore{font-size:24px;font-style:normal}.screen-panel td:nth-child(3),.screen-panel td:nth-child(4){font:20px "Big Watch LCD",monospace;font-style:normal}@media(max-width:650px){#clock{font-size:26px}.screen-panel #finalScore{font-size:18px}}

footer.credits{display:block;line-height:1.6;padding-top:20px}footer.credits>strong{font-size:12px;letter-spacing:1.5px}footer.credits p{font-size:13px;line-height:1.6;margin:8px 0;color:#62655e}footer.credits a{color:inherit;text-decoration:underline;text-underline-offset:3px}

#keyboardLayout{display:block;width:100%;margin:8px 0 12px;padding:8px;border:1px solid #242d20;background:#cbd0b6;color:#242d20;font:14px monospace}#customKeys{display:flex;gap:10px;flex-wrap:wrap}#customKeys[hidden]{display:none}#customKeys button{flex:1;min-width:110px}#keyStatus{min-height:2em}