:root{--surface:#f5f6f2;--line:#ccd5d0;--green:#176c61;--muted:#606c68;color:#293f39;background:#8bc6e6;color-scheme:light}
button:focus-visible,a:focus-visible,input:focus-visible{outline-color:#bf4967}.overlay{background:#173b3a60}.menu-overlay{background:#11373548}.menu-window{width:950px;padding:23px 28px 0;border:1px solid #fff;border-top:6px solid #72364c;box-shadow:0 15px 80px #143d4155;border-radius:4px}.brand-row{padding-bottom:17px}.wordmark{font:bold 34px 'Courier New',monospace;color:#72364c;text-shadow:none;gap:10px;align-items:center}.wordmark svg{width:31px;height:31px;stroke-width:2}.brand-line{font-size:12px;color:#66766d;margin:6px 0 0}.menu-tools{color:#557064}.menu-caption h1{font-weight:700;font-size:14px}.menu-caption>span{color:#72364c;font-weight:bold}.level-selector{grid-template-columns:1.13fr 1fr;gap:26px}#level-list{height:395px;scrollbar-color:#a5b8ad #e8eee8}.level-row{border-color:#dfe5df;height:40px;grid-template-columns:26px minmax(0,1fr) 77px;font-size:13px}.level-row.selected{background:#72364c;color:#fff}.level-row:hover{background:#e6eeea}.level-row.selected:hover{background:#85435b}.level-row.done .level-number{opacity:1;color:#197569}.level-row.selected.done .level-number{color:#c9e6b9}.level-row.chapter-start{border-top:3px solid #bccdc1}.level-number{opacity:.75}.preview-heading{gap:12px;align-items:center;color:#557268;font-size:11px}.preview-heading>span:first-child{font-size:19px;font-weight:bold;color:#72364c}.preview-heading>span:last-child{text-align:right}#level-preview{aspect-ratio:15/7;max-height:174px;border-color:#b4c5bd;background:#83b9ca}.level-detail h2{color:#72364c;font-weight:700;font-size:23px;margin:14px 0 5px;line-height:1.15}#case-line{font-size:13px;line-height:1.5;min-height:58px;margin:0 0 12px;color:#586963;overflow-wrap:break-word}.level-detail dl{margin-bottom:14px;gap:38px}.primary{background:#176c61;color:#fff;border-color:#176c61;box-shadow:0 2px 0 #0d5149;font-size:14px}.menu-footer{gap:20px}.menu-footer>span{color:#78877e;font-size:9px}.menu-footer .text-button,.text-button{color:#3e6254}.menu-footer a{color:#6e3f51}.document-icon{display:inline-block;position:relative;width:15px;height:19px;background:#f4f6ee;border:1px solid #77b9c3;border-radius:1px;margin:0 4px;flex:none;transform:rotate(-7deg)}.document-icon:before{content:'';position:absolute;inset:4px 3px;background:repeating-linear-gradient(to bottom,#668a97 0 1px,transparent 1px 4px)}.document-icon:after{content:'';width:5px;height:5px;border:1px solid #b64460;position:absolute;bottom:2px;right:1px;border-radius:50%}#hud{background:#283f3cee;color:#f8f7ee;border-color:#7aafa07a}.hud-center{color:#e9f4e8}#gravity{color:#ffe27d}.bottom-status{color:#fff;text-shadow:0 1px 3px #293f39;background:#283f3cdd;padding:9px 12px;border-radius:3px;gap:18px;bottom:12px;left:12px;font-size:10px}.bottom-status b{font-size:12px}#ready-mark{font-size:14px;top:17%;color:#6a3148;text-shadow:none;background:#fffbea;padding:9px 17px;border:2px solid #6a3148;transform:translateX(-50%) rotate(-3deg);white-space:nowrap}#paper-notice{position:fixed;top:66px;left:50%;transform:translateX(-50%);background:#f8fcf3ed;border-left:4px solid #1c7b67;box-shadow:0 3px 18px #20392c20;padding:10px 18px;max-width:420px;width:max-content;z-index:2;pointer-events:none;text-align:center}#paper-label{display:block;color:#176c61;font-size:12px;font-weight:bold}#paper-line{display:block;color:#54645e;font-size:11px;margin-top:3px}.dialog{border-color:#d2dfd3;box-shadow:0 12px 70px #153b3c40}.compact{width:360px}.dialog h2{color:#72364c;font-weight:bold}.dialog-line{font-size:13px;line-height:1.6;color:#5d6f65;margin:0 0 20px;max-width:290px}.pause-cup{color:#72364c;width:38px;height:38px;margin-bottom:15px}.eyebrow{color:#557568}#result-stamp{font:bold 25px 'Courier New',monospace;border:3px double #197363;color:#197363;padding:5px 12px;transform:rotate(-7deg);margin:8px 0 22px;animation:stamp-in .22s ease-out}#result[data-won=false] #result-stamp{color:#a33656;border-color:#a33656}#result-title{font-size:22px;margin-bottom:10px}#result-time{color:#293f39;font-size:33px}#result-joke{min-height:62px;margin-bottom:15px}.result-count{color:#60786a;margin-bottom:18px}.result-tools{color:#607b6c;margin-top:4px}#toast{background:#f7f8f0;color:#413f38;border-color:#bdccb6}.bindings kbd{color:#713950}#replay-strip{background:#283f3cee;color:#f3f3dd}.touch-button{background:#324e49db;color:white;border-color:#9ebdab}.touch-button.throttle{background:#276f64df;color:#fff}.touch-button.held{background:#e0b259;color:#233e38}
@keyframes stamp-in{from{transform:rotate(-15deg) scale(1.4);opacity:0}to{transform:rotate(-7deg) scale(1);opacity:1}}
body:not([data-overlay=play]) .bottom-status{display:none}
@media(prefers-reduced-motion:reduce){#result-stamp{animation:none}}
@media(max-height:740px){.menu-window{padding-top:14px}.brand-row{padding-bottom:10px}.menu-caption{height:40px}#level-list{height:352px}.level-selector{padding-bottom:16px}#level-preview{max-height:140px}.level-detail h2{font-size:21px}#case-line{min-height:58px;margin-bottom:8px}.menu-footer{min-height:48px}}
@media(max-width:650px){.menu-window{padding:16px 16px 0}.wordmark{font-size:29px}.wordmark svg{width:27px;height:27px}.brand-line{font-size:10px}.menu-tools{gap:0}.menu-caption{height:42px}.menu-caption h1{font-size:12px}.level-selector{grid-template-columns:1fr;gap:14px}#level-list{height:244px}.level-row{height:36px}.level-detail{grid-template-columns:104px minmax(0,1fr);gap:7px 12px}#level-preview{width:104px;height:82px;grid-row:1/3;object-fit:contain}.level-detail h2{font-size:18px;margin:0;line-height:1.15}.level-detail dl{margin:0;gap:22px}.level-detail dl dd{font-size:12px}#case-line{grid-column:1/-1;grid-row:3;min-height:40px;font-size:12px;margin:1px 0 3px}.level-detail>.primary{grid-column:1/-1;font-size:13px}.menu-footer{gap:12px;font-size:11px;min-height:47px}.menu-footer .text-button{font-size:11px}#paper-notice{top:108px;width:calc(100% - 32px);max-width:360px;padding:8px 10px}#paper-line{font-size:10px}.bottom-status{gap:10px;font-size:9px}#ready-mark{top:26%}.compact{width:340px}#level-title{max-width:110px}.hud-center .document-icon{width:12px;height:16px;margin:0 2px}#hud .timer{font-size:20px;min-width:99px}}
@media(pointer:coarse){.bottom-status{bottom:102px}}
@media(max-height:690px) and (max-width:650px){.overlay{padding:8px}.menu-window{padding:10px 12px 0}.brand-row{padding-bottom:9px}.wordmark{font-size:26px}.brand-line{margin-top:3px}#level-list{height:175px}.level-selector{gap:11px;padding-bottom:12px}#level-preview{height:65px;width:92px}.level-detail{grid-template-columns:92px minmax(0,1fr)}.level-detail h2{font-size:16px}#case-line{min-height:40px;font-size:11px}.menu-caption{height:36px}.menu-footer{min-height:42px}}
@media(max-height:480px) and (min-width:651px){.menu-window{max-width:840px;padding:8px 18px 0}.brand-row{padding-bottom:6px}.wordmark{font-size:25px}.wordmark svg{width:23px;height:23px}.brand-line{font-size:10px;margin-top:1px}.menu-caption{height:29px}#level-list{height:230px}.level-row{height:32px}.level-selector{padding-bottom:8px;gap:22px}.preview-heading{margin-bottom:5px;font-size:10px}.preview-heading>span:first-child{font-size:14px}#level-preview{height:74px}.level-detail h2{font-size:17px;margin:7px 0 3px}#case-line{font-size:11px;min-height:32px;line-height:1.35;margin-bottom:5px}.level-detail dl{margin-bottom:8px}.level-detail dl>div{flex-direction:row;align-items:center;gap:7px}dd{font-size:12px}.primary{min-height:34px;padding:7px 14px;font-size:12px}.menu-footer{min-height:36px}.compact{padding:16px;width:420px}#result-stamp{font-size:20px;margin:3px 0 13px}#result-title{font-size:19px;margin-bottom:6px}#result-joke{min-height:30px;margin-bottom:7px;font-size:12px}#result-time{font-size:27px;margin-bottom:7px}.result-count{margin-bottom:10px}.result-tools{margin-top:0}.eyebrow{margin-bottom:5px}.dialog-line{margin-bottom:12px}.pause-cup{width:27px;height:27px;margin-bottom:10px}}