:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{color:#f3e9d6;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#0a0806;height:100%;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Apple SD Gothic Neo,Noto Sans KR,sans-serif;overflow:hidden}#stage{transform-origin:0 0;background:#120e0b;width:390px;height:844px;position:absolute;top:50%;left:50%;overflow:hidden}#cv{width:390px;height:844px;display:block;position:absolute;top:0;left:0}#ui{pointer-events:none;width:390px;height:844px;position:absolute;top:0;left:0}#ui>*{pointer-events:auto}.hud{justify-content:space-between;align-items:center;gap:8px;font-size:15px;font-weight:800;transition:opacity .4s;display:flex;position:absolute;top:12px;left:10px;right:10px}.hud .chip{background:#0009;border:1px solid #ffdca040;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.hud .chip b{color:#ffd23f;font-size:17px}.hud .bin{background:linear-gradient(#a8653a,#7b4a2d);border-radius:2px 2px 4px 4px;width:14px;height:16px;position:relative}.hud .bin:before{content:"";background:#c9a46a;border-radius:2px;width:18px;height:4px;position:absolute;top:-4px;left:-2px}.hud .moon{cursor:pointer}.hud .moon.on{color:#cfe1ff;border-color:#9fc2ff}.hidden{opacity:0;pointer-events:none!important}.btn{color:#1a120a;letter-spacing:.5px;background:linear-gradient(#ffd96a,#e5a52a);border:0;border-radius:16px;min-width:240px;padding:18px 28px;font-size:22px;font-weight:900;animation:.35s cubic-bezier(.2,1.4,.4,1) both btnIn;position:absolute;bottom:72px;left:50%;transform:translate(-50%);box-shadow:0 6px #7a4f12,0 10px 24px #00000080}.btn:active{transform:translate(-50%)translateY(4px);box-shadow:0 2px #7a4f12}@keyframes btnIn{0%{opacity:0;transform:translate(-50%)scale(.6)}to{opacity:1;transform:translate(-50%)scale(1)}}.panel{background:linear-gradient(#1e1610,#140e0a);border:2px solid #5a3f28;border-radius:18px;flex-direction:column;gap:10px;padding:18px 16px;animation:.45s cubic-bezier(.2,1.2,.4,1) both panelIn;display:flex;position:absolute;top:70px;bottom:40px;left:14px;right:14px;overflow:hidden;box-shadow:0 20px 60px #000000b3}@keyframes panelIn{0%{opacity:0;transform:translateY(60px)scale(.96)}to{opacity:1;transform:none}}.panel h1{text-align:center;color:#ffd23f;text-shadow:0 3px #7a4f12,0 0 24px #ffd23f66;letter-spacing:2px;margin:0;font-size:42px}.panel h1.lose{color:#c8c8c8;text-shadow:0 3px #333}.row{opacity:0;background:#00000059;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;transition:opacity .35s,transform .35s cubic-bezier(.2,1.3,.4,1);display:flex;transform:translateY(14px)}.row.in{opacity:1;transform:none}.row .lbl{color:#c9b89a;min-width:64px;font-size:14px;font-weight:700}.row .val{color:#fff;font-size:22px;font-weight:900}.row .val.scrap{color:#ffd23f;font-variant-numeric:tabular-nums}.row canvas{width:48px;height:48px}.row.drop .val{color:#9ff2a8}.bump{animation:.25s bump}@keyframes bump{50%{transform:scale(1.25)}}.codex{flex:1;grid-template-columns:repeat(12,1fr);gap:3px;display:grid}.codex .cell{aspect-ratio:1;background:#221914;border-radius:4px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.codex .cell.sil:after{content:"";background:#3a2a22;border-radius:3px 3px 1px 1px;width:50%;height:56%;position:absolute;top:22%;left:25%}.codex .cell.own{background:#3b2a1c;box-shadow:inset 0 0 0 1px #c9a46a}.codex .cell.own canvas{width:100%;height:100%}.codex .cell.new{animation:1s ease-in-out infinite alternate glow}@keyframes glow{0%{box-shadow:inset 0 0 0 1px #c9a46a}to{box-shadow:inset 0 0 0 2px #ffd23f,0 0 10px #ffd23f}}.ladderwrap{align-items:stretch;gap:12px;padding-top:46px;display:flex}.ladder{background:repeating-linear-gradient(#6b4a2c 0 2px,#0000 2px 6px);border-left:3px solid #6b4a2c;border-right:3px solid #6b4a2c;width:44px;height:118px;margin-left:10px;position:relative}.ladder .me{text-align:center;color:#ffd23f;width:72px;font-size:12px;font-weight:900;transition:bottom 1.2s cubic-bezier(.3,1.4,.4,1);position:absolute;left:-16px;transform:translateY(50%)}.ladder .me:before{content:"▶";color:#ffd23f;margin-right:2px}.ladder .champ{width:48px;height:48px;position:absolute;top:-46px;left:-2px}.ladder .top{color:#c9b89a;white-space:nowrap;font-size:12px;position:absolute;top:-34px;left:54px}.laddertext{flex-direction:column;flex:1;justify-content:center;gap:6px;display:flex}.laddertext .big{font-size:24px;font-weight:900}.laddertext .sub{color:#c9b89a;font-size:13px}.panel .btn{opacity:0;align-self:center;margin-top:auto;animation:none;position:relative;bottom:auto;left:auto;transform:none}.panel .btn.in{opacity:1;animation:.35s cubic-bezier(.2,1.4,.4,1) both btnIn2}@keyframes btnIn2{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.panel .btn:active{transform:translateY(4px)}.letter{color:#2a1e12;clip-path:polygon(0 2%,4% 0,12% 2%,20% 0,31% 2%,40% 0,52% 2%,60% 0,71% 2%,80% 0,92% 2%,100% 0,100% 97%,94% 100%,85% 98%,73% 100%,62% 98%,50% 100%,38% 98%,27% 100%,15% 98%,5% 100%,0 98%);background:linear-gradient(135deg,#d9c9a6,#c7b48c 60%,#bfae86);border:0}.letter,.night{top:110px;bottom:120px}.letter h2{color:#6b4a2c;letter-spacing:3px;text-align:center;margin:6px 0 2px;font-size:16px}.letter .body{letter-spacing:1px;word-break:keep-all;white-space:pre-wrap;flex:1;min-height:160px;padding:14px 6px;font-family:Courier New,Apple SD Gothic Neo,monospace;font-size:24px;font-weight:800;line-height:1.55;transform:rotate(-1.2deg)}.letter .body .c{transform:translateY(var(--dy,0)) rotate(var(--r,0));display:inline-block}.letter .sign{text-align:right;color:#6b4a2c;margin-right:8px;font-size:15px;font-weight:900}.letter .smudge{background:radial-gradient(circle at 40% 40%,#3c281459,#3c281400 70%);border-radius:50% 50% 48% 48%;width:44px;height:54px;position:absolute;bottom:90px;right:26px}.letter .btn{color:#f3e9d6;background:linear-gradient(#5a3f28,#3b2418);box-shadow:0 6px #1a120a}.night .toggle{cursor:pointer;background:#00000059;border-radius:12px;justify-content:space-between;align-items:center;padding:14px;font-size:18px;font-weight:900;display:flex}.switch{background:#3a2f27;border-radius:999px;flex:none;width:58px;height:32px;transition:background .25s;position:relative}.switch:after{content:"";background:#c9b89a;border-radius:50%;width:26px;height:26px;transition:left .25s;position:absolute;top:3px;left:3px}.switch.on{background:#2f6fd6}.switch.on:after{background:#fff;left:29px}.night .msg{color:#cfe1ff;text-align:center;opacity:0;min-height:54px;padding:8px;font-size:17px;font-weight:800;transition:opacity .4s}.night .msg.in{opacity:1}.lock{opacity:.92;background:#00000059;border:1px dashed #7a5a3a;border-radius:12px;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.lock .ttl{color:#e8d2b0;font-size:17px;font-weight:900}.lock .ttl:before{content:"🔒 "}.lock .desc{color:#c9b89a;font-size:14px}.lock .bar{background:#221914;border-radius:999px;height:10px;overflow:hidden}.lock .bar i{background:linear-gradient(90deg,#a8653a,#ffd23f);width:0;height:100%;transition:width 1s;display:block}.lock .cost{color:#ffd23f;text-align:right;font-size:13px;font-weight:800}.lock.buy{cursor:pointer;border-style:solid;border-color:#ffd23f}.goal{text-align:center;color:#9fc2ff;font-size:15px;font-weight:800}.toast{color:#fff;white-space:nowrap;background:#000000bf;border-radius:10px;padding:10px 16px;font-size:15px;font-weight:800;animation:2.2s both toast;position:absolute;top:120px;left:50%;transform:translate(-50%)}@keyframes toast{0%{opacity:0;transform:translate(-50%,10px)}12%{opacity:1;transform:translate(-50%)}80%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.row,.panel,.btn,.ladder .me{opacity:1!important;transition:none!important;animation:none!important}}