:root{color-scheme:dark;--bg:#0b1d20;--panel:#123237;--ink:#f4f4ed;--mute:#a7bfbd;--gold:#e6c578;--red:#cf3c52}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 15%,#22484b 0,#0b1d20 65%);color:var(--ink);font-family:system-ui,-apple-system,"Noto Sans JP",sans-serif;min-height:100svh;font-size:16px}button{font:inherit;cursor:pointer;border:0;touch-action:manipulation}button:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button:disabled{cursor:default;opacity:.5}[hidden]{display:none!important}.app{max-width:640px;margin:auto;padding:26px 22px max(24px,env(safe-area-inset-bottom))}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.eyebrow{font-size:.75rem;letter-spacing:.15em;color:var(--mute)}h1{font-size:2rem;letter-spacing:.13em;margin:4px 0}h1 span{color:#f17384}.quiet{background:transparent;color:var(--mute);border:1px solid #45615f;border-radius:9px;padding:9px 14px;font-size:.875rem}.stats{display:grid;grid-template-columns:1.25fr 1fr 1fr;border:1px solid #41615f;border-radius:14px;padding:16px 6px;margin-bottom:20px;background:#112b2dcc}.stats>div{padding:0 16px;border-right:1px solid #41615f}.stats>div:last-child{border:0}.stats small{display:block;font-size:.875rem;color:var(--mute);margin-bottom:5px}.stats strong{font-size:1.8rem;font-weight:650;white-space:nowrap}.stats #life{color:#f17c8d;font-size:1.55rem}.stats em{font-size:.875rem;font-style:normal;margin-left:5px;color:var(--mute)}.table{padding:21px 18px 18px;background:radial-gradient(ellipse,#214f50,#163b3d);border:1px solid #416864;border-radius:22px;box-shadow:0 12px 40px #0002;position:relative}.mode-tag{text-align:center;font-size:.875rem;color:var(--gold);letter-spacing:.12em;margin-bottom:17px}.cards{display:flex;justify-content:center;gap:clamp(22px,9vw,70px)}.card-group{display:flex;align-items:center;flex-direction:column;gap:10px}.card-label{font-size:.875rem;color:#b9cdca}.card{width:clamp(112px,27vw,145px);height:clamp(156px,38vw,202px);border-radius:12px;background:#fffdf5;color:#192a2c;box-shadow:0 7px 0 #091a1b66,0 10px 22px #0003;position:relative;display:flex;align-items:center;justify-content:center;border:2px solid #fff6;font-size:4rem;transition:transform .2s}.card.red{color:var(--red)}.corner{position:absolute;left:11px;top:9px;font-size:1.3rem;font-weight:700;line-height:1.1;text-align:center}.corner.bottom{top:auto;left:auto;bottom:9px;right:11px;transform:rotate(180deg)}.card .suit{font-size:4rem}.card.back{background:repeating-linear-gradient(45deg,#152e43 0,#152e43 7px,#1f3e54 7px,#1f3e54 9px);border:7px solid #f8f5e8}.back-mark{color:var(--gold);font-size:2.5rem;opacity:.9}.card.empty{border:2px dashed #5d8580;background:transparent;box-shadow:none;color:var(--mute);font-size:1rem}.card.reveal{animation:reveal .35s ease}@keyframes reveal{from{transform:rotateY(85deg) scale(.95)}to{transform:rotateY(0)}}#message{min-height:48px;text-align:center;margin-top:24px;line-height:1.6;font-size:.9375rem;color:#e9ede4}.play{text-align:center;padding-top:20px}h2{font-size:1.125rem;margin:0 0 8px}#hint{color:var(--mute);font-size:.875rem;margin:0 0 18px;min-height:22px;line-height:1.6}.actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice{min-height:78px;border-radius:14px;background:#f2f2e9;color:#153033;font-weight:750;font-size:1.75rem;box-shadow:0 4px 0 #0003}.choice small{display:block;font-size:.8125rem;font-weight:500;margin-top:3px}.choice.red-button{background:#bf354c;color:white}.choice.black-button{background:#18242c;color:white;border:1px solid #54706f}.choice.risk{background:var(--gold)}.choice:active,.primary:active{transform:translateY(2px)}.primary{width:100%;border-radius:13px;background:var(--gold);color:#182e2d;padding:17px;font-weight:750;font-size:1.0625rem}footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:21px 0;color:var(--mute);font-size:.875rem}.record{border-top:1px solid #35514f;padding-top:16px;font-size:.875rem;color:var(--mute)}summary{cursor:pointer}ol{padding:0;list-style:none}li{border-bottom:1px solid #2b4644;padding:11px 0;line-height:1.6}li strong{color:var(--ink)}.credit{text-align:center;font-size:.75rem;color:#819c98;margin:25px 0 0}dialog{background:#142f32;color:var(--ink);max-width:580px;width:calc(100% - 28px);border:1px solid #53726b;border-radius:20px;padding:24px;max-height:85svh;line-height:1.7}dialog::backdrop{background:#000a}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:12px;position:sticky;top:-24px;padding:8px 0;background:#142f32}dt{font-weight:750;color:var(--gold);margin-top:18px}dd{margin:4px 0;color:#cfddda;font-size:.9375rem}.note{border:1px solid #53726b;border-radius:12px;padding:14px;font-size:.875rem}.note p{margin-bottom:0}#result{border:1px solid var(--gold);border-radius:14px;padding:18px;margin-bottom:18px}#result strong{font-size:2rem;color:var(--gold)}@media(max-width:380px){.app{padding:18px 14px}.stats>div{padding:0 10px}.stats strong{font-size:1.5rem}.stats #life{font-size:1.25rem}.cards{gap:24px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
:root{--paper:#fff}fieldset{border:0;padding:0;margin:20px 0}legend{font-weight:700;font-size:1rem;margin-bottom:12px}.setup{padding:20px;background:#123237;border:1px solid #41615f;border-radius:20px}.hosts{display:flex;align-items:center;justify-content:center;gap:14px;background:#fff;border-radius:15px;padding:12px;color:#183638}.host-art{width:80px;height:108px;flex-shrink:0}.character-art{width:100%;height:100%;display:block;overflow:hidden}.hosts-copy{text-align:center;font-size:.875rem}.hosts-copy p{margin:7px 0;line-height:1.6;color:#43635f}.hosts-copy strong{font-size:.9375rem}.skins{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.skin-option{cursor:pointer;position:relative;min-width:0}.skin-option input{position:absolute;opacity:0}.skin-card{display:flex;flex-direction:column;align-items:center;gap:7px;border:2px solid transparent;border-radius:12px;padding:9px 4px;background:#fff;color:#214140;min-height:106px}.skin-card svg{height:62px;width:100%;max-width:67px}.skin-card>span{font-size:.75rem;text-align:center;line-height:1.3;overflow-wrap:anywhere}.skin-option input:checked+.skin-card{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold)}.skin-option input:focus-visible+.skin-card{outline:3px solid #61c3d0;outline-offset:3px}.timer-options{display:grid;gap:9px}.timer-options label{display:flex;align-items:center;gap:11px;border:1px solid #426765;border-radius:11px;padding:12px;cursor:pointer}.timer-options label:has(input:checked){border-color:var(--gold);background:#2f4640}.timer-options input{accent-color:var(--gold);width:19px;height:19px}.timer-options small{display:block;color:var(--mute);font-size:.8125rem;margin-top:3px}.setup-note{font-size:.875rem;color:var(--mute);line-height:1.6}.game-meta{display:flex;justify-content:space-between;gap:12px;margin:0 3px 14px;font-size:.875rem;color:var(--mute)}#clock{font-variant-numeric:tabular-nums;color:var(--gold)}#clock.urgent{color:#ff91a3}.timer-track{height:4px;background:#29474a;border-radius:4px;margin:0 0 15px;overflow:hidden}#timer-fill{height:100%;background:var(--gold);transition:width .1s linear}.card{background:#fff}.card-portrait{width:72%;height:61%;display:block}.card.back{background:#23464b;border:7px solid #f8f5e8}.back-portrait{display:block;width:78%;height:70%;padding:7px;background:#fff;border-radius:9px;transform:rotate(-6deg)}.back-portrait .character-art{opacity:.93}.corner{z-index:1}.skin-card .character-art{background:#fff}.table{margin-top:4px}@media(max-width:420px){.setup{padding:16px}.hosts{gap:8px}.host-art{width:62px;height:92px}.hosts-copy strong{font-size:.875rem}.hosts-copy{font-size:.8125rem}.skins{gap:8px}.skin-card{min-height:102px}.skin-card svg{height:57px}}@media(max-width:340px){.skins{grid-template-columns:repeat(3,minmax(0,1fr))}.hosts-copy strong{font-size:.8125rem}.host-art{width:50px}}

.normal-suit{font-size:90px;line-height:1}.normal-back{font-size:58px;color:#dfc78f;text-align:center;line-height:1.15;transform:rotate(-12deg)}.normal-preview{display:flex!important;align-items:center;justify-content:center;gap:5px;font-size:40px!important;color:#25232a;height:80px}.normal-preview i{font-style:normal;color:#bb3c4a}.character-art{background:transparent!important}.skin-card .character-art{object-fit:contain}

.card-portrait{display:flex;align-items:center;justify-content:center}.normal-preview{height:62px}.card.back:has(.normal-back){background:repeating-linear-gradient(45deg,#152e43 0,#152e43 7px,#1f3e54 7px,#1f3e54 9px)}@media(max-width:420px){.normal-preview{height:57px}}

.character-art{object-fit:contain}.skin-card img.character-art{height:62px;width:100%;max-width:67px}.back-portrait{background:transparent;padding:0;transform:none}.back-portrait .character-art{opacity:1}@media(max-width:420px){.skin-card img.character-art{height:57px}}