@font-face{font-family:Bodoni Moda;src:url(/games/five-to-noon/play/fonts/bodoni-moda.woff2)format("woff2");font-weight:400 900;font-display:swap}@font-face{font-family:Bodoni Moda;src:url(/games/five-to-noon/play/fonts/bodoni-moda-italic.woff2)format("woff2");font-weight:400 900;font-style:italic;font-display:swap}@font-face{font-family:Karla;src:url(/games/five-to-noon/play/fonts/karla.woff2)format("woff2");font-weight:200 800;font-display:swap}:root,[data-look=noon]{--bg:#efe6d2;--surface:#fbf6ea;--ink:#221c17;--muted:#54493f;--line:#d3c4a6;--accent:#a3361f;--accent-soft:#d6a0348c;--primary:#221c17;--primary-ink:#fbf6ea;--sky:#cfdfe2;--ground:#dccdab;--lawn:#8fae6a;--lawn-2:#9fbb78;--path:#ece0c2;--step:#c9b58e;--wall:#ece0cb;--wall-2:#e1d2b8;--cream:#f3e6c9;--pink:#e9c6b9;--brick:#b5674c;--timber:#80593a;--roof:#5a6c84;--slate:#4c5868;--tile:#b0583c;--barn:#8c3a2a;--door:#4a372a;--shut:#5f7451;--glass:#f6d68a;--awning:#c04c39;--awning-b:#3f6c8f;--tree:#5e8a4a;--pump:#3f4a52;--stroke:transparent;--face:#fbf6ea;--label:#3d342c}[data-look=print]{--bg:#e7e2d3;--surface:#f4f0e4;--ink:#1b2640;--muted:#3e4860;--line:#c6c0ae;--accent:#b13a22;--accent-soft:#c7482c59;--primary:#1b2640;--primary-ink:#f4f0e4;--sky:#e7e2d3;--ground:#e7e2d3;--lawn:#c3cdb0;--lawn-2:#ccd5bb;--path:#f4f0e4;--step:#d6cfba;--wall:#f4f0e4;--wall-2:#ebe5d5;--cream:#f4f0e4;--pink:#f1ddd2;--brick:#e1c8b8;--timber:#d9cdb5;--roof:#2b3c64;--slate:#2b3c64;--tile:#b13a22;--barn:#b13a22;--door:#1b2640;--shut:#2b3c64;--glass:#f0c450;--awning:#b13a22;--awning-b:#2b3c64;--tree:#7e9471;--pump:#1b2640;--stroke:#1b2640;--face:#f4f0e4;--label:#1b2640}[data-look=frost]{--bg:#e6ecef;--surface:#f7f9fa;--ink:#17232d;--muted:#40505c;--line:#c3cfd6;--accent:#9b3122;--accent-soft:#4682aa59;--primary:#17232d;--primary-ink:#f7f9fa;--sky:#d4e0e8;--ground:#dfe7ec;--lawn:#f3f7f9;--lawn-2:#e8eff3;--path:#b9c4cc;--step:#a8b4bd;--wall:#d6c8b3;--wall-2:#cbbca5;--cream:#e3d5bd;--pink:#dcbcb1;--brick:#9c5b45;--timber:#6c4e36;--roof:#f5f8fa;--slate:#eef3f6;--tile:#f5f8fa;--barn:#eef3f6;--door:#3b2d24;--shut:#3c566a;--glass:#ffd27a;--awning:#8e3b33;--awning-b:#345b78;--tree:#4c6b5a;--pump:#2e3a42;--stroke:#8796a1;--face:#fff;--label:#23313b}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;font:400 18px/1.45 Karla,system-ui,sans-serif}#app{min-height:100%}main{max-width:520px;padding:max(10px, env(safe-area-inset-top)) 14px max(14px, env(safe-area-inset-bottom));margin:0 auto}h1,h2{letter-spacing:.005em;margin:0;font-family:Bodoni Moda,Georgia,serif;font-weight:600}.sub{color:var(--muted);font-size:15px;font-weight:400;display:block}b{font-weight:700}a{color:var(--accent)}button{font:inherit;color:inherit}:focus-visible{outline-offset:2px;outline:3px solid #1c73c5}.btn{border:1.5px solid var(--ink);background:var(--surface);cursor:pointer;border-radius:12px;width:100%;min-height:52px;padding:10px 16px;font-size:18px;font-weight:700;display:block}.btn.primary{background:var(--primary);color:var(--primary-ink);border-color:var(--primary)}.btn.quiet{border-color:var(--line);font-weight:600}.btn:disabled{opacity:.45;cursor:default}.btn .sub{margin-left:6px;font-size:15px;display:inline}.btn .bells{vertical-align:-3px;margin-left:6px}.icon-btn{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:relative}.icon-btn svg,.tool svg,.clock-step svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px}.tool svg path[d^="M8 5 L19"]{fill:currentColor}.badge{text-transform:uppercase;letter-spacing:.04em;background:var(--accent);color:#fff;border-radius:8px;padding:0 5px;font-size:11px;font-weight:800;line-height:16px;position:absolute;bottom:2px;right:-2px}.badge:empty{display:none}.bar{grid-template-columns:48px 1fr 48px;align-items:center;margin:0 -6px 4px;display:grid}.bar h2{text-align:center;font-size:24px}.bells{gap:2px;display:inline-flex}.bells svg{fill:none;stroke:currentColor;stroke-width:1.6px;opacity:.45;width:20px;height:20px}.bells .on svg{fill:#e0a526;stroke:var(--ink);opacity:1}.maker{color:var(--muted);justify-content:center;align-items:center;gap:8px;font-size:15px;display:flex}.mark{width:18px;height:18px}.home{flex-direction:column;min-height:100dvh;display:flex;position:relative}.settings-btn{right:6px;top:max(6px, env(safe-area-inset-top));z-index:2;position:absolute}.home-art{margin:34px -6px 4px}.home-art .diorama{pointer-events:none;border-radius:18px}.title{text-align:center;margin-top:14px;font-size:clamp(46px,13vw,64px);font-weight:700;line-height:1}.title i{color:var(--accent);font-weight:400}.tagline{text-align:center;color:var(--muted);margin:10px 8px 20px}.home-actions{gap:10px;display:grid}.home .maker{margin-top:auto;padding-top:18px}.lede{color:var(--muted);margin:0 0 12px}.cases{gap:8px;margin:0;padding:0;list-style:none;display:grid}.case-row{text-align:left;border:1.5px solid var(--line);background:var(--surface);cursor:pointer;border-radius:12px;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;width:100%;min-height:64px;padding:8px 14px 8px 10px;display:grid}.case-row:disabled{opacity:.55;cursor:default}.case-n{text-align:center;color:var(--accent);font-family:Bodoni Moda,serif;font-size:28px;font-weight:700}.case-name{font-weight:700}.case-name:first-letter{text-transform:uppercase}.case{flex-direction:column;min-height:100dvh;display:flex}.brief{margin:0 2px 10px;font-family:Bodoni Moda,serif;font-size:19px;font-style:italic;line-height:1.35}.brief b{color:var(--accent);font-style:normal}.stage{margin:0 -6px}.diorama{aspect-ratio:400/296;touch-action:none;background:var(--ground);box-shadow:0 1px 0 var(--line), 0 6px 18px #281e0a1f;-webkit-user-select:none;user-select:none;border-radius:14px;position:relative;overflow:hidden}.diorama svg{transform-origin:0 0;width:100%;height:100%;display:block}.diorama svg.animate{transition:transform .35s}.diorama.is-zoomed{cursor:grab}.ground{fill:var(--ground)}.sky{fill:var(--sky)}.lawn{fill:var(--lawn)}.lawn-2{fill:var(--lawn-2)}.path{stroke:var(--path);stroke-width:9px;stroke-linecap:round}.step{fill:var(--step)}.wall,.wall-2,.roof,.door,.shut,.glass,.awning,.chimney{stroke:var(--stroke);stroke-width:.9px}.wall{fill:var(--wall)}.wall-2{fill:var(--wall-2)}.wall-cream{fill:var(--cream)}.wall-pink{fill:var(--pink)}.brick{fill:var(--brick)}.timber{fill:var(--timber)}.roof{fill:var(--roof)}.roof-slate{fill:var(--slate)}.roof-tile{fill:var(--tile)}.roof-barn{fill:var(--barn)}.chimney{fill:var(--brick)}.door{fill:var(--door)}.door-line{stroke:var(--wall-2);stroke-width:1.2px;fill:none}.shut{fill:var(--shut)}.glass{fill:var(--glass)}.awning{fill:var(--awning)}.awning-b{fill:var(--awning-b)}.sign,.postbox{fill:var(--awning)}.anvil{fill:var(--pump)}.clockface{fill:var(--face);stroke:var(--ink);stroke-width:1px}.church-hands .hand{stroke:var(--ink);stroke-width:1.3px;stroke-linecap:round}.pump{fill:var(--pump)}.tree circle{fill:var(--tree)}.glazing rect,.glazing line{fill:none;stroke:var(--door);stroke-width:1.6px}.labels text{fill:var(--label);text-anchor:middle;paint-order:stroke;stroke:var(--bg);stroke-width:3px;stroke-linejoin:round;font:700 10.5px Karla,sans-serif}.bld{cursor:pointer}.scene-mark circle{fill:var(--accent)}.scene-mark text{fill:#fff;text-anchor:middle;font:700 11px Bodoni Moda,serif}.diorama.still .scene-mark{display:none}.more{fill:var(--ink);font:700 10px Karla,sans-serif}.who .pos{transition:transform .45s cubic-bezier(.4,.1,.3,1)}.who{cursor:pointer;transition:opacity .3s}.who.hidden{opacity:0;pointer-events:none}.who .hit{fill:#0000}.who .ring{fill:none;stroke:var(--accent);stroke-width:2.4px;opacity:0}.who.marked .ring{opacity:1}.fig .shadow{fill:#1e140a38}.coat{stroke:#00000059;stroke-width:.6px}.coat-plum{fill:#6d2f5f}.coat-mustard{fill:#855e00}.coat-teal{fill:#0d6262}.coat-rust{fill:#9a3a17}.coat-sky{fill:#2a609b}.coat-moss{fill:#43601d}.coat-rose{fill:#9b3352}.coat-navy{fill:#22376a}.skin-1{fill:#f2d3b8}.skin-2{fill:#ddb08b}.skin-3{fill:#a9744f}.skin-4{fill:#6c4630}.hat{fill:#2a221c}.hair{fill:#3a2a20}.scarf{fill:#e9dcc0;stroke:#0000004d;stroke-width:.4px}.initial{fill:#fff;text-anchor:middle;font:800 7.4px Karla,sans-serif}.who.in-window .shadow{display:none}.tools{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px;display:grid}.tool{border:1.5px solid var(--line);background:var(--surface);white-space:nowrap;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:4px;font-size:14.5px;font-weight:700;display:flex}.tool svg{flex:none;width:20px;height:20px}.status{min-height:48px;margin:8px 2px 0;font-size:17px;line-height:1.35}.status:empty:before{content:" "}.clock-slot{flex:1;justify-content:center;align-items:center;display:flex}.clock{align-items:center;gap:8px;margin:4px 0 10px;display:flex}.clock-step{border:1.5px solid var(--line);background:var(--surface);cursor:pointer;border-radius:50%;place-items:center;width:52px;height:52px;display:grid}.clock-step:disabled{opacity:.35}.dial-wrap{width:min(196px,25dvh,52vw);position:relative}.dial{touch-action:none;cursor:grab;border-radius:50%;width:100%;display:block}.dial .rim{fill:var(--door)}.dial .face{fill:var(--surface)}.dial .window{fill:none;stroke:var(--accent-soft);stroke-width:12px}.dial .tick{stroke:var(--muted);stroke-width:1px}.dial .tick.major{stroke:var(--ink);stroke-width:2.4px}.dial .num{fill:var(--ink);text-anchor:middle;font:600 12.5px Bodoni Moda,serif}.dial .num.noon{fill:var(--accent)}.dial .hand{stroke:var(--ink);stroke-linecap:round;transform-origin:100px 100px;transition:transform .25s cubic-bezier(.3,1.4,.5,1)}.dial .hand.minute{stroke:var(--accent);stroke-width:3.5px}.dial .hand.hour{stroke-width:5px}.dial .hub{fill:var(--ink)}.readout{text-align:center;pointer-events:none;margin-bottom:4px;font:700 20px Bodoni Moda,serif}.accuse{margin-top:auto}.sheet-wrap{z-index:10;background:#140f0a6b;justify-content:center;align-items:flex-end;animation:.18s fade;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);width:100%;max-width:520px;max-height:92dvh;padding:20px 18px max(18px, env(safe-area-inset-bottom));border-radius:20px 20px 0 0;animation:.22s rise;overflow:auto}.sheet h2{margin-bottom:6px;font-size:26px}.sheet .btn{margin-top:14px}.sheet .row{gap:10px;display:flex}.sheet .row .btn{flex:1}.howto{margin:8px 0;padding-left:22px}.howto li{margin-bottom:8px}.people{margin:10px 0 0;padding:0;list-style:none}.people li{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:6px 0;display:flex}.portrait{flex:none;width:40px;height:50px}.suspects{grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.suspect{border:2px solid var(--line);background:var(--bg);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;width:100%;min-height:92px;padding:6px 2px;font-size:15px;font-weight:700;display:flex}.suspect.chosen{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.suspect.cleared{opacity:.5;text-decoration:line-through}.suspect .sub{font-size:12px;text-decoration:none}.sheet-status{min-height:24px;margin:10px 0 0;font-weight:600}.sheet.solved{text-align:center}.kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0;font-size:14px;font-weight:800}.solved-title{font-size:34px!important}.sheet.solved .bells svg{width:32px;height:32px}.toggle{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:52px;display:flex}.toggle input{width:24px;height:24px;accent-color:var(--primary)}.looks{border:0;margin:0;padding:10px 0}.looks legend{padding:0;font-weight:700}.looks label{align-items:center;gap:6px;min-height:44px;margin-right:14px;display:inline-flex}.looks input{width:20px;height:20px;accent-color:var(--primary)}@keyframes rise{0%{opacity:0;transform:translateY(30px)}}@keyframes fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.who .pos,.who,.dial .hand,.diorama svg.animate,.sheet,.sheet-wrap{transition:none!important;animation:none!important}}@media (height<=700px){.brief{font-size:17px}.status{min-height:40px;font-size:16px}}.link{color:var(--accent);cursor:pointer;background:0 0;border:0;min-height:44px;padding:0;text-decoration:underline}