:root{--bg: #eceef1;--surface: #ffffff;--ghost1: #dcdfe4;--ghost2: #c3c8d0;--text: #111827;--body: #4b5563;--muted: #4b5563;--border: #d7dbe1;--control-line: #6b7280;--page-frame: #bdc0c6;--btn-bg: #b34700;--btn-fg: #ffffff;--d3-bg: #fbf0e6;--d3-line: #e0b494;--d3-ink: #83401f;--care-bg: #fefce8;--care-line: #fde047;--care-ink: #854d0e;--shadow: 0 12px 30px rgba(17,24,39,.13);--r: 1rem;--ease-out: cubic-bezier(.23, 1, .32, 1)}html[data-theme=dark]{--bg: #0f172a;--surface: #1e293b;--ghost1: #334155;--ghost2: #475569;--text: #f8fafc;--body: #cbd5e1;--muted: #94a3b8;--border: #334155;--control-line: #94a3b8;--page-frame: #080d18;--btn-bg: #c25312;--btn-fg: #ffffff;--d3-bg: #33241a;--d3-line: #7a4a2b;--d3-ink: #e8b48c;--care-bg: #422006;--care-line: #a16207;--care-ink: #fde68a;--shadow: 0 12px 30px rgba(0,0,0,.5)}*{box-sizing:border-box;margin:0;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior:none}button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}a{color:inherit}:focus-visible{outline:2px solid var(--text);outline-offset:2px;border-radius:4px}.stage{position:fixed;inset:0;margin:0 auto;max-width:28rem;display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top) + .5rem) 1rem calc(env(safe-area-inset-bottom) + .75rem)}@media(min-width:30rem){body{background:var(--page-frame)}.stage{background:var(--bg);box-shadow:0 0 60px #00000040}}.screen{flex:1;display:none;flex-direction:column;min-height:0}.screen[data-active=true]{display:flex}.topbar{flex-shrink:0;display:flex;align-items:center;gap:.5rem;padding:.25rem 0 .75rem}.topbar .tier{font-size:.68rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.topbar .spacer{margin-left:auto}.iconbtn{width:2rem;height:2rem;border-radius:999px;border:1px solid var(--control-line);color:var(--text);display:flex;align-items:center;justify-content:center;font-size:.85rem}.donebtn{display:inline-flex;align-items:center;gap:.35rem;font-size:.76rem;font-weight:600;color:var(--body);border:1px solid var(--control-line);border-radius:999px;padding:.3rem .8rem}.donebtn .x{font-size:.72rem;line-height:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.deckwrap{flex:1;display:flex;align-items:center;min-height:0;padding-bottom:.9rem;overflow:clip}.deck{margin-bottom:2.5rem}.deck{position:relative;width:100%}.ghost{position:absolute;inset:0;border-radius:var(--r);z-index:0;pointer-events:none}.ghost.g1{transform:rotate(-1.7deg) translateY(.4rem) scale(.985);background:var(--ghost1)}.ghost.g2{transform:rotate(2.3deg) translateY(.85rem) scale(.965);background:var(--ghost2);opacity:.6}.card{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:1.75rem 1.5rem;min-height:min(21rem,43vh);display:flex;flex-direction:column;box-shadow:var(--shadow)}.card .meta{font-size:.68rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-bottom:.6rem}.card .q{font-size:1.3rem;line-height:1.32;font-weight:600;letter-spacing:-.015em;flex:1;display:flex;align-items:flex-start}.card .lens{margin-top:.8rem;font-size:.75rem;color:var(--muted)}.card .caution{margin-top:.8rem;display:flex;gap:.5rem;align-items:flex-start;background:var(--care-bg);border:1px solid var(--care-line);border-radius:.5rem;padding:.55rem .7rem;font-size:.76rem;line-height:1.4;color:var(--care-ink)}.card .caution[hidden]{display:none}.card .caution .ico{flex-shrink:0;font-size:.9rem;line-height:1.2}.card .lens:empty{display:none}.card.d3{background:var(--d3-bg);border-color:var(--d3-line)}.card.d3 .meta,.card.d3 .lens{color:var(--d3-ink)}.card{position:absolute;inset:0;z-index:0;transform-origin:50% 100%;transform:translate3d(0,8px,0) scale(.985);transition:transform .22s var(--ease-out);will-change:transform}.card.live{position:relative;z-index:1;transform:none;touch-action:none}.card.leaving{position:absolute;inset:0;z-index:2;transform:translate3d(0,-62vh,0) rotate(-5deg);transition-duration:.2s}.card.settling{transition:transform .24s cubic-bezier(.34,1.56,.64,1)}@media(prefers-reduced-motion:reduce){.card{transition:opacity .12s ease;transform:none}.card.live{transform:none}.card.leaving{transform:none;opacity:0}.card.settling{transition:transform .16s var(--ease-out)}}@media(max-height:720px){.card{min-height:min(17rem,42vh);padding:1.25rem 1.2rem}.card .q{font-size:1.15rem}.deck{margin-bottom:1.25rem}}.choices{flex-shrink:0;display:grid;gap:.5rem}.choice{display:flex;align-items:center;gap:.7rem;width:100%;text-align:left;border:1px solid var(--border);background:var(--surface);border-radius:.5rem;padding:.8rem 1rem;font-size:.92rem;font-weight:600;transition:transform .16s var(--ease-out),border-color .16s ease}.choice:active{transform:scale(.97)}.choice[hidden]{display:none}.choice .ic{flex-shrink:0;width:1.1rem;text-align:center;color:var(--muted);font-size:.95rem}.choice.primary{background:var(--btn-bg);color:var(--btn-fg);border-color:var(--btn-bg)}.choice.primary .ic{color:var(--btn-fg);opacity:.7}.panel{flex:1;display:flex;flex-direction:column;min-height:0;overflow-y:auto}.panel h1{font-size:1.6rem;font-weight:800;letter-spacing:-.02em;line-height:1.15}.panel h2{font-size:1.35rem;font-weight:800;letter-spacing:-.02em;line-height:1.2}.panel .lede{color:var(--body);margin-top:.6rem;font-size:.95rem}.panel .grow{flex:1;min-height:.5rem}.panel .foot{flex-shrink:0;padding-top:.9rem;display:grid;gap:.5rem}.btn{transition:transform .16s var(--ease-out);display:block;width:100%;text-align:center;text-decoration:none;border-radius:.5rem;padding:.9rem 1.1rem;font-size:.93rem;font-weight:600}.btn-primary{background:var(--btn-bg);color:var(--btn-fg)}.btn-primary:active{transform:scale(.97)}.btn-ghost{border:1px solid var(--border);color:var(--body)}.btn-quiet{color:var(--muted);font-size:.82rem;padding:.5rem;font-weight:500}.field{margin-top:1.1rem}.field label{display:block;color:var(--body);font-size:.82rem;font-weight:600;margin-bottom:.4rem}.field input{width:100%;font:inherit;font-size:1rem;color:var(--text);background:var(--surface);border:1px solid var(--control-line);border-radius:.5rem;padding:.8rem .9rem}.field input::placeholder{color:var(--muted)}.whobar{margin-top:.9rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.8rem;color:var(--muted)}.whobar .who{border:1px solid var(--border);border-radius:999px;padding:.2rem .7rem;color:var(--text);font-weight:600}.whobar button{font-size:.8rem;color:var(--muted);text-decoration:underline;text-underline-offset:3px}.rules{list-style:none;padding:0;margin-top:1rem;display:grid;gap:.6rem}.rules li{display:flex;gap:.7rem;align-items:flex-start;color:var(--body);font-size:.92rem;line-height:1.45}.rules li b{color:var(--text);font-weight:700}.rules .num{flex-shrink:0;width:1.35rem;height:1.35rem;border-radius:999px;border:1px solid var(--border);color:var(--muted);display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:700;margin-top:.1rem}.carebox{margin-top:1rem;background:var(--care-bg);border:1px solid var(--care-line);border-radius:.5rem;padding:.9rem 1rem}.carebox p{color:var(--care-ink);font-size:.85rem}.endlinks{display:grid;gap:.5rem;margin-top:1.1rem}.endlink{display:block;text-decoration:none;border:1px solid var(--border);background:var(--surface);border-radius:.5rem;padding:.9rem 1.1rem}.endlink b{display:block;font-size:.95rem;font-weight:700}.endlink span{display:block;color:var(--muted);font-size:.8rem;margin-top:.15rem}@media(hover:hover)and (pointer:fine){.iconbtn:hover,.donebtn:hover{color:var(--text);border-color:var(--muted)}.choice:hover{border-color:#b34700;box-shadow:0 4px 14px #11182714}.btn-ghost:hover{border-color:var(--muted);color:var(--text)}.btn-quiet:hover,.whobar button:hover{color:var(--text)}.endlink:hover{border-color:#b34700;box-shadow:0 4px 14px #11182714}}