:root{--night:#14131c;--night-2:#1e1c2a;--paper:#f0e6d2;--gold:#d8a657;--real:#6aa9d8;--decoy:#d86a6a;--unknown:#6f6a80;--line:#34314a}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% 0%, #241f33 0%, var(--night) 60%);color:var(--paper);min-height:100vh;margin:0;font-family:Hiragino Kaku Gothic ProN,Yu Gothic,system-ui,sans-serif}#root{justify-content:center;padding:24px 16px 48px;display:flex}.title{text-align:center;max-width:520px;padding-top:32px}.title__lanterns{letter-spacing:12px;opacity:.85;font-size:28px}.title__name{letter-spacing:8px;color:var(--gold);text-shadow:0 0 24px #d8a65759;margin:12px 0 0;font-size:52px}.title__sub{letter-spacing:6px;opacity:.55;margin:0 0 28px;font-size:13px}.title__story{opacity:.85;margin-bottom:32px;font-size:15px;line-height:2}.title__story strong{color:var(--gold);font-weight:600}.title__actions{flex-direction:column;gap:12px;display:flex}.title__build{letter-spacing:.04em;opacity:.3;margin-top:6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.title__note{opacity:.4;margin-top:32px;font-size:12px}.start{background:var(--night-2);color:var(--paper);border:1px solid var(--line);cursor:pointer;border-radius:10px;padding:14px 20px;font-size:15px;transition:border-color .15s,transform .1s}.start:hover{border-color:var(--gold);transform:translateY(-1px)}.game{flex-direction:column;gap:14px;width:100%;max-width:460px;display:flex}.game__header{opacity:.7;justify-content:space-between;align-items:center;font-size:13px;display:flex}.link{color:var(--paper);opacity:.7;cursor:pointer;background:0 0;border:none;padding:4px;font-size:13px}.link:hover{opacity:1}.tray{border:1px solid var(--line);background:#ffffff08;border-radius:8px;padding:8px 12px}.tray__title{opacity:.65;justify-content:space-between;font-size:12px;display:flex}.tray__hint{opacity:.5}.tray__counts{gap:8px;margin-top:6px;display:flex}.chip{border:1px solid;border-radius:999px;padding:3px 9px;font-size:12px}.chip--real{color:var(--real)}.chip--decoy{color:var(--decoy)}.status{text-align:center;min-height:22px;font-size:14px}.status--thinking{opacity:.6}.status--win{color:var(--gold);font-size:20px}.status--lose{color:var(--decoy);font-size:20px}.board{background:var(--night-2);border:1px solid var(--line);aspect-ratio:1;border-radius:12px;grid-template-columns:repeat(6,1fr);gap:4px;padding:8px;display:grid}.cell{cursor:pointer;background:#ffffff09;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:0;font-size:26px;transition:background .12s;display:flex;position:relative}.cell:hover{background:#ffffff12}.cell--my-exit{background:#d8a65721;border-color:#d8a65766}.cell--their-exit{background:#ffffff05;border-color:#78738c59}.cell--target{border-color:var(--gold);background:#d8a65729}.cell--capture{border-color:var(--decoy);background:#d86a6a33}.exit-mark{opacity:.35;font-size:12px;position:absolute;top:2px;left:3px}.guess{color:var(--paper);pointer-events:none;background:#000000a8;border-radius:3px;padding:1px 3px;font-size:11px;font-weight:700;line-height:1;position:absolute;top:1px;right:3px}.target-dot{background:var(--gold);opacity:.8;border-radius:50%;width:8px;height:8px;position:absolute;bottom:4px}.piece{aspect-ratio:1;border:2px solid var(--unknown);background:#0000004d;border-radius:50%;justify-content:center;align-items:center;width:82%;display:flex}.piece--real{border-color:var(--real);box-shadow:0 0 10px #6aa9d859}.piece--decoy{border-color:var(--decoy);box-shadow:0 0 10px #d86a6a4d}.piece--unknown{border-style:dashed}.piece--selected{outline:2px solid var(--gold);outline-offset:2px}.actions{justify-content:center;align-items:center;min-height:40px;display:flex}.actions__hint{opacity:.45;font-size:12px}.escape-button{background:var(--gold);color:var(--night);cursor:pointer;border:none;border-radius:8px;padding:10px 22px;font-size:15px;font-weight:600}.result{text-align:center;border-top:1px solid var(--line);padding-top:14px}.result__reason{opacity:.85;margin:0 0 14px;font-size:14px}.result__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:4px;display:flex}.placement{flex-direction:column;gap:16px;width:100%;max-width:460px;display:flex}.placement__title{text-align:center;letter-spacing:4px;color:var(--gold);margin:0;font-size:24px}.placement__lead{text-align:center;opacity:.75;margin:0;font-size:13px;line-height:1.9}.placement__lead strong{color:var(--real)}.placement__grid{background:var(--night-2);border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px;display:grid}.placement__cell{cursor:pointer;color:inherit;background:#ffffff09;border:1px solid #0000;border-radius:8px;flex-direction:column;align-items:center;gap:6px;padding:12px 4px 10px;font-size:24px;transition:background .12s;display:flex;position:relative}.placement__cell:hover{background:#ffffff14}.placement__cell.is-real{border-color:#6aa9d880}.placement__cell.is-decoy{border-color:#d86a6a66}.placement__cell .piece{width:42px}.placement__label{opacity:.75;font-size:11px}.placement__row-mark{opacity:.4;font-size:10px;position:absolute;top:3px;left:5px}.placement__status{justify-content:center;align-items:center;gap:14px;display:flex}.start:disabled{opacity:.35;cursor:not-allowed}.start:disabled:hover{border-color:var(--line);transform:none}.speech{align-items:center;min-height:46px;display:flex}.speech__bubble{background:#d8a65714;border:1px solid #d8a65747;border-radius:4px 12px 12px;align-items:center;gap:10px;width:100%;margin:0;padding:9px 14px;font-size:13px;line-height:1.6;animation:.25s ease-out speech-in;display:flex}.speech__who{flex-shrink:0;font-size:18px}@keyframes speech-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.title__section{letter-spacing:3px;opacity:.5;margin:26px 0 10px;font-size:12px}.start--character{text-align:left;flex-direction:column;gap:4px;padding:12px 18px;display:flex}.start__name{color:var(--gold);font-size:15px}.start__tagline{opacity:.6;font-size:12px}.debug{border:1px solid var(--line);background:#00000059;border-radius:8px;padding:12px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.debug__head{color:var(--gold);justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.debug__grid{gap:3px;display:grid}.debug__row{grid-template-columns:108px 1fr 40px;align-items:center;gap:8px;display:grid}.debug__bar{background:#ffffff14;border-radius:3px;height:6px;overflow:hidden}.debug__bar>span{background:var(--gold);height:100%;display:block}.debug__num{text-align:right;opacity:.8}.debug__note{opacity:.75;margin:10px 0 6px}.debug__note--small{opacity:.45;font-size:10px}.result-screen{flex-direction:column;gap:12px;width:100%;max-width:460px;display:flex}.result-screen__verdict{text-align:center;letter-spacing:8px;margin:8px 0 0;font-size:34px}.result-screen__verdict.is-win{color:var(--gold);text-shadow:0 0 22px #d8a65759}.result-screen__verdict.is-lose{color:var(--decoy)}.result-screen__verdict.is-draw{color:var(--unknown)}.result-screen__reason{text-align:center;flex-direction:column;gap:5px;margin:0;display:flex}.result-screen__reason strong{font-size:15px}.result-screen__reason span{opacity:.6;font-size:12px;line-height:1.7}.record{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:6px;display:flex}.record__cell{border:1px solid var(--line);opacity:.85;border-radius:999px;padding:4px 10px;font-size:12px}.record__cell b{color:var(--gold);margin-right:2px;font-size:14px}.record__cell--streak{border-color:#d8a65780}.result-screen__rate{text-align:center;opacity:.5;margin:0;font-size:11px}.result-screen__section{letter-spacing:3px;color:var(--gold);border-bottom:1px solid var(--line);margin:18px 0 0;padding-bottom:6px;font-size:13px}.result-screen__hint{opacity:.55;margin:0;font-size:12px;line-height:1.7}.result-screen__hint--small{opacity:.4;font-size:11px}.result-screen__closest{flex-direction:column;gap:3px;margin:0;display:flex}.result-screen__closest strong{color:var(--gold);font-size:16px}.result-screen__closest span{opacity:.6;font-size:12px}.replay{align-items:center;gap:8px;display:flex}.replay button{background:var(--night-2);border:1px solid var(--line);color:var(--paper);cursor:pointer;border-radius:6px;padding:6px 10px;font-size:13px}.replay button:disabled{opacity:.3;cursor:not-allowed}.replay input[type=range]{accent-color:var(--gold);flex:1}.replay__count{text-align:center;opacity:.55;margin:0;font-size:11px}.reveal{background:#d8a6570f;border:1px solid #d8a65759;border-radius:10px;flex-direction:column;align-items:center;gap:4px;margin-top:6px;padding:12px;animation:.35s ease-out speech-in;display:flex}.reveal__label{opacity:.5;letter-spacing:2px;font-size:11px}.reveal__name{color:var(--gold);letter-spacing:3px;font-size:20px}.reveal__tagline{opacity:.65;font-size:12px}.start--hard{text-align:left;flex-direction:column;gap:4px;padding:12px 18px;display:flex}.title__kifu{opacity:.45;flex-direction:column;gap:6px;margin-top:22px;font-size:11px;display:inline-flex}.title__kifu input{color:inherit;font-size:11px}.title__error{color:var(--decoy);margin:8px 0 0;font-size:11px}.debug__actions{gap:10px;display:flex}.rules{flex-direction:column;gap:8px;width:100%;max-width:460px;display:flex}.rules__title{text-align:center;letter-spacing:6px;color:var(--gold);margin:6px 0 4px;font-size:26px}.rules__section{border-top:1px solid var(--line);margin-top:6px;padding-top:14px}.rules__section h3{color:var(--gold);letter-spacing:2px;margin:0 0 10px;font-size:15px}.rules__section p{opacity:.85;margin:0 0 9px;font-size:13px;line-height:1.9}.rules__note{opacity:.55;font-size:12px}.rules b.is-real{color:var(--real)}.rules b.is-decoy{color:var(--decoy)}.rules__wins{flex-direction:column;gap:12px;margin:0;padding-left:20px;display:flex}.rules__wins li b{margin-bottom:3px;font-size:14px;display:block}.rules__wins li span{opacity:.7;font-size:12px;line-height:1.8}.rules__tips{opacity:.85;flex-direction:column;gap:8px;margin:0;padding-left:20px;font-size:12.5px;line-height:1.8;display:flex}.mini{background:var(--night-2);border:1px solid var(--line);aspect-ratio:1;border-radius:8px;grid-template-columns:repeat(6,1fr);gap:3px;max-width:260px;margin:4px 0 12px;padding:6px;display:grid}.mini__cell{background:#ffffff09;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;font-size:15px;display:flex;position:relative}.mini__cell--my-exit{background:#d8a65724;border-color:#d8a65766}.mini__cell--their-exit{border-color:#78738c59}.mini__cell.is-marked{outline:2px solid var(--gold);outline-offset:-1px}.mini__exit{opacity:.45;font-size:10px}.mini__piece{aspect-ratio:1;border:2px solid var(--unknown);background:#0000004d;border-radius:50%;justify-content:center;align-items:center;width:84%;font-size:13px;display:flex}.mini__piece.is-real{border-color:var(--real)}.mini__piece.is-decoy{border-color:var(--decoy)}.mini__piece.is-unknown{border-style:dashed}.title__rules{opacity:.7;text-underline-offset:4px;margin-top:18px;font-size:13px;text-decoration:underline}.rules ruby rt{opacity:.7;font-size:9px}.happening{text-align:center;min-height:20px;color:var(--gold);opacity:.85;font-size:12px}.happening span{animation:.3s ease-out speech-in}.cell--flash:after{content:"";border:2px solid var(--gold);pointer-events:none;border-radius:6px;animation:1.1s ease-out forwards flash-out;position:absolute;inset:-1px}@keyframes flash-out{0%{opacity:1;box-shadow:0 0 14px #d8a65799}to{opacity:0;box-shadow:none}}.escape-row{grid-template-columns:repeat(6,1fr);align-items:end;gap:4px;min-height:34px;padding:0 8px;display:grid}.escape-row .escape-button{white-space:nowrap;padding:7px 14px;font-size:13px;animation:.3s ease-out escape-in;box-shadow:0 0 18px #d8a65759}@keyframes escape-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.start--boss{text-align:left;background:linear-gradient(#d86a6a14,#1e1c2ae6);border-color:#d86a6a80;flex-direction:column;gap:5px;padding:14px 18px;display:flex}.start--boss:hover{border-color:var(--decoy)}.start--boss .start__name{font-size:17px}.start__handicap{color:var(--decoy);opacity:.9;font-size:11px;line-height:1.7}.title__locked{opacity:.4;letter-spacing:1px;margin:22px 0 0;font-size:12px}.happening .is-gain{color:var(--gold)}.happening .is-setback{color:var(--decoy)}