:root{--ink: #f7f3ea;--gold: #f7d24b;--gold-dark: #c08f22;--panel: #1d2147;--panel-2: #2b3170;--shade: #0b0d1c;--danger: #d8423a;--font: "Pixelify Sans", ui-monospace, "Courier New", monospace;--fs: clamp(12px, calc(var(--stage-w, 640px) / 320 * 7.2), 28px)}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--shade);color:var(--ink);font-family:var(--font);overflow:hidden;touch-action:none;font-variant-ligatures:none;font-feature-settings:"liga" 0,"clig" 0;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#app{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}body.touch.portrait #app{justify-content:flex-start;padding-top:env(safe-area-inset-top)}#stage{position:relative;flex:none;box-shadow:0 0 0 1px #000,0 10px 40px #0009;background:#000}#screen{display:block;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges}#ui{position:absolute;inset:0;font-size:var(--fs);line-height:1.3;pointer-events:none}#ui>*{pointer-events:auto}img.px{image-rendering:pixelated;width:calc(var(--w) * var(--fs) / 7.2 * .62);height:calc(var(--h) * var(--fs) / 7.2 * .62)}img.px.sm{width:calc(var(--w) * var(--fs) / 7.2 * .42);height:calc(var(--h) * var(--fs) / 7.2 * .42)}img.px.dim{opacity:.25;filter:grayscale(1)}.screens{position:absolute;inset:0}.screens:empty{display:none}.screen{position:absolute;inset:0;z-index:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6em;padding:1em;text-align:center}.screen.panel{background:linear-gradient(180deg,#1d2147f0,#0b0d1cf7)}.screen h2{margin:0;font-size:1.5em;color:var(--gold);text-shadow:.08em .08em 0 #000}.screen h3{margin:0 0 .3em;font-size:1.05em;color:var(--gold)}.screen p{margin:0;max-width:34em}.screen .big{font-size:1.9em;color:var(--gold)}.screen .sub{opacity:.8}.error{color:#ff9a8f;min-height:1.2em}.menu{display:flex;flex-wrap:wrap;gap:.5em;justify-content:center}.menu.col{flex-direction:column;align-items:stretch;min-width:10em}.btn{font:inherit;color:var(--ink);background:linear-gradient(180deg,var(--panel-2),var(--panel));border:.14em solid var(--gold-dark);border-radius:.3em;padding:.35em 1em;cursor:pointer;text-shadow:.06em .06em 0 #000;box-shadow:0 .12em #000}.btn.small{font-size:.85em;padding:.25em .8em}.btn.primary{border-color:var(--gold)}.btn.danger{border-color:var(--danger)}.btn:hover,.btn.focus,.slot.focus,.item.focus,.dlg-choice.focus{outline:.14em solid var(--gold);outline-offset:.08em;background:linear-gradient(180deg,#3b43a0,#262c6b)}.btn:active{transform:translateY(.08em)}.screen.title{justify-content:space-between;padding:1.4em 1em .8em}.title-art{position:absolute;inset:0;background:url(/art/title.webp) center / cover no-repeat;image-rendering:pixelated;z-index:-1}.title-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#05040e8c,#05040e00 38% 55%,#05040ebf)}.title-logo .t1{font-size:2.6em;font-weight:700;color:var(--gold);letter-spacing:.04em;text-shadow:.06em .06em 0 #7a3b12,.12em .12em 0 #000;line-height:1}.title-logo .t2{font-size:1.2em;color:#ffd3dc;text-shadow:.08em .08em 0 #000;margin-top:.15em}.foot{font-size:.7em;opacity:.75}.screen.how table{border-collapse:collapse;font-size:.85em}.screen.how th,.screen.how td{padding:.15em .6em;text-align:left}.screen.how th{color:var(--gold);font-weight:400}.screen.how p{font-size:.8em}.slots{display:flex;flex-direction:column;gap:.45em;width:min(26em,100%)}.slot{font:inherit;color:var(--ink);display:grid;grid-template-columns:1.6em 1fr auto;grid-template-areas:"n name time" "n hearts pend";align-items:center;gap:.1em .6em;text-align:left;padding:.4em .7em;border:.14em solid var(--gold-dark);border-radius:.3em;background:linear-gradient(180deg,var(--panel-2),var(--panel));cursor:pointer}.slot.empty{opacity:.8;grid-template-areas:"n name name" "n name name"}.slot-n{grid-area:n;font-size:1.5em;color:var(--gold)}.slot-name{grid-area:name;font-size:1.1em}.slot-time{grid-area:time;font-size:.85em;opacity:.85}.slot-hearts{grid-area:hearts;display:flex;flex-wrap:wrap;gap:.05em}.slot-pend{grid-area:pend;display:flex;gap:.15em}.name-input{font:inherit;font-size:1.4em;width:9em;text-align:center;padding:.2em;color:var(--ink);background:#0b0d1c;border:.12em solid var(--gold);border-radius:.2em;user-select:text;-webkit-user-select:text}.screen.cards{justify-content:flex-end;background:#05040a;padding:0;gap:0}.card-art{position:absolute;inset:0 0 26%;background:center / contain no-repeat;image-rendering:pixelated}.card-art.none{display:none}.card-text{position:relative;width:100%;min-height:26%;padding:.5em 1em;background:linear-gradient(180deg,#05040a00,#05040af2 22%);display:flex;flex-direction:column;justify-content:center;gap:.3em;font-size:.95em}.screen.cards .card-art.none+.card-text{min-height:60%}.screen.cards .menu{position:absolute;right:.5em;bottom:.4em}.screen.cards.in .card-art,.screen.cards.in .card-text{animation:fadein .6s ease both}@keyframes fadein{0%{opacity:0}}.screen.pause{background:#08091ae6;justify-content:center}.pause-cols{display:grid;grid-template-columns:1.1fr 1fr;gap:.8em;width:100%;max-width:34em;text-align:left}.pause-cols section{background:linear-gradient(180deg,var(--panel-2),var(--panel));border:.12em solid var(--gold-dark);border-radius:.3em;padding:.5em}.items{display:grid;grid-template-columns:repeat(5,1fr);gap:.25em}.item{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:.1em solid #444a8a;border-radius:.2em;background:#141838;padding:0;cursor:pointer}.item.none{opacity:.3;cursor:default}.item.selected{border-color:var(--gold);background:#2c2a10}.item .count{position:absolute;right:.1em;bottom:0;font-size:.7em;color:var(--ink);text-shadow:.08em .08em 0 #000}.desc{margin-top:.4em;font-size:.8em;min-height:2.6em;opacity:.9}.status .row{display:flex;justify-content:space-between;align-items:center;gap:.4em;font-size:.85em;padding:.1em 0}.status .row b{font-weight:400;color:var(--gold)}.pendants,.equip{display:flex;gap:.15em}.goal{margin-top:.4em!important;font-size:.78em;color:#ffd3dc}.board{max-height:58%;overflow:auto;width:min(28em,100%)}.board-table{width:100%;border-collapse:collapse;font-size:.85em}.board-table th{color:var(--gold);font-weight:400;text-align:left;padding:.15em .4em;border-bottom:.08em solid var(--gold-dark)}.board-table td{padding:.12em .4em;text-align:left}.board-table tr:nth-child(odd) td{background:#ffffff0a}.board-table tr.me td{color:var(--gold)}.dialog{position:absolute;left:3%;right:3%;bottom:3%;min-height:27%;padding:.55em .8em .7em;background:#0e0c20eb;border:.14em solid var(--gold);border-radius:.35em;box-shadow:0 0 0 .12em #000;font-size:.95em;cursor:pointer}.dialog.hidden{display:none}.dlg-name{position:absolute;top:-.95em;left:.6em;padding:.05em .5em;background:#2b3170;border:.12em solid var(--gold);border-radius:.25em;color:var(--gold);font-size:.85em}.dlg-text{white-space:pre-wrap;min-height:2.6em}.dialog.telepathy{background:#28103ce6;border-color:#c9a6ff;font-style:italic;color:#eadcff}.dialog.narration{background:#05040ae6;border-color:#6b6878}.dlg-more{position:absolute;right:.6em;bottom:.2em;font-size:.7em;color:var(--gold);animation:bob .8s steps(2) infinite}@keyframes bob{50%{transform:translateY(.2em)}}.dlg-choices{display:flex;gap:.6em;margin-top:.3em}.dlg-choice{font:inherit;color:var(--ink);background:#1d2147;border:.1em solid var(--gold-dark);border-radius:.25em;padding:.1em .8em}#touch{display:none}#touch.on{display:block;position:fixed;inset:auto 0 0;height:38vh;pointer-events:none;z-index:5}body:not(.portrait) #touch.on{height:100%;inset:0}#touch.on.menu-mode{display:none}.tc-pad,.tc-btn{pointer-events:auto;touch-action:none}.tc-pad{position:absolute;left:max(4vw,env(safe-area-inset-left));bottom:max(5vh,env(safe-area-inset-bottom));width:min(38vw,30vh,190px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#ffffff1f,#ffffff0a 70%);border:2px solid rgba(255,255,255,.25)}.tc-knob{position:absolute;left:50%;top:50%;width:40%;aspect-ratio:1;border-radius:50%;background:#f7d24b8c;transform:translate(calc(-50% + var(--kx, 0px)),calc(-50% + var(--ky, 0px)))}.tc-buttons{position:absolute;right:max(4vw,env(safe-area-inset-right));bottom:max(5vh,env(safe-area-inset-bottom));width:min(42vw,32vh,210px);aspect-ratio:1}.tc-btn{position:absolute;width:40%;aspect-ratio:1;border-radius:50%;border:2px solid rgba(255,255,255,.35);background:#2b3170b3;color:#fff;font:600 13px var(--font)}.tc-btn.down{background:#f7d24bb3;color:#000}.tc-a{right:0;top:30%}.tc-b{right:30%;bottom:0}.tc-y{right:30%;top:0;width:34%}.tc-sys{position:absolute;left:50%;bottom:max(2vh,env(safe-area-inset-bottom));transform:translate(-50%)}body:not(.portrait) .tc-sys{top:2vh;bottom:auto;left:auto;right:2vw;transform:none}.tc-start{position:static;width:auto;aspect-ratio:auto;border-radius:1em;padding:6px 14px;pointer-events:auto}