:root{color-scheme:dark;--night: #0d0b09;--ink: #1f1913;--manila: #e4cf9e;--manila-2: #d3ba80;--paper: #f3ead6;--tape: #f2c230;--stamp: #b8352a;--felt: #1d5a40;--brass: #c9a35a;--muted: #8b7d68;--hud-bg: rgba(18, 14, 11, .72);--serif: "Hahmlet", "Noto Serif KR", serif;--sans: "IBM Plex Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--night);color:var(--paper);font-family:var(--sans);overflow:hidden}canvas#view{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}[hidden]{display:none!important}button{font:inherit;cursor:pointer}.btn{border:0;border-radius:4px;padding:.7em 1.2em;font-weight:700;font-size:1rem}.btn.primary{background:var(--stamp);color:#fff4e8;box-shadow:0 3px #7a2019}.btn.primary:hover{background:#c9402f}.btn.primary:active{transform:translateY(2px);box-shadow:0 1px #7a2019}.btn.ghost{background:transparent;color:inherit;border:1px solid currentColor;opacity:.85}.btn.ghost:hover{opacity:1}.btn:focus-visible,input:focus-visible{outline:3px solid var(--tape);outline-offset:2px}kbd{display:inline-block;min-width:1.6em;padding:.05em .35em;margin:0 .1em;text-align:center;border:1px solid #6d5c45;border-bottom-width:3px;border-radius:4px;background:#2a221b;color:var(--paper);font:700 .85em var(--sans)}.screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;overflow-y:auto}.entry{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,400px) minmax(260px,340px);gap:clamp(16px,3vw,40px);align-items:center;padding:clamp(16px,5vw,64px);background:linear-gradient(90deg,#0d0b09eb,#0d0b098c 55%,#0d0b09cc)}.entry-title h1{font-family:var(--serif);font-weight:900;margin:0;line-height:.95;font-size:clamp(4rem,11vw,9rem);color:#ffd7dc;text-shadow:0 0 18px rgba(255,59,92,.75),0 0 48px rgba(255,59,92,.35)}.entry-title h1 span{display:block;margin-top:.15em;font-size:.42em;color:var(--paper);text-shadow:none;letter-spacing:.02em}.tagline{font-size:clamp(1.05rem,1.6vw,1.35rem);margin:1.2em 0 0;color:#e9dcc2;max-width:22em;line-height:1.5}.mode-note{margin-top:1.2em;font-size:.9rem;color:var(--tape);max-width:26em;line-height:1.5}.ledger-card{position:relative;background:var(--manila);color:var(--ink);padding:28px 26px 22px;border-radius:3px;box-shadow:0 18px 40px #0000008c;transform:rotate(-1deg);background-image:repeating-linear-gradient(0deg,transparent 0 31px,rgba(120,90,40,.18) 31px 32px)}.ledger-card:before{content:"";position:absolute;top:-14px;left:50%;width:70px;height:26px;margin-left:-35px;border-radius:6px 6px 3px 3px;background:linear-gradient(#9aa0a4,#5f6569);box-shadow:0 2px 4px #0006}.ledger-card h2{font-family:var(--serif);font-weight:900;font-size:1.7rem;margin:0 0 14px}.ledger-card label{display:grid;grid-template-columns:3.2em 1fr;align-items:center;gap:10px;margin-bottom:10px;font-weight:700}.ledger-card input{font:500 1.1rem var(--sans);color:var(--ink);background:#fffcf0a6;border:0;border-bottom:2px solid #8a6f3e;padding:.4em .5em;border-radius:2px 2px 0 0;width:100%}.entry-status{font-size:.9rem;margin:12px 0 4px;line-height:1.45;color:#4a3c2a;min-height:2.9em}.entry-error{color:var(--stamp);font-weight:700;font-size:.95rem;min-height:1.3em;margin:0 0 10px}.ledger-card .btn.primary{width:100%;font-size:1.2rem;padding:.75em}.entry-sub{display:flex;gap:8px;margin-top:10px}.entry-sub .btn{flex:1;font-size:.9rem;padding:.55em .4em;color:var(--ink)}.howto{background:#120e0bc7;border-left:3px solid var(--tape);padding:18px 20px;font-size:.95rem;line-height:1.55}.howto h3{font-family:var(--serif);margin:0 0 6px;font-size:1.05rem;color:var(--tape)}.howto h3+p{margin-top:0}.howto ul{list-style:none;padding:0;margin:0 0 12px}.howto li{padding:3px 0;border-bottom:1px dashed rgba(233,220,194,.15)}.howto li b{color:#fff;margin-right:.4em}.howto-note{font-size:.85rem;color:#cbbd9f;margin:0}@media (max-width: 1100px){.entry{grid-template-columns:1fr 1fr;align-items:start}.entry-title{grid-column:1 / -1}}@media (max-width: 720px){.entry{grid-template-columns:1fr;padding:24px 16px}.ledger-card{transform:none}}#hud{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.hud-label{font-size:.8rem;color:#cbbd9f}.hud-score,.hud-risk,.hud-timer{position:absolute;top:16px;background:var(--hud-bg);padding:10px 16px;border-radius:4px}.hud-score{left:16px;min-width:170px}.hud-score strong{display:block;font-size:2rem;font-variant-numeric:tabular-nums;line-height:1.1}.combo{display:inline-block;margin-top:4px;background:var(--tape);color:var(--ink);font-weight:700;padding:1px 8px;border-radius:3px;font-size:.9rem}.combo.pop{animation:pop .25s ease-out}@keyframes pop{0%{transform:scale(1.35)}to{transform:scale(1)}}.hud-timer{left:50%;transform:translate(-50%);text-align:center;min-width:200px}.hud-timer strong{font-size:2.6rem;font-variant-numeric:tabular-nums;line-height:1;display:block}.hud-timer.urgent strong{color:#ff6b5a}.timebar{position:relative;height:6px;background:#ffffff1f;margin-top:8px;border-radius:3px;overflow:hidden}.timebar i{position:absolute;left:0;top:0;bottom:0;background:var(--paper);width:0}.timebar .siren-mark{position:absolute;top:0;bottom:0;left:87.5%;width:2px;background:var(--stamp)}.hud-risk{right:16px;width:260px}.risk-head{display:flex;justify-content:space-between;align-items:baseline}.risk-head strong{font-size:1.4rem;font-variant-numeric:tabular-nums}.riskbar{position:relative;height:10px;margin-top:6px;border-radius:2px;overflow:visible;background:linear-gradient(90deg,#2e6b4c 0,#2e6b4c 16%,#8a7a3a 16%,#8a7a3a 36%,#7a2a22 36%,#7a2a22)}.risk-verdict{font-size:.85rem;color:#cbbd9f;margin-top:2px}.riskbar i{position:absolute;top:-4px;bottom:-4px;width:4px;margin-left:-2px;background:#fff;border-radius:2px;left:0;transition:left .2s;box-shadow:0 0 6px #000}.riskbar .zone{position:absolute;top:14px;font-size:.72rem;color:#cbbd9f}.riskbar .z1{left:0}.riskbar .z2{left:37%}.riskbar .z3{right:0}.hud-risk{padding-bottom:26px}.hud-hand{position:absolute;left:16px;bottom:16px}.tag{position:relative;display:inline-block;background:var(--manila);color:var(--ink);font-weight:700;padding:8px 16px 8px 30px;border-radius:3px 10px 10px 3px;font-size:1.05rem;min-width:120px;clip-path:polygon(14px 0,100% 0,100% 100%,14px 100%,0 50%)}.tag:before{content:"";position:absolute;left:13px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:var(--night)}.tag.empty{background:#4a3f33;color:#cbbd9f}.stash{margin-top:8px;display:flex;gap:14px;font-size:.9rem;background:var(--hud-bg);padding:5px 10px;border-radius:3px}.stash b{font-variant-numeric:tabular-nums}.banner{position:absolute;left:0;right:0;top:108px;text-align:center;padding:10px 16px;background:var(--tape);color:var(--ink);font-weight:700;font-size:clamp(1rem,1.8vw,1.35rem);border-top:6px solid transparent;border-bottom:6px solid transparent;border-image:repeating-linear-gradient(-45deg,var(--ink) 0 14px,var(--tape) 14px 28px) 6;transform:rotate(-1.2deg);animation:tapein .35s ease-out}.banner.alert{background:var(--stamp);color:#fff}@keyframes tapein{0%{transform:rotate(-1.2deg) translate(-110%)}to{transform:rotate(-1.2deg) translate(0)}}.toast{position:absolute;left:50%;bottom:70px;transform:translate(-50%);background:#b8352aeb;color:#fff;padding:8px 16px;border-radius:4px;font-weight:700}#world-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;overflow:hidden}.st-label{position:absolute;transform:translate(-50%,-100%);white-space:nowrap;text-align:center;font-size:.78rem;font-weight:700;color:var(--paper);text-shadow:0 1px 2px #000,0 0 6px #000}.st-label .bar{width:64px;height:5px;margin:3px auto 0;background:#0009;border-radius:2px;overflow:hidden}.st-label .bar i{display:block;height:100%;background:var(--tape);width:0}.st-label .q{display:block;font-size:.72rem;color:var(--tape)}.st-label.warn{color:#ff8a7a}.prompt{position:absolute;transform:translate(-50%,-100%);white-space:nowrap;background:var(--paper);color:var(--ink);padding:4px 10px;border-radius:3px;font-weight:700;font-size:.9rem;box-shadow:0 2px 6px #00000080}.prompt kbd{font-size:.8em}.prompt.blocked{background:#3a2f26;color:#e3c9b5}.prompt.danger{background:var(--stamp);color:#fff}.prompt .hint{display:block;font-weight:500;font-size:.75rem;color:#5b4c38}.popup{position:absolute;transform:translate(-50%,-100%);font-weight:700;font-size:1.3rem;white-space:nowrap;color:var(--tape);text-shadow:0 2px 0 #000,0 0 8px #000;animation:rise 1.1s ease-out forwards}.popup.minus{color:#ff6b5a}.popup.asset{color:#9fe08a}.popup small{font-size:.7em;color:#fff;display:block;text-align:center}@keyframes rise{0%{opacity:0;margin-top:10px}15%{opacity:1}to{opacity:0;margin-top:-60px}}.countdown{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;pointer-events:none}.countdown span{font-family:var(--serif);font-weight:900;font-size:clamp(6rem,18vw,12rem);color:var(--tape);text-shadow:0 6px 0 #000;animation:stampin .4s ease-out}@keyframes stampin{0%{transform:scale(2.2);opacity:0}to{transform:scale(1);opacity:1}}.result{display:grid;grid-template-columns:minmax(0,560px) minmax(280px,380px);gap:32px;justify-content:center;align-items:start;padding:clamp(16px,4vw,48px);background:#0d0b09cc}.report{position:relative;background:var(--paper);color:var(--ink);padding:28px 30px 24px;border-radius:2px;box-shadow:0 20px 50px #0009;transform:rotate(.6deg)}.report header{position:relative;border-bottom:2px solid var(--ink);padding-bottom:12px;margin-bottom:14px}.report-kicker{margin:0;font-size:.9rem;color:#6b5a42}.report h2{font-family:var(--serif);font-size:1.8rem;margin:4px 0 0}.stamp{position:absolute;right:-6px;top:-10px;font-family:var(--serif);font-weight:900;font-size:2.4rem;color:var(--stamp);border:5px solid var(--stamp);border-radius:8px;padding:2px 14px;transform:rotate(-12deg);opacity:.88;mix-blend-mode:multiply;animation:stamp .45s cubic-bezier(.2,1.6,.4,1) .3s both}.stamp.clear{color:#2b5d8a;border-color:#2b5d8a}.stamp.perfect{color:#1d6b45;border-color:#1d6b45}@keyframes stamp{0%{transform:rotate(-12deg) scale(2.4);opacity:0}to{transform:rotate(-12deg) scale(1);opacity:.88}}.report-total{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.report-total span{font-weight:700}.report-total strong{font-size:3.2rem;font-variant-numeric:tabular-nums;line-height:1}.report-total em{font-style:normal;font-weight:700;color:var(--stamp)}.report-table{width:100%;border-collapse:collapse;margin-top:14px;font-size:.98rem}.report-table td{padding:6px 0;border-bottom:1px dashed #c8b894}.report-table td:last-child{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.report-table tr.lost td:last-child{text-decoration:line-through;color:#9b8b70}.report-table tr.minus td:last-child{color:var(--stamp)}.report-note{margin:14px 0 0;font-size:.92rem;color:#4a3c2a;line-height:1.5}.board{background:#120e0bd9;border-top:4px solid var(--tape);padding:18px 20px}.board h3{font-family:var(--serif);margin:0 0 10px;color:var(--tape)}.board-list{list-style:none;margin:0;padding:0;counter-reset:none}.board-list li{display:grid;grid-template-columns:2.4em 1fr auto;gap:8px;padding:6px 4px;border-bottom:1px solid rgba(233,220,194,.12);align-items:baseline}.board-list li .rk{font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums}.board-list li .who small{color:var(--muted);margin-left:.4em}.board-list li .sc{font-weight:700;font-variant-numeric:tabular-nums}.board-list li.me{background:#f2c23029}.board-list li.me .rk{color:var(--tape)}.board-list li.gap{display:block;text-align:center;color:var(--muted);border:0;padding:2px}.board-list .empty{display:block;color:var(--muted);border:0}.result-actions{display:flex;gap:10px;margin-top:16px}.result-actions .btn{flex:1}@media (max-width: 900px){.result{grid-template-columns:1fr}}.ranking{display:grid;place-items:start center;padding:clamp(16px,5vw,56px);background:#0d0b09e6}.ranking-wrap{width:min(720px,100%)}.ranking h2{font-family:var(--serif);font-size:clamp(2rem,5vw,3rem);margin:0;color:var(--tape)}.ranking-sub{color:var(--muted);margin:4px 0 18px}.board-list.big li{font-size:1.15rem;padding:10px 6px}.ranking .btn{margin-top:18px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.prompt.danger .hint,.prompt.blocked .hint{color:inherit;opacity:.85}.risk-head em{font-style:normal;font-weight:700;margin-left:.3em}.risk-head em.perfect{color:#7fd0a0}.risk-head em.clear{color:#e2cf7a}.risk-head em.busted{color:#ff8a7a}.result-actions{flex-wrap:wrap}.result-actions .btn{white-space:nowrap;flex:1 1 auto}.cutscene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#050403;display:grid;grid-template-rows:1fr auto;padding:16px;gap:10px}.cs-frame{position:relative;width:min(100%,calc((100vh - 90px) * 16 / 9));aspect-ratio:16 / 9;max-width:100%;margin:auto;cursor:pointer;overflow:hidden;border:3px solid #1f1913;box-shadow:0 0 0 1px #3a2f24}.cs-art{position:absolute;top:0;right:0;bottom:0;left:0;animation:cs-in .6s ease-out,cs-pan 9s ease-out}.cs-art svg,.cs-art img{width:100%;height:100%;display:block;object-fit:cover}@keyframes cs-in{0%{opacity:0}to{opacity:1}}@keyframes cs-pan{0%{transform:scale(1.06)}to{transform:scale(1)}}.cs-text{position:absolute;left:4%;right:4%;bottom:5%;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.cs-caption,.cs-bubble{margin:0;max-width:34em;font-size:clamp(1rem,2.1vw,1.45rem);line-height:1.45;animation:cs-in .25s ease-out}.cs-caption{background:var(--manila);color:var(--ink);padding:.45em .8em;box-shadow:4px 4px #000;font-weight:500}.cs-bubble{position:relative;align-self:flex-end;background:var(--paper);color:var(--ink);padding:.55em .9em;border-radius:18px;border:3px solid var(--ink);font-weight:700}.cs-bubble:after{content:"";position:absolute;right:28px;bottom:-14px;border:10px solid transparent;border-top-color:var(--ink);border-bottom:0}.cs-bubble b{display:block;font-size:.72em;color:var(--stamp)}.cs-bar{display:flex;align-items:center;gap:16px;justify-content:space-between;color:#cbbd9f;font-size:.9rem;width:min(100%,calc((100vh - 90px) * 16 / 9));margin:0 auto;flex-wrap:wrap}.cs-dots{display:flex;gap:6px}.cs-dots i{width:22px;height:4px;background:#3a2f24}.cs-dots i.on{background:var(--tape)}.cs-skip{background:transparent;color:var(--paper);border:1px solid #6d5c45;border-radius:4px;padding:6px 12px}.cs-skip:hover{border-color:var(--paper)}#hud.tutorial-mode .hud-timer,#hud.tutorial-mode .hud-risk{display:none}.tutorial{position:absolute;left:50%;bottom:16px;transform:translate(-50%);width:min(560px,calc(100% - 340px));background:var(--manila);color:var(--ink);padding:12px 18px 10px;box-shadow:0 8px 24px #00000080;border-left:8px solid var(--tape)}.tu-step{font-weight:700;font-size:.85rem;color:#6b5a42;font-variant-numeric:tabular-nums}.tu-text{margin:4px 0 6px;font-size:1.15rem;line-height:1.5}.tu-text kbd{color:var(--paper)}.tu-text.flash{animation:tu-flash .5s ease-out}@keyframes tu-flash{0%{background:#f2c23099}to{background:transparent}}.tu-skip{font-size:.8rem;color:#6b5a42}.tu-skip kbd{color:var(--paper)}.pointer{position:absolute;transform:translate(-50%,-100%);width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-top:24px solid var(--tape);filter:drop-shadow(0 3px 0 #000);animation:bob .8s ease-in-out infinite alternate}@keyframes bob{0%{margin-top:-10px}to{margin-top:4px}}.outro{display:grid;place-items:center;background:#0d0b09bf;z-index:25;padding:16px}.outro-card{background:var(--paper);color:var(--ink);padding:26px 30px;max-width:520px;width:100%;box-shadow:0 20px 50px #0009}.outro-card h2{font-family:var(--serif);font-size:2rem;margin:0 0 12px}.outro-card ul{margin:0 0 14px;padding-left:1.2em;line-height:1.7;font-size:1.05rem}.outro-real{font-weight:700;margin:0 0 16px}.outro-card .btn{width:100%;font-size:1.15rem}.outro-card .btn kbd{color:var(--paper);background:#00000040}.link-btn{display:block;margin:12px auto 0;background:none;border:0;color:#5b4c38;text-decoration:underline;font-size:.9rem}.link-btn:hover{color:var(--ink)}.hand-row{display:flex;align-items:center;gap:8px}.hud-face{width:56px;height:56px;border-radius:50%;border:3px solid var(--manila);object-fit:cover;box-shadow:0 2px 8px #0009}.hud-ability{margin:6px 0 0;font-size:.8rem;color:#e9dcc2;background:var(--hud-bg);padding:4px 10px;border-radius:3px;max-width:320px}.hud-ability b{color:#9fe08a;font-weight:700}.hud-ability s{color:#ff8a7a;text-decoration:none}.score-note{display:block;font-size:.75rem;color:#cbbd9f;margin-top:2px}.guide{position:absolute;transform:translate(-50%,-100%);width:0;height:0;border-left:11px solid transparent;border-right:11px solid transparent;border-top:16px solid var(--tape);filter:drop-shadow(0 2px 0 #000);animation:bob .6s ease-in-out infinite alternate;opacity:.95}.st-label .acc{display:block;font-size:.68rem;font-weight:500;color:#b9ab90}.st-label.ok .nm{color:var(--tape)}.st-label.bad .nm{color:#ff8a7a}.logo-img{display:block;width:min(440px,80vw);height:auto;filter:drop-shadow(0 6px 18px rgba(0,0,0,.7))}.entry-title h1 span{font-size:clamp(2rem,4.5vw,3.4rem);margin-top:.1em}.char-pick{border:0;padding:0;margin:0 0 12px}.char-pick legend{font-weight:700;margin-bottom:8px;padding:0}.char-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.char-btn{padding:0;border:3px solid transparent;border-radius:6px;background:#2a221b;overflow:hidden;aspect-ratio:1;cursor:pointer;position:relative}.char-btn img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.7) brightness(.8);transition:filter .15s}.char-btn:hover img,.char-btn[aria-checked=true] img{filter:none}.char-btn[aria-checked=true]{border-color:var(--stamp);box-shadow:0 0 0 2px var(--manila),0 4px 10px #0006}.char-ability{margin:8px 0 0;font-size:.9rem;line-height:1.45;min-height:2.9em}.char-ability b{font-family:var(--serif);font-size:1.05rem}.char-ability .pl{color:#2b6b3a;font-weight:700}.char-ability .mi{color:var(--stamp);font-weight:700}.next-char{margin-top:14px;padding-top:12px;border-top:1px dashed #c8b894;display:grid;gap:6px;font-size:.9rem;font-weight:700}.char-grid.small{grid-template-columns:repeat(6,44px)}.char-grid.small .char-btn{border-width:2px}.mugshot{float:left;width:72px;height:72px;object-fit:cover;margin:0 14px 0 0;border:3px solid var(--ink);background:#ddd;filter:grayscale(.4) contrast(1.05)}.report header:after{content:"";display:block;clear:both}.board-list li{grid-template-columns:2.4em 32px 1fr auto}.board-list li .face{width:32px;height:32px;border-radius:50%;object-fit:cover;align-self:center;background:#2a221b}.board-list.big li{grid-template-columns:2.4em 44px 1fr auto}.board-list.big li .face{width:44px;height:44px}.cs-photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;filter:brightness(.8) contrast(1.05)}.cs-logo{position:absolute;left:50%;top:8%;width:38%;transform:translate(-50%);filter:drop-shadow(0 6px 16px rgba(0,0,0,.8))}.cs-regulars{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(6,1fr);align-items:center;gap:2%;padding:6% 4% 20%;background:radial-gradient(ellipse at 50% 20%,#3a2c1f,#120e0b 70%)}.cs-regulars figure{margin:0;text-align:center}.cs-regulars img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%;border:4px solid #3a2f24;filter:saturate(.8) brightness(.85)}.cs-regulars figcaption{margin-top:8px;color:var(--paper);font-weight:700;font-size:clamp(.7rem,1.4vw,1rem)}.cs-regulars figure.me img{border-color:var(--tape);filter:none;box-shadow:0 0 24px #f2c23080}.cs-regulars figcaption b{display:block;color:var(--ink);background:var(--tape);width:fit-content;margin:4px auto 0;padding:0 8px;border-radius:3px;font-size:.85em}.cs-me{position:absolute;right:5%;top:8%;width:22%;background:var(--paper);padding:2.5% 2.5% 1.5%;transform:rotate(4deg);box-shadow:6px 6px #000;text-align:center;color:var(--ink)}.cs-me img{width:100%;aspect-ratio:1;object-fit:cover;display:block;filter:grayscale(.3)}.cs-me span{display:block;font-weight:700;margin-top:6px;font-size:clamp(.75rem,1.4vw,1rem)}.cs-me small{display:block;font-weight:500;color:var(--stamp)}.cs-art img.cs-logo{width:38%;height:auto;object-fit:contain}.cs-art .cs-regulars img,.cs-art .cs-me img{height:auto}.hud-ability{max-width:440px}.stamp{top:-30px;right:-18px}