@font-face{font-family:Caveat;font-style:normal;font-weight:400;font-display:optional;src:url(/fonts/caveat-regular.woff2) format("woff2")}:root{--paper: #fbf6e0;--ink: #1a2a5e;--margin: #e37070;--ruled: #a8c6dc}*{box-sizing:border-box}body{margin:0;padding:24px 0;background:var(--paper);display:flex;flex-direction:column;align-items:center;gap:12px;font-family:Caveat,system-ui,sans-serif;color:var(--ink);min-height:100vh}.title{font-size:36px;margin:0;font-weight:400;letter-spacing:1px}.stage{display:flex;gap:20px;align-items:flex-start}.canvas-wrap{position:relative;width:min(1200px,100vw);aspect-ratio:3 / 2;height:auto}#game{border:1px solid var(--ink);cursor:crosshair;touch-action:none;display:block;width:100%;height:100%}#transition-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}#transition-overlay:not(.fade){display:none}#transition-overlay.fade{background:var(--paper);animation:overlay-fade .3s linear forwards;pointer-events:auto}@keyframes overlay-fade{0%{opacity:1}to{opacity:0}}#stats{width:180px;padding:8px 12px;border-left:1px dashed var(--ink);color:var(--ink);font-size:22px}#stats h2{margin:0 0 6px;font-size:22px;font-weight:400;font-style:italic;opacity:.7}#callsign-section{margin:0 0 10px;display:flex;flex-direction:column;gap:2px}#callsign-section label{font-size:18px;font-style:italic;opacity:.6}#callsign-input{width:100%;padding:2px 0;font-family:inherit;font-size:22px;color:var(--ink);background:transparent;border:none;border-bottom:1px dashed var(--ink);outline:none;box-sizing:border-box}#callsign-input::placeholder{color:var(--ink);opacity:.35;font-style:italic}#callsign-input:focus{border-bottom-style:solid}#stats dl{margin:0;display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:2px}#stats dt{opacity:.6;font-style:italic}#stats dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}#done-btn,#undo-btn{width:100%;padding:6px 10px;font-family:inherit;font-size:22px;color:var(--ink);background:transparent;border:1.5px solid var(--ink);border-radius:4px;cursor:pointer}#done-btn{margin-top:12px}#undo-btn{margin-top:8px}#done-btn:disabled,#undo-btn:disabled{opacity:.35;cursor:not-allowed}@media (hover: hover){#done-btn:not(:disabled):hover,#undo-btn:not(:disabled):hover{background:var(--ink);color:var(--paper)}#done-btn.attention:not(:disabled):hover{animation:none}}@keyframes done-btn-attention{0%,to{box-shadow:0 0 #1a2a5eb3,0 0 #1a2a5e59}50%{box-shadow:0 0 0 4px #1a2a5e40,0 0 0 10px #1a2a5e00}}#done-btn.attention:not(:disabled){animation:done-btn-attention 1.5s ease-in-out infinite}#restart-btn{margin-top:8px;width:100%;padding:4px 10px;font-family:inherit;font-size:16px;color:var(--ink);background:transparent;border:1.2px dashed var(--ink);border-radius:3px;opacity:.7;cursor:pointer}#restart-btn:hover{opacity:1;background:var(--ink);color:var(--paper)}body.in-combat .title,body.in-combat #stats,body.in-combat #restart-btn{display:none}#title-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--paper);display:flex;align-items:center;justify-content:center;z-index:80}#title-screen[hidden]{display:none}.title-card{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px;padding:32px 48px}.title-card h2{font-family:Caveat,system-ui,sans-serif;font-weight:400;font-size:64px;margin:0;letter-spacing:1px;color:var(--ink)}.title-tagline{font-family:Caveat,system-ui,sans-serif;font-style:italic;font-size:26px;margin:0 0 6px;color:var(--ink);opacity:.7;letter-spacing:.5px}.title-doodle{position:absolute;width:110px;height:auto;color:var(--ink);opacity:.85;pointer-events:none}.title-doodle--left{top:-14px;left:-118px;transform:rotate(-18deg)}.title-doodle--right{top:-28px;right:-118px;transform:rotate(22deg)}.title-doodle--bottom{width:80px;bottom:-50px;left:50%;transform:translate(-50%) rotate(-160deg);opacity:.65}.title-doodle--photo,.title-doodle--photo-2{position:absolute;top:50%;width:380px;height:auto;filter:drop-shadow(2px 4px 6px rgba(0,0,0,.18));pointer-events:none;-webkit-user-select:none;user-select:none}.title-doodle--photo{left:-510px;transform:translateY(-50%) rotate(-6deg)}.title-doodle--photo-2{right:-510px;transform:translateY(-50%) rotate(5deg)}@media (max-width: 600px){.title-doodle--left{width:80px;top:-70px;left:8px;transform:rotate(-18deg)}.title-doodle--right{width:80px;top:-82px;right:8px;transform:rotate(22deg)}.title-doodle--bottom{display:none}.title-doodle--photo,.title-doodle--photo-2{position:relative;top:auto;left:auto;right:auto;width:240px;max-width:calc(100vw - 32px)}.title-doodle--photo{order:99;transform:rotate(-4deg)}.title-doodle--photo-2{order:100;transform:rotate(3deg)}}@media (max-width: 1024px) and (orientation: landscape) and ((max-height: 500px) or (display-mode: fullscreen)){.title-doodle--photo,.title-doodle--photo-2{width:300px}.title-doodle--photo{left:-320px}.title-doodle--photo-2{right:-320px}}.title-actions{display:flex;flex-direction:column;gap:12px;width:240px}.title-actions button{font-family:inherit;font-size:26px;color:var(--ink);background:transparent;border:1.5px solid var(--ink);border-radius:4px;padding:8px 18px;cursor:pointer}.title-actions button:hover,.title-actions button:focus{background:var(--ink);color:var(--paper);outline:none}.title-actions .portal-link{font-family:inherit;font-size:18px;color:var(--ink);opacity:.6;text-decoration:underline;text-underline-offset:4px;margin-top:2px;cursor:pointer;text-align:center}@media (hover: hover){.title-actions .portal-link:hover{opacity:1}}.title-actions .portal-link:focus{opacity:1;outline:1.5px dashed var(--ink);outline-offset:4px}#invite-btn{position:fixed;top:14px;right:70px;font-family:Caveat,system-ui,sans-serif;font-size:22px;color:var(--ink);background:#fbf6e0d9;border:1.5px solid var(--ink);border-radius:4px;padding:8px 18px;cursor:pointer;z-index:55;line-height:1}#invite-btn:hover,#invite-btn:focus{background:var(--ink);color:var(--paper);outline:none}#invite-btn .invite-note{display:none;position:absolute;top:calc(100% + 6px);right:0;font-family:Caveat,system-ui,sans-serif;font-size:14px;font-weight:400;line-height:1;letter-spacing:0;color:var(--ink);opacity:.65;white-space:nowrap}body.in-combat #invite-btn .invite-note{display:block}#invite-btn:hover .invite-note,#invite-btn:focus .invite-note{color:var(--ink);opacity:.85}@keyframes invite-flash{0%,70%,to{box-shadow:0 0 #1a2a5e00;transform:scale(1)}84%{box-shadow:0 0 0 5px #1a2a5e40;transform:scale(1.035)}94%{box-shadow:0 0 #1a2a5e00;transform:scale(1)}}#invite-btn.flash-attention{animation:invite-flash 3.5s ease-in-out infinite}@media (prefers-reduced-motion: reduce){#invite-btn.flash-attention{animation:none}}#home-link{position:fixed;top:8px;left:10px;font-family:Caveat,system-ui,sans-serif;font-size:22px;color:var(--ink);text-decoration:none;letter-spacing:.5px;opacity:.55;transition:opacity .12s;z-index:70;cursor:pointer;display:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;line-height:1}#home-link:hover,#home-link:focus{opacity:1;outline:none}#home-link .home-link-text{display:block}#home-link .home-link-hint{display:block;font-size:14px;opacity:.7;margin-top:2px;letter-spacing:0}#home-link .home-link-confirm{display:none}#home-link.armed{opacity:1}#home-link.armed .home-link-text,#home-link.armed .home-link-hint{display:none}#home-link.armed .home-link-confirm,body.in-combat #home-link{display:block}#invite-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#fbf6e08c;z-index:100;font-family:Caveat,system-ui,sans-serif;color:var(--ink)}#invite-modal[hidden]{display:none}.invite-card{position:relative;background:var(--paper);border:1.5px solid var(--ink);border-radius:4px;padding:24px 28px 20px;box-shadow:3px 3px #1a2a5e1f;max-width:360px;width:calc(100% - 32px);display:flex;flex-direction:column;align-items:center;gap:14px}#invite-close{position:absolute;top:4px;right:8px;font-family:inherit;font-size:28px;line-height:1;color:var(--ink);background:transparent;border:none;cursor:pointer;padding:4px 8px;opacity:.6}#invite-close:hover{opacity:1}.invite-card h2{margin:0;font-weight:400;font-size:28px;letter-spacing:.5px}.invite-url{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:16px;color:var(--ink);word-break:break-all;text-align:center;padding:6px 10px;border:1px dashed var(--ink);border-radius:3px;background:#1a2a5e0a;width:100%}.invite-qr{width:200px;height:200px;display:flex;align-items:center;justify-content:center}.invite-qr svg{width:100%;height:100%;display:block}.invite-qr svg rect{fill:transparent}.invite-qr svg path{fill:var(--ink)}.invite-actions{display:flex;flex-direction:column;gap:10px;width:100%;align-items:stretch}.invite-actions button{font-family:inherit;font-size:22px;color:var(--ink);background:transparent;border:1.5px solid var(--ink);border-radius:4px;padding:6px 18px;cursor:pointer}.invite-actions button:hover,.invite-actions button:focus{background:var(--ink);color:var(--paper);outline:none}#invite-share{order:-1}.invite-toast{position:absolute;bottom:-32px;left:50%;transform:translate(-50%);font-size:18px;font-style:italic;color:var(--ink);background:#fbf6e0f2;border:1px solid var(--ink);border-radius:3px;padding:4px 12px;pointer-events:none}.invite-toast[hidden]{display:none}#death-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#fbf6e08c;z-index:10;font-family:Caveat,system-ui,sans-serif;color:var(--ink)}#death-overlay[hidden]{display:none}.death-card{background:var(--paper);border:1.5px solid var(--ink);border-radius:4px;padding:22px 36px;text-align:center;box-shadow:3px 3px #1a2a5e1f}.death-title{font-size:34px;margin-bottom:4px}.death-killer{font-size:22px;font-style:italic;opacity:.85;margin-bottom:2px;min-height:26px}.death-killer[hidden]{display:none}.death-stats{font-size:18px;font-style:italic;opacity:.6;margin-bottom:10px;min-height:22px}.death-stats[hidden]{display:none}.death-countdown{font-size:20px;font-style:italic;opacity:.65;margin-bottom:14px}.death-actions{display:flex;gap:14px;justify-content:center}.death-actions button{font-family:inherit;font-size:20px;color:var(--ink);background:transparent;border:1.5px solid var(--ink);border-radius:4px;padding:6px 14px;cursor:pointer;white-space:nowrap}.death-actions button:hover,.death-actions button:focus{background:var(--ink);color:var(--paper);outline:none}.death-actions:hover button:focus:not(:hover){background:transparent;color:var(--ink)}#offline-notice{position:fixed;top:14px;left:14px;font-family:Caveat,system-ui,sans-serif;font-size:16px;font-style:italic;color:var(--ink);background:#fbf6e0eb;border:1px solid var(--ink);border-radius:4px;padding:6px 12px;opacity:.75;pointer-events:none;z-index:50;white-space:nowrap}#mute-btn{position:fixed;top:14px;right:14px;width:44px;height:44px;font-family:Caveat,system-ui,sans-serif;font-size:22px;color:var(--ink);background:#fbf6e0d9;border:1.5px solid var(--ink);border-radius:50%;cursor:pointer;z-index:60;padding:0;line-height:1;display:flex;align-items:center;justify-content:center}#mute-btn:hover{background:var(--ink);color:var(--paper)}#mute-btn.muted{opacity:.55;text-decoration:line-through}#enter-fullscreen-btn,#exit-fullscreen-btn{position:fixed;top:14px;right:70px;width:44px;height:44px;font-family:Caveat,system-ui,sans-serif;font-size:22px;color:var(--ink);background:#fbf6e0d9;border:1.5px solid var(--ink);border-radius:50%;cursor:pointer;z-index:60;padding:0;line-height:1;display:none;align-items:center;justify-content:center}#enter-fullscreen-btn:hover,#exit-fullscreen-btn:hover{background:var(--ink);color:var(--paper)}@media (pointer: coarse) and (hover: none) and (orientation: landscape){body:not(.fullscreen) #enter-fullscreen-btn{display:flex}#invite-btn{right:126px;font-size:18px;padding:6px 14px}}body.fullscreen #exit-fullscreen-btn{display:flex}body.fullscreen #invite-btn{right:126px}@media (orientation: portrait) and (max-width: 600px){#invite-btn,body.fullscreen #invite-btn{font-size:18px;padding:6px 14px}}#fullscreen-hint{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:8px 12px 8px 16px;background:#fbf6e0f2;border:1.5px solid var(--ink);border-radius:4px;font-family:Caveat,system-ui,sans-serif;font-size:18px;color:var(--ink);max-width:calc(100vw - 32px);z-index:90;box-shadow:2px 2px #1a2a5e1f}#fullscreen-hint[hidden]{display:none}#fullscreen-hint-dismiss{font-family:inherit;font-size:22px;line-height:1;color:var(--ink);background:transparent;border:none;cursor:pointer;padding:0 4px;opacity:.6}#fullscreen-hint-dismiss:hover{opacity:1}#landscape-hint{display:none;position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));transform:translate(-50%) rotate(-1.5deg);padding:8px 16px;font-family:Caveat,system-ui,sans-serif;font-size:20px;color:var(--ink);opacity:.55;background:#fbf6e0d9;border:1.2px dashed var(--ink);border-radius:4px;z-index:70;cursor:pointer;white-space:nowrap;pointer-events:auto}@media (orientation: portrait) and (max-width: 600px) and (pointer: coarse){body:not(.landscape-hint-dismissed) #landscape-hint{display:block}}#fullscreen-cta{display:none;position:fixed;top:64px;right:14px;font-family:Caveat,system-ui,sans-serif;font-size:14px;font-style:italic;color:var(--ink);opacity:.55;white-space:nowrap;pointer-events:auto;cursor:pointer;z-index:60;text-shadow:0 0 4px rgba(251,246,224,.9)}@media (pointer: coarse) and (hover: none) and (orientation: landscape){body:not(.fullscreen):not(.fullscreen-cta-dismissed) #fullscreen-cta{display:block}}@media (max-width: 900px) and (orientation: portrait){body{padding:8px 0;gap:8px}.stage{flex-direction:column;gap:8px;align-items:stretch}#stats{width:100%;border-left:none;border-top:1px dashed var(--ink);padding:6px 12px;font-size:18px}#stats h2{display:none}#stats dl{grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;grid-auto-flow:column;column-gap:12px;row-gap:0}#stats dt,#stats dd{text-align:center}#stats dt:not(.essential),#stats dd:not(.essential){display:none}body.in-combat{padding:0;overscroll-behavior:none;justify-content:center;min-height:100dvh}body.in-combat .stage{gap:0}body.in-combat .canvas-wrap{width:min(100vw,150dvh);aspect-ratio:3 / 2;height:auto}.death-card{padding:16px 24px;max-width:calc(100vw - 32px)}.death-title{font-size:28px}.death-actions{gap:12px;flex-wrap:wrap}.death-actions button{font-size:18px;padding:6px 10px}}@media (max-width: 1024px) and (orientation: landscape){body{padding:4px 0 calc(4px + env(safe-area-inset-bottom));min-height:100dvh}body:not(.in-combat) .title{display:none}.stage{gap:8px}body:not(.in-combat) .canvas-wrap{width:min(1200px,calc(100vw - 160px),calc((100dvh - 70px)*1.5))}#stats{width:140px;font-size:16px;padding:4px 8px}#stats h2{display:none}#stats dt:not(.essential),#stats dd:not(.essential){display:none}body.in-combat{overscroll-behavior:none;justify-content:center}body.in-combat .canvas-wrap{width:min(100vw,150dvh);aspect-ratio:3 / 2;height:auto}}@media (max-width: 1024px) and (orientation: landscape) and ((max-height: 500px) or (display-mode: fullscreen)){#home-link{display:block;font-size:18px;top:4px;left:calc(4px + env(safe-area-inset-left))}#home-link .home-link-hint{font-size:13px}#invite-btn,body.fullscreen #invite-btn{top:92px;right:14px;font-size:18px;padding:6px 14px}body:not(.in-combat) .canvas-wrap{width:min(1200px,calc(100vw - 200px),calc((100dvh - 16px)*1.5))}body:not(.in-combat) #stats{padding-top:60px}.invite-card{display:grid;grid-template-columns:160px 1fr;grid-template-rows:auto auto auto;grid-template-areas:"h2  h2" "qr  url" "qr  actions";gap:8px 14px;max-width:480px;padding:14px 18px 12px;align-items:center}.invite-card h2{grid-area:h2;font-size:22px;text-align:center}.invite-url{grid-area:url;font-size:13px;padding:4px 8px;width:auto}.invite-qr{grid-area:qr;width:160px;height:160px}.invite-actions{grid-area:actions;flex-direction:column;width:auto;gap:6px}.invite-actions button{font-size:18px;padding:4px 14px}}#auto-finish-banner{position:absolute;top:16px;left:50%;transform:translate(-50%);z-index:5;padding:14px 24px;background:var(--paper);border:2px solid var(--ink);border-radius:4px;font-family:Caveat,cursive;color:var(--ink);text-align:center;pointer-events:none;box-shadow:2px 3px #00000026;max-width:calc(100% - 48px);opacity:.94}#auto-finish-banner[hidden]{display:none}.auto-finish-banner-main{font-size:22px;line-height:1.2}.auto-finish-banner-tap{font-size:15px;opacity:.7;margin-top:4px}@keyframes auto-finish-btn-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}#auto-finish-enter-btn{display:inline-block;margin-top:10px;padding:6px 18px;font-family:Caveat,cursive;font-size:22px;color:var(--paper);background:var(--ink);border:1.5px solid var(--ink);border-radius:4px;cursor:pointer;pointer-events:auto;animation:auto-finish-btn-pulse 1.5s ease-in-out infinite}#auto-finish-enter-btn:hover{animation:none;transform:scale(1.05)}#hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4;padding:8px 14px;font-family:Caveat,cursive;font-size:28px;line-height:1.15;color:var(--ink);opacity:.45;pointer-events:none;text-align:center;transition:opacity .4s ease}@media (max-width: 1024px) and (orientation: landscape) and ((max-height: 500px) or (display-mode: fullscreen)){#hint{font-size:16px}}@media (orientation: portrait) and (max-width: 600px){#hint{font-size:18px}}body.hint-hidden #hint{opacity:0}body.in-combat #hint{display:none}