*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,sans-serif;background:#050a0c;color:#c7c1b5;-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}:root{--bg: #050a0c;--bg-2: #07111418;--surface: #0c1518;--surface-2: #11191c;--ink: #ece5d5;--ink-2: #c7c1b5;--muted: #6b6962;--line: #1c2528;--teal: #2a4d52;--teal-deep: #16282c;--teal-mist: #3a6166;--amber: #d49a45;--amber-soft: #b87d2e;--amber-glow: #e8b46a;--rust: #8b4513;--bone: #c7c1b5;--danger: #b34c3a}button,textarea,input{font-family:inherit}::selection{background:var(--amber);color:#0a0a0a}.display{font-family:Times New Roman,"Noto Serif KR",Apple SD Gothic Neo,serif;font-weight:400;letter-spacing:-.02em}.noir-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 88% 8%,rgba(212,154,69,.18) 0%,transparent 32%),radial-gradient(ellipse at 12% 92%,rgba(212,154,69,.1) 0%,transparent 38%),radial-gradient(ellipse at 50% 50%,#2a4d5273,#050a0ce6 70%),linear-gradient(180deg,#08131680,#050a0c)}.noir-fog{position:fixed;top:-40px;right:-40px;bottom:-40px;left:-40px;pointer-events:none;z-index:1;background:radial-gradient(circle at 30% 70%,rgba(58,97,102,.22) 0%,transparent 35%),radial-gradient(circle at 70% 40%,rgba(42,77,82,.18) 0%,transparent 40%),radial-gradient(circle at 50% 90%,rgba(212,154,69,.06) 0%,transparent 30%);filter:blur(20px);animation:fog-drift 24s ease-in-out infinite alternate;opacity:.9}.noir-rain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><g stroke='%23a8b8bc' stroke-width='0.8' stroke-linecap='round' opacity='0.32'><line x1='20' y1='-10' x2='6' y2='40'/><line x1='62' y1='-20' x2='48' y2='30'/><line x1='110' y1='-5' x2='96' y2='45'/><line x1='150' y1='-15' x2='136' y2='35'/><line x1='185' y1='-8' x2='171' y2='42'/><line x1='34' y1='50' x2='20' y2='100'/><line x1='80' y1='40' x2='66' y2='90'/><line x1='126' y1='55' x2='112' y2='105'/><line x1='168' y1='45' x2='154' y2='95'/><line x1='12' y1='110' x2='-2' y2='160'/><line x1='52' y1='100' x2='38' y2='150'/><line x1='98' y1='115' x2='84' y2='165'/><line x1='140' y1='105' x2='126' y2='155'/><line x1='178' y1='118' x2='164' y2='168'/></g></svg>");background-size:200px 200px;animation:rain-fall .65s linear infinite;opacity:.7}.noir-grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;opacity:.18;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='1.4' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.8  0 0 0 0 0.76  0 0 0 0 0.66  0 0 0 0.9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:grain-shift 1.6s steps(6) infinite}.noir-sign{position:fixed;top:-60px;right:-80px;width:360px;height:360px;pointer-events:none;z-index:1;background:radial-gradient(circle,rgba(212,154,69,.35) 0%,rgba(212,154,69,.08) 40%,transparent 70%);filter:blur(8px);animation:sign-flicker 5.3s ease-in-out infinite}@keyframes rain-fall{0%{background-position:0 0}to{background-position:-40px 200px}}@keyframes fog-drift{0%{transform:translate(-3%)}50%{transform:translate(3%,-2%)}to{transform:translate(-2%,1%)}}@keyframes grain-shift{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-2%)}60%{transform:translate(-1%,3%)}80%{transform:translate(3%,1%)}to{transform:translate(0)}}@keyframes sign-flicker{0%,to{opacity:1}43%{opacity:1}44%{opacity:.4}45%{opacity:1}72%{opacity:.85}73%{opacity:.5}74%{opacity:1}}@keyframes amber-flicker{0%,to{opacity:1}47%{opacity:1}48%{opacity:.55}49%{opacity:1}88%{opacity:.85}89%{opacity:1}}.amber-flicker{animation:amber-flicker 7.2s ease-in-out infinite}@keyframes shatter-flash{0%{opacity:0}10%{opacity:1}to{opacity:0}}@keyframes rage-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes cam-shake{0%,to{transform:translate(0) rotate(0)}20%{transform:translate(calc(-4px * var(--shake-amp, 1)),calc(3px * var(--shake-amp, 1))) rotate(-.4deg)}40%{transform:translate(calc(4px * var(--shake-amp, 1)),calc(-3px * var(--shake-amp, 1))) rotate(.5deg)}60%{transform:translate(calc(-3px * var(--shake-amp, 1)),calc(-3px * var(--shake-amp, 1))) rotate(-.3deg)}80%{transform:translate(calc(3px * var(--shake-amp, 1)),calc(3px * var(--shake-amp, 1))) rotate(.4deg)}}.cam-shake{animation:cam-shake .4s ease}@keyframes hit-shake{0%{transform:translate(0)}25%{transform:translate(3px,-2px)}55%{transform:translate(-2px,1px)}80%{transform:translate(1px)}to{transform:translate(0)}}.hit-shake{animation:hit-shake .12s cubic-bezier(.22,.7,.32,1)}@keyframes glass-push{0%{transform:scale(1)}35%{transform:scale(.985)}70%{transform:scale(1.004)}to{transform:scale(1)}}.glass-push{animation:glass-push .11s ease-out}@keyframes hit-vignette{0%{opacity:0}18%{opacity:1}to{opacity:0}}.hit-vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9;pointer-events:none;background:radial-gradient(ellipse at center,transparent 35%,rgba(0,0,0,.45) 75%,rgba(212,154,69,.32) 100%);mix-blend-mode:multiply;animation:hit-vignette .18s cubic-bezier(.2,.7,.4,1) forwards}@keyframes tool-pick{0%{transform:scale(1)}35%{transform:scale(.92)}to{transform:scale(1)}}.tool-pick{animation:tool-pick .22s cubic-bezier(.22,.7,.32,1.25)}@keyframes shockwave{0%{width:24px;height:24px;opacity:.9;border-width:3px}to{width:220px;height:220px;opacity:0;border-width:1px}}@keyframes swing-hammer{0%{transform:rotate(-95deg);opacity:0}18%{transform:rotate(-85deg);opacity:1}45%{transform:rotate(0);opacity:1}55%{transform:rotate(10deg);opacity:1}72%{transform:rotate(-6deg);opacity:1}to{transform:rotate(-35deg);opacity:0}}@keyframes swing-chop{0%{transform:rotate(-60deg) translateY(-30px);opacity:0}12%{transform:rotate(-50deg) translateY(-22px);opacity:1}36%{transform:rotate(0) translateY(0);opacity:1}44%{transform:rotate(3deg) translateY(2px);opacity:1}64%{transform:rotate(3deg) translateY(2px);opacity:1}78%{transform:rotate(-4deg) translateY(-6px);opacity:1}to{transform:rotate(-18deg) translateY(-40px);opacity:0}}@keyframes swing-throw{0%{transform:translate(180px,30px) rotate(-720deg);opacity:0;filter:drop-shadow(0 6px 8px rgba(0,0,0,.55))}20%{transform:translate(110px,18px) rotate(-440deg);opacity:1;filter:drop-shadow(0 6px 8px rgba(0,0,0,.55)) blur(2.5px)}38%{transform:translate(45px,6px) rotate(-180deg);opacity:1;filter:drop-shadow(0 6px 8px rgba(0,0,0,.55)) blur(2px)}44%{transform:translate(14px,1px) rotate(-50deg);opacity:1;filter:drop-shadow(0 6px 8px rgba(0,0,0,.6)) blur(1px)}48%{transform:translate(0) rotate(0);opacity:1;filter:drop-shadow(0 6px 8px rgba(0,0,0,.7))}52%{transform:translate(-1px) rotate(-2deg);opacity:1}56%{transform:translate(1px) rotate(3deg);opacity:1}60%{transform:translateY(-1px) rotate(-1deg);opacity:1}68%{transform:translate(0) rotate(0);opacity:1}82%{transform:translate(-80px,-20px) rotate(280deg);opacity:1;filter:drop-shadow(0 6px 8px rgba(0,0,0,.55)) blur(1.5px)}to{transform:translate(-180px,-60px) rotate(620deg);opacity:0;filter:drop-shadow(0 6px 8px rgba(0,0,0,.55)) blur(2px)}}@keyframes swing-punch{0%{transform:translate(70px,45px) scale(.72) rotate(-18deg);opacity:0}22%{transform:translate(64px,40px) scale(.74) rotate(-22deg);opacity:1}30%{transform:translate(76px,50px) scale(.72) rotate(-25deg);opacity:1}44%{transform:translate(10px,8px) scale(.96) rotate(-6deg);opacity:1}50%{transform:translate(0) scale(1.02) rotate(0);opacity:1}58%{transform:translate(-4px,-2px) scale(1) rotate(2deg);opacity:1}72%{transform:translate(45px,28px) scale(.82) rotate(-10deg);opacity:1}to{transform:translate(70px,45px) scale(.72) rotate(-18deg);opacity:0}}.amber-text{color:var(--amber-glow);text-shadow:0 0 4px rgba(212,154,69,.6),0 0 14px rgba(212,154,69,.35),0 0 32px rgba(212,154,69,.15)}.bone-text{color:var(--bone);text-shadow:0 1px 0 rgba(0,0,0,.6)}.btn-noir-amber{background:linear-gradient(180deg,#c08736,#8b5e22);color:#ece5d5;border:1px solid #5a3c14;box-shadow:inset 0 1px #ffdc9659,inset 0 -2px #00000073,0 0 24px #d49a4559,0 6px 14px #0000008c;text-shadow:0 1px 0 rgba(0,0,0,.4)}.btn-noir-amber:active{transform:translateY(1px)}.btn-noir-teal{background:linear-gradient(180deg,#294a4f,#16282c);color:var(--bone);border:1px solid #3a6166;box-shadow:inset 0 1px #a0c8cd2e,inset 0 -2px #00000073,0 6px 14px #0000008c;text-shadow:0 1px 0 rgba(0,0,0,.5)}.btn-noir-teal:active{transform:translateY(1px)}.btn-noir-ghost{background:#ffffff06;color:var(--ink-2);border:1px solid var(--line)}.noir-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:14px;background:transparent;cursor:pointer;padding:4px 0}.noir-slider::-webkit-slider-runnable-track{height:4px;background:linear-gradient(90deg,#c7c1b52e,#d49a4580);border:1px solid var(--line);border-radius:2px;box-shadow:inset 0 1px 2px #0009}.noir-slider::-moz-range-track{height:4px;background:linear-gradient(90deg,#c7c1b52e,#d49a4580);border:1px solid var(--line);border-radius:2px;box-shadow:inset 0 1px 2px #0009}.noir-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:22px;margin-top:-10px;background:linear-gradient(180deg,#c08736,#8b5e22);border:1px solid #3a2410;border-radius:2px;box-shadow:0 0 12px #d49a458c,inset 0 1px #ffdc9666,inset 0 -2px #00000073}.noir-slider::-moz-range-thumb{width:16px;height:22px;background:linear-gradient(180deg,#c08736,#8b5e22);border:1px solid #3a2410;border-radius:2px;box-shadow:0 0 12px #d49a458c,inset 0 1px #ffdc9666,inset 0 -2px #00000073}.chip-noir{background:#d49a450a;border:1px solid rgba(212,154,69,.22);color:var(--ink-2);transition:background .2s,border-color .2s}.chip-noir:hover,.chip-noir:active{background:#d49a451a;border-color:#d49a4580;color:var(--amber-glow)}