:root{--scale:3;--bg:#0e0a08;--panel-text:#f4e3a1;--muted:#b89a72;--dialog-bg:#2b1d14;--dialog-border:#c9a15a;--button-bg:#5c4332;--button-hover:#7a5a3f;--primary:#f08a24;--star:#f2c14e;--star-empty:#2b1d14;--paper:#efe6d2;--ink:#3b2a20;--font:ui-monospace, "Cascadia Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--panel-text);font-family:var(--font);touch-action:none;-webkit-user-select:none;user-select:none;place-items:center;display:grid;overflow:hidden}#stage{width:calc(320px * var(--scale));height:calc(180px * var(--scale));font-size:calc(6px * var(--scale));position:relative}#screen{width:100%;height:100%;image-rendering:pixelated;display:block}.panel{flex-direction:column;gap:.6em;width:15%;padding:0 .5em;display:flex;position:absolute;top:10%;bottom:10%}.panel p{margin:0}.panel-left{left:0}.panel-right{align-items:stretch;right:0}.level-name{font-weight:700}.muted{color:var(--muted)}button{font:inherit;color:var(--panel-text);background:var(--button-bg);border:calc(.5px * var(--scale)) solid var(--dialog-border);cursor:pointer;padding:.3em .4em}button:hover{background:var(--button-hover)}button:focus-visible{background:var(--button-hover)}button:focus-visible{outline:2px solid var(--panel-text);outline-offset:1px}.panel-right button{flex-direction:column;align-items:center;line-height:1.1;display:flex}.panel-right button span{font-size:.75em}.dialog{background:var(--dialog-bg);border:calc(1px * var(--scale)) solid var(--dialog-border);text-align:center;min-width:45%;padding:.8em 1.2em;position:absolute;top:50%;bottom:auto;left:50%;right:auto;transform:translate(-50%,-50%)}.dialog[hidden]{display:none}.dialog h2{margin:0 0 .4em;font-size:1.3em}.dialog p{margin:.3em 0}.stars{letter-spacing:.1em;color:var(--star);font-size:2em}.stars .empty{color:var(--star-empty)}.actions{justify-content:center;gap:.6em;margin-top:.6em;display:flex}button.primary{background:var(--primary);color:var(--bg)}.dialog.note{max-width:70%}.note-text{background:var(--paper);color:var(--ink);padding:.5em .8em;font-style:italic}.dialog .muted{font-size:.85em}.level-grid{grid-template-columns:repeat(5,1fr);gap:.4em;display:grid}.level-grid button{flex-direction:column;align-items:center;display:flex}.level-grid .stars{font-size:.8em}.level-grid button.locked{opacity:.55;cursor:not-allowed}.lock{background:currentColor;width:.8em;height:.6em;margin:.55em 0 .25em;position:relative}.lock:before{content:"";box-sizing:border-box;border:.12em solid;border-bottom:none;width:.5em;height:.4em;position:absolute;bottom:100%;left:.15em}.level-grid .riddle-room{background:var(--paper);color:var(--ink);border-color:var(--primary);grid-column:span 3}.debug-badge{color:#fff;background:#c0392b;align-self:flex-start;padding:0 .3em;font-size:.75em}.debug-badge[hidden]{display:none}.dial-list{margin:.6em 0 0;padding:0;list-style:none}.dial-list:empty{display:none}.note-list{margin:.3em 0;padding:0;list-style:none}.note-list li{margin:.2em 0}.note-list .note-text{display:inline-block}.toast{background:var(--dialog-bg);border:calc(1px * var(--scale)) solid var(--dialog-border);white-space:nowrap;margin:0;padding:.3em .8em;position:absolute;bottom:3%;left:50%;transform:translate(-50%)}.toast[hidden]{display:none}.level-select-body{align-items:flex-start;gap:.8em;display:flex}.collected{text-align:left;min-width:7em}.collected h3{margin:0 0 .3em;font-size:1em}.collected ul{margin:0;padding:0;list-style:none}.collected li{white-space:nowrap}.collected li+li{margin-top:.3em}.collected button{text-align:left;width:100%}.collected .locked{color:var(--muted)}#rotate-hint{text-align:center;background:var(--bg);place-content:center;margin:0;padding:2em;font-size:1.2rem;display:none;position:fixed;top:0;bottom:0;left:0;right:0}@media (orientation:portrait) and (max-width:700px){#rotate-hint{display:grid}}.level-grid .riddle-room:hover:not(:disabled){background:#fff8e6}.level-grid .riddle-room .stars{color:var(--primary)}.legal-links{font-size:.75em}.legal-links a{color:var(--muted)}