:root{--ink:#152c38;--paper:#f4f0e7;--gold:#bc9c5a}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}header{padding:22px 5%;display:flex;justify-content:space-between;border-bottom:1px solid #d3cfc4}a{color:inherit;text-decoration:none}header a:first-child{font-weight:800;letter-spacing:2px}header span{font-size:10px;margin-left:12px}main{max-width:1300px;margin:auto;padding:36px 5%}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}small,label{font-size:10px;font-weight:700;letter-spacing:2px}h1{font:clamp(35px,5vw,62px) Georgia,serif;margin:12px 0}.heading p{margin:0;color:#607079}.stamp{font:12px/1.5 monospace;border:1px solid var(--gold);padding:12px;transform:rotate(5deg);color:#8b713d}.layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:30px}.play{min-width:0}.hud{background:var(--ink);color:white;padding:12px 18px;display:flex;align-items:center;gap:20px;font-size:12px;letter-spacing:2px}.hud strong{margin-left:auto;font:25px Georgia}.hud button{padding:7px 12px;border:1px solid #7e9199;background:transparent;color:white}.screen{position:relative;background:#ded8c6}canvas{width:100%;display:block;aspect-ratio:900/620;touch-action:none}button,select{font:inherit;border-radius:0;cursor:pointer}button{border:0;background:var(--ink);color:white;padding:14px;font-weight:700;touch-action:none;user-select:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #c59035;outline-offset:3px}button:disabled{opacity:.5;cursor:default}#overlay{position:absolute;inset:0;background:#132c38f2;color:#fff;text-align:center;padding:7% 10%;display:flex;flex-direction:column;align-items:center;justify-content:center}#overlay[hidden]{display:none}#overlay h2{font:clamp(23px,3.5vw,43px)/1.05 Georgia;margin:15px 0}#overlay p{font-size:14px;line-height:1.5;max-width:500px;margin:8px 0}#overlay button{background:#e8d5a9;color:#132c38;margin:15px 0}#overlay span{font-size:10px;opacity:.7}.controls{display:flex;justify-content:space-between;gap:12px;margin-top:12px}.dpad{display:grid;grid-template-columns:repeat(3,43px);gap:4px}.dpad button{padding:10px}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1}.actions{display:flex;gap:6px;align-items:center}.actions button{min-height:52px;font-size:12px}#reassure{background:#b99c62;color:#112834}#cooldown{display:block;font-size:10px;margin-top:5px}button.pressed{background:#537b81;color:white}.quote{font:italic 17px/1.4 Georgia;min-height:48px;border-left:3px solid var(--gold);padding-left:14px}select{display:block;width:100%;margin:12px 0;padding:12px;border:1px solid #b4bcb9;background:transparent;color:var(--ink)}aside p{font-size:13px;line-height:1.6;color:#5d6b70}.report{margin-top:24px;padding-top:20px;border-top:1px solid #bfc5be}.count{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #ddd9cf;font-size:14px}.count b{font-variant-numeric:tabular-nums}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px}.quality{display:flex;justify-content:space-between;font-size:12px;margin-top:20px}.meter{height:5px;background:#d8d6c9;margin-top:10px}.meter i{display:block;height:100%;width:0;background:#9c7c3c}.notes{border-top:1px solid #bfc5be;margin-top:25px}.notes h3{font:22px Georgia}.fine{font-size:10px}footer{text-align:center;border-top:1px solid #d3cfc4;padding:25px;font-size:10px;letter-spacing:1px}@media(max-width:850px){.layout{grid-template-columns:1fr}aside{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}aside>label,aside>select,aside>#brief,aside>.fine{grid-column:1/-1}.heading .stamp{display:none}main{padding:24px 4%}header span{display:none}.heading{margin-bottom:20px}#overlay{padding:4%}#overlay p{font-size:12px;margin:5px 0}#overlay h2{margin:8px 0}#overlay small,#overlay>span{display:none}#overlay button{padding:11px;margin:8px}canvas{aspect-ratio:900/740}.actions button{padding:10px}.controls{gap:5px}.dpad{grid-template-columns:repeat(3,38px)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
/* Keep iOS press-and-hold gestures available to gameplay controls. */
.controls,.controls *,#world{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none}