@font-face{font-family:Fredoka;font-style:normal;font-weight:300 700;font-display:swap;src:url(../fonts/fredoka-latin.woff2) format("woff2")}:root{--ink: #1b2133;--ink-soft: #4a5370;--paper: #fffaf0;--paper-2: #f4ead6;--yellow: #ffc93c;--teal: #2ec4b6;--coral: #ff6b6b;--violet: #9a7bd8;--blue: #3a86ff;--green: #34c26b;--navy: #22304d;--shadow: 0 5px 0 var(--ink);--radius: 18px;font-family:Fredoka,Arial Rounded MT Bold,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#bfe6f8;color:var(--ink)}body{-webkit-font-smoothing:antialiased;user-select:none}#app{position:fixed;inset:0}#scene{position:absolute;inset:0;width:100%;height:100%;display:block}.hidden{display:none!important}.muted{color:var(--ink-soft)}.small{font-size:.85rem}h1{font-size:clamp(1.8rem,3vw,2.6rem);margin:.2rem 0 .4rem;font-weight:700;letter-spacing:-.01em}h3{margin:.6rem 0 .4rem;font-size:1.05rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft)}b{font-weight:700}kbd{display:inline-block;min-width:1.7em;padding:.08em .4em;margin:0 .12em;border:2px solid var(--ink);border-bottom-width:4px;border-radius:7px;background:#fff;font:600 .82em Fredoka,sans-serif;text-align:center;color:var(--ink)}.screen{position:absolute;inset:0;display:grid;place-items:center;padding:2vh 3vw;z-index:20}.screen.dim{background:#17223873;backdrop-filter:blur(2px)}.overlay{position:absolute;inset:0;display:grid;place-items:center;z-index:15;pointer-events:none}.card{background:var(--paper);border:3px solid var(--ink);border-radius:24px;box-shadow:0 8px 0 var(--ink);padding:clamp(1rem,2.4vh,1.8rem) clamp(1.2rem,2.6vw,2.2rem);width:min(560px,94vw);max-height:94vh;overflow:auto}.card.wide{width:min(980px,96vw)}.card.narrow{width:min(420px,92vw)}.card.center{text-align:center}.lede{font-size:1.05rem;line-height:1.45;margin:.2rem 0 .8rem}.row{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1rem}.row.end{justify-content:flex-end}.cols{display:grid;grid-template-columns:1.3fr 1fr;gap:1.6rem}@media(max-width:760px){.cols{grid-template-columns:1fr}}.steps{margin:0;padding-left:1.2rem;line-height:1.5}.steps li{margin-bottom:.25rem}.keys{list-style:none;padding:0;margin:0;line-height:2}.btn{font:600 1.1rem Fredoka,sans-serif;color:var(--ink);background:#fff;cursor:pointer;border:3px solid var(--ink);border-radius:16px;box-shadow:var(--shadow);padding:.65rem 1.3rem;display:inline-flex;flex-direction:column;align-items:flex-start;gap:.05rem;transition:transform .08s,box-shadow .08s;text-align:left}.btn small{font-weight:500;font-size:.78rem;color:var(--ink-soft)}.btn:hover{transform:translateY(-2px);box-shadow:0 7px 0 var(--ink)}.btn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--ink)}.btn.primary{background:var(--yellow)}.btn.ghost{background:#fffaf0d9;box-shadow:0 3px 0 var(--ink)}.btn.ghost:hover{box-shadow:0 5px 0 var(--ink)}.btn.small-btn{align-items:center;justify-content:center}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:var(--shadow)}.btn.small-btn{padding:.5rem 1rem;font-size:.95rem}.chip{display:inline-block;padding:.15rem .65rem;border:2px solid var(--ink);border-radius:999px;font-weight:600;font-size:.85rem}.chip.yellow{background:var(--yellow)}.chip.red{background:var(--coral);color:#fff}.chip.green{background:var(--green);color:#fff}.stamp-line{display:flex;gap:.6rem;align-items:center}.logo{font-weight:700;font-size:2rem;display:inline-flex;align-items:center;gap:.45rem;letter-spacing:-.02em}.logo b{color:var(--coral)}.logo-mark{width:1.4em;height:1.4em;border:3px solid var(--ink);border-radius:.35em;background:var(--yellow);box-shadow:0 4px 0 var(--ink);position:relative;display:inline-block}.logo-mark:after{content:"";position:absolute;inset:.2em;background:var(--ink);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 16v-2l-8-5V3.5a1.5 1.5 0 0 0-3 0V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5L13 19v-5.5z'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 16v-2l-8-5V3.5a1.5 1.5 0 0 0-3 0V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5L13 19v-5.5z'/%3E%3C/svg%3E") center / contain no-repeat}.logo.big{font-size:clamp(3rem,8vw,5.6rem);color:#fff;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:0 7px 0 var(--ink)}.logo.big .logo-mark{-webkit-text-stroke:0}.bar{height:16px;border:3px solid var(--ink);border-radius:999px;background:#fff;overflow:hidden;margin:1rem 0 .5rem}.bar>div{height:100%;width:0;background:var(--yellow);transition:width .2s}#title{place-items:center start;padding-left:7vw;background:linear-gradient(90deg,rgba(23,34,56,.35),transparent 60%)}.title-wrap{display:flex;flex-direction:column;gap:1rem;max-width:560px}.tagline{font-size:1.3rem;color:#fff;text-shadow:0 2px 0 var(--ink),0 0 12px rgba(0,0,0,.3);margin:0;font-weight:600}.menu{display:flex;flex-direction:column;gap:.8rem;align-items:stretch;width:min(380px,86vw)}.menu .btn{width:100%}#record-line{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}.ticket{display:grid;grid-template-columns:repeat(4,1fr) 140px;gap:.3rem 1rem;padding:1rem 1.2rem;background:#fff;border:3px solid var(--ink);border-radius:16px;box-shadow:var(--shadow);margin:.6rem 0 1rem;position:relative}.ticket .f{display:flex;flex-direction:column}.ticket .f.wide{grid-column:span 2}.ticket .k{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);font-weight:600}.ticket .v{font-size:1.15rem;font-weight:600}.ticket .v.big{font-size:1.9rem;line-height:1.05}.ticket .v.unknown{color:var(--coral)}.ticket .stub{grid-row:1 / span 3;grid-column:5;border-left:3px dashed var(--ink);padding-left:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.2rem}.ticket .stub .v.big{font-size:2.6rem}.ticket .band{grid-column:1 / span 4;height:10px;border-radius:6px;border:2px solid var(--ink)}.ticket.big{width:min(760px,92vw);pointer-events:none}.ticket .strike{text-decoration:line-through;color:var(--ink-soft)}#hud{position:absolute;inset:0;pointer-events:none;z-index:10}.sticker{background:var(--paper);border:3px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow)}#reticle{position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:#fff;border:2px solid var(--ink);opacity:.8;transition:transform .12s}#reticle.active{transform:scale(1.8);background:var(--yellow);opacity:1}#timer{position:absolute;left:18px;top:18px;padding:.4rem 1rem .5rem;min-width:190px;transform:rotate(-1.5deg)}#timer-digits{font-size:3rem;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}#timer-label{font-size:.8rem;font-weight:600;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em}#timer-clock{font-size:.85rem;margin-top:.15rem}#timer.warn{background:var(--yellow)}#timer.critical{background:var(--coral);color:#fff;animation:pulse .8s infinite}#timer.critical #timer-label{color:#fff}@keyframes pulse{50%{transform:rotate(-1.5deg) scale(1.05)}}#mini-pass{position:absolute;right:18px;top:18px;padding:.55rem .9rem;width:270px;transform:rotate(1deg)}#mini-pass .top{display:flex;justify-content:space-between;align-items:baseline;font-weight:700;font-size:1.1rem}#mini-pass .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem;margin-top:.35rem}#mini-pass .k{font-size:.62rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);font-weight:600}#mini-pass .v{font-size:1.15rem;font-weight:700}#mini-pass .v.unknown{color:var(--coral)}#mini-pass .status{font-size:.8rem;margin-top:.3rem;font-weight:600}#objective{position:absolute;left:50%;top:18px;transform:translate(-50%);padding:.45rem 1.1rem;max-width:min(520px,46vw);text-align:center;background:var(--navy);color:#fff}#objective-title{font-weight:700;font-size:1.1rem}#objective-hint{font-size:.85rem;color:#c8d4ef}#objective.flash{animation:flash .6s 2}@keyframes flash{50%{background:var(--yellow);color:var(--ink)}}#status{position:absolute;left:18px;bottom:18px;display:flex;flex-direction:column;gap:.5rem}#stamina{width:220px;height:18px;border:3px solid var(--ink);border-radius:999px;background:#fffc;overflow:hidden;box-shadow:0 3px 0 var(--ink)}#stamina-fill{height:100%;width:100%;background:var(--teal);transition:width .1s}#stamina.tired #stamina-fill{background:var(--coral)}#stamina.coffee #stamina-fill{background:repeating-linear-gradient(45deg,#a8703f 0 10px,#d39a62 10px 20px)}#badges{display:flex;gap:.4rem}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .6rem .15rem .3rem;background:var(--paper);border:2px solid var(--ink);border-radius:999px;font-weight:600;font-size:.85rem;box-shadow:0 3px 0 var(--ink)}.badge .ico{width:22px;height:22px}#prompt{position:absolute;left:50%;top:calc(50% + 44px);transform:translate(-50%);background:var(--paper);border:3px solid var(--ink);border-radius:14px;box-shadow:var(--shadow);padding:.35rem .9rem;font-weight:600;font-size:1.05rem;white-space:nowrap}#prompt.blocked{background:#ffe1dc}#queue-info{position:absolute;left:50%;bottom:120px;transform:translate(-50%);background:var(--navy);color:#fff;border:3px solid var(--ink);border-radius:14px;padding:.4rem 1rem;font-weight:600;text-align:center;box-shadow:var(--shadow)}#queue-info small{display:block;color:#c8d4ef;font-weight:500}#hold{position:absolute;left:50%;top:58%;transform:translate(-50%);width:min(380px,70vw);background:var(--paper);border:3px solid var(--ink);border-radius:16px;box-shadow:var(--shadow);padding:.5rem 1rem .2rem;text-align:center;font-weight:600}#hold .bar{margin:.4rem 0}#hold-fill{background:var(--coral)!important;transition:none!important}#toasts{position:absolute;right:18px;top:168px;display:flex;flex-direction:column;gap:.55rem;align-items:flex-end;width:min(360px,40vw)}.toast{background:var(--paper);border:3px solid var(--ink);border-radius:16px 16px 4px;box-shadow:var(--shadow);padding:.45rem .85rem;font-size:.95rem;line-height:1.3;animation:pop .25s ease-out}.toast .who{font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft)}.toast.bad{background:#ffe1dc}.toast.good{background:#dcf7e6}.toast.alert{background:var(--yellow)}.toast.out{opacity:0;transform:translate(30px);transition:.35s}@keyframes pop{0%{transform:scale(.8) translateY(10px);opacity:0}}#subtitle{position:absolute;left:50%;bottom:60px;transform:translate(-50%);max-width:min(780px,80vw);background:#172238e0;color:#fff;padding:.5rem 1rem;border-radius:12px;font-size:1.05rem;text-align:center;line-height:1.35}#subtitle .pa{color:var(--yellow);font-weight:700;margin-right:.4rem}#keys-hint{position:absolute;right:18px;bottom:18px;display:flex;gap:.9rem;font-size:.85rem;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.7)}#vignette{position:absolute;inset:0;pointer-events:none;z-index:5;box-shadow:inset 0 0 160px #ff3c3c00;transition:box-shadow .5s}#vignette.urgent{box-shadow:inset 0 0 160px #ff3c3c73}#bubbles{position:absolute;inset:0;pointer-events:none;z-index:8}.bubble{position:absolute;transform:translate(-50%,-100%);background:#fff;border:3px solid var(--ink);border-radius:14px;padding:.25rem .7rem;font-weight:600;font-size:.95rem;white-space:nowrap;box-shadow:0 3px 0 var(--ink)}.bubble:after{content:"";position:absolute;left:50%;bottom:-10px;margin-left:-8px;border:8px solid transparent;border-top-color:var(--ink);border-bottom:0}#bag-card{width:min(1080px,97vw)}.bag-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.bag-head h1{margin:0}.bag-timer{font-size:2rem;font-weight:700;background:var(--coral);color:#fff;border:3px solid var(--ink);border-radius:14px;padding:.1rem .8rem;box-shadow:var(--shadow)}.bag-cols{display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-top:.6rem}.bag-col{background:var(--paper-2);border:3px solid var(--ink);border-radius:16px;padding:.6rem}.bag-col h2{margin:0 0 .4rem;font-size:1.1rem;display:flex;justify-content:space-between;align-items:baseline}.weight{font-variant-numeric:tabular-nums}.weight.over{color:#d63434}.items{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem}.item{background:#fff;border:2.5px solid var(--ink);border-radius:12px;padding:.4rem .45rem;display:grid;grid-template-columns:40px 1fr;gap:.1rem .45rem;align-items:center;cursor:pointer;position:relative;box-shadow:0 3px 0 var(--ink);transition:transform .06s}.item:hover{transform:translateY(-2px)}.item .n{font-weight:600;font-size:.9rem;line-height:1.1;padding-right:2.3rem}.item .d{font-size:.74rem;color:var(--ink-soft);line-height:1.15}.item .kg{position:absolute;right:6px;top:4px;font-size:.7rem;font-weight:600;color:var(--ink-soft)}.item .acts{grid-column:1 / span 2;display:flex;gap:.3rem;margin-top:.25rem;flex-wrap:wrap}.item .acts button{font:600 .75rem Fredoka,sans-serif;border:2px solid var(--ink);border-radius:8px;background:var(--paper);padding:.1rem .45rem;cursor:pointer}.item .acts button.on{background:var(--teal);color:#fff}.item .acts button.warn{background:var(--coral);color:#fff}.item .acts button:disabled{opacity:.4;cursor:not-allowed}.item.out{background:#e3f7f4}.item.gone{opacity:.4;filter:grayscale(1);cursor:default}.item.locked{cursor:not-allowed}.bag-foot{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:.8rem;flex-wrap:wrap}.bag-foot .msg{font-weight:600}.bag-foot .msg.bad{color:#d63434}.bag-foot .msg.good{color:#1f9d55}.trays{display:flex;gap:.5rem;flex-wrap:wrap;min-height:54px;background:#d9dee6;border:3px dashed var(--ink-soft);border-radius:14px;padding:.4rem;align-items:center}.trays .tag{font-size:.8rem;font-weight:600;color:var(--ink-soft)}.kiosk-frame{width:min(620px,94vw);background:var(--navy);border:4px solid var(--ink);border-radius:28px;padding:1.4rem;box-shadow:0 10px 0 var(--ink)}#kiosk-screen{background:#0f1a2e;border-radius:14px;color:#fff;min-height:340px;padding:1.4rem;display:flex;flex-direction:column;gap:.8rem}#kiosk-screen h2{margin:0;font-size:1.6rem}#kiosk-screen .k-top{display:flex;justify-content:space-between;color:var(--yellow);font-weight:600}#kiosk-screen p{margin:0;font-size:1.1rem;line-height:1.4;color:#dfe6f5}#kiosk-screen .k-btns{margin-top:auto;display:flex;gap:.8rem;flex-wrap:wrap}.kbtn{font:600 1.25rem Fredoka,sans-serif;border:3px solid var(--ink);border-radius:14px;padding:.8rem 1.4rem;background:var(--yellow);color:var(--ink);cursor:pointer;box-shadow:0 5px #000}.kbtn.alt{background:#33415f;color:#fff}.kbtn:active{transform:translateY(3px);box-shadow:0 2px #000}.spinner{width:48px;height:48px;border:6px solid #33415f;border-top-color:var(--yellow);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.setting{display:grid;grid-template-columns:1fr 210px;align-items:center;gap:1rem;padding:.35rem 0;border-bottom:2px dashed rgba(27,33,51,.15)}.setting .label{font-weight:600}.setting input[type=range]{width:100%;accent-color:var(--coral)}.toggle{font:600 .9rem Fredoka,sans-serif;border:2.5px solid var(--ink);border-radius:10px;background:#fff;padding:.25rem .6rem;cursor:pointer;box-shadow:0 3px 0 var(--ink)}.toggle.on{background:var(--teal);color:#fff}.range-wrap{display:grid;grid-template-columns:1fr 48px;gap:.5rem;align-items:center;font-weight:600;font-variant-numeric:tabular-nums}#end-stamp{display:inline-block;font-size:1.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:.2rem 1rem;border:4px solid;border-radius:12px;transform:rotate(-4deg)}#end-stamp.good{color:#1f9d55;border-color:#1f9d55}#end-stamp.bad{color:#d63434;border-color:#d63434}#end-stars{font-size:2.6rem;letter-spacing:.2rem}#end-stars .on{color:var(--yellow);-webkit-text-stroke:2px var(--ink)}#end-stars .off{color:#d9dee6;-webkit-text-stroke:2px #b5bccb}#end-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;margin:.6rem 0}.stat{background:#fff;border:3px solid var(--ink);border-radius:14px;padding:.4rem .7rem;box-shadow:0 3px 0 var(--ink)}.stat .k{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);font-weight:600}.stat .v{font-size:1.4rem;font-weight:700}#end-list{display:flex;flex-direction:column;gap:.35rem;max-height:30vh;overflow:auto}.line{padding:.35rem .7rem;border-radius:10px;background:#fff;border:2px solid rgba(27,33,51,.2);display:flex;justify-content:space-between;gap:1rem}.line.bad{border-color:#f1a3a3;background:#fff2f0}.line.good{border-color:#9ad7b0;background:#effaf3}.line .t{font-weight:600;color:#d63434;white-space:nowrap}.scroll{max-height:86vh;overflow:auto}#credits-body table{width:100%;border-collapse:collapse;font-size:.9rem}#credits-body td,#credits-body th{text-align:left;padding:.25rem .4rem;border-bottom:1px solid rgba(27,33,51,.15)}#credits-body a{color:var(--blue)}#flash{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%) rotate(-4deg);font-size:clamp(3rem,9vw,7rem);font-weight:700;color:var(--yellow);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:0 8px 0 var(--ink);white-space:nowrap}#flash.go{animation:flashIn 1.6s ease-out forwards}@keyframes flashIn{0%{transform:translate(-50%,-50%) rotate(-4deg) scale(.3);opacity:0}15%{transform:translate(-50%,-50%) rotate(-4deg) scale(1.1);opacity:1}25%{transform:translate(-50%,-50%) rotate(-4deg) scale(1)}85%{opacity:1}to{opacity:0}}