@font-face{font-family:SumunjangTitle;src:url(../assets/fonts/Sumunjang_TitleM.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:SumunjangTitle;src:url(../assets/fonts/Sumunjang_TitleB.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Galmuri14;src:url(../assets/fonts/Galmuri14.woff2) format("woff2");font-display:swap}:root{--ink: #f9efdb;--gold: #d7bb78;--gold-2: #9b7842;--panel: #1f1b16f0;--sky: #9fe3ff;--red: #ffb0a8;--title-font: "SumunjangTitle", "Galmuri14", serif;--sat: env(safe-area-inset-top);--sar: env(safe-area-inset-right);--sab: env(safe-area-inset-bottom);--sal: env(safe-area-inset-left)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;height:100dvh;background:#0d1512;color:var(--ink);font-family:Galmuri14,monospace;overflow:hidden;overscroll-behavior:none;-webkit-user-select:none;user-select:none;touch-action:none}#game{position:fixed;top:0;right:0;bottom:0;left:0;image-rendering:pixelated}#game canvas{image-rendering:pixelated;image-rendering:crisp-edges;display:block}#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}#ui>*{pointer-events:auto}#ui>.hud,#ui>.banner{pointer-events:none}[hidden]{display:none!important}button,.btn{font:inherit;cursor:pointer;color:#f8e6b9;background:#2c2221;border:1px solid var(--gold-2);border-radius:5px;padding:8px 14px;min-height:44px;text-decoration:none}button:disabled{opacity:.45;cursor:default}button.primary{border-color:#e3c27a;background:#4a3720}.hud{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:calc(8px + var(--sat)) calc(10px + var(--sar)) 8px calc(10px + var(--sal));pointer-events:none;background:linear-gradient(#000a,#0000)}.hud>*{pointer-events:auto}.hud-left{display:flex;flex-direction:column;text-shadow:0 2px 0 #000}.hud-left small{font-size:11px;color:var(--gold);letter-spacing:.12em}.hud-left b{font-family:var(--title-font);font-weight:700;font-size:clamp(16px,2.6vw,24px);letter-spacing:.04em}.hud-right{display:flex;gap:8px;align-items:center}.turn{font-size:13px;color:var(--sky);border:1px solid #3d6f86;background:#0b1a24cc;padding:6px 9px;border-radius:4px;white-space:nowrap}.turn.enemy{color:var(--red);border-color:#86423d;background:#2a0d0dcc}.panel{position:absolute;left:calc(8px + var(--sal));bottom:calc(8px + var(--sab));width:min(560px,calc(100% - 16px));background:var(--panel);border:1px solid #887042;border-radius:6px;padding:9px 11px;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:start}.panel[hidden]{display:none}.panel.right{left:auto;right:calc(8px + var(--sar))}.panel>.info,.panel>.message{grid-column:1}.info{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.unit-card{display:flex;gap:10px;align-items:center}.unit-text{font-size:14px;line-height:1.45}.unit-text span{color:#cdb98d;font-size:12px}.unit-text small{color:#c1b89f;font-size:11px}.hpbar{width:140px;height:7px;background:#191619;border:1px solid #000;margin:3px 0}.bars{display:flex;flex-direction:column;gap:1px;margin:2px 0}.bar-row{display:flex;align-items:center;gap:6px;font-size:11px;line-height:1}.bar-row[hidden]{display:none}.bar-row b{width:18px;color:#cdb98d;font-weight:400}.bar-row .hpbar{margin:0;width:120px}.bar-row span{color:#e8dcc0;min-width:52px}.mpbar i{background:#6c8dff!important}.hpbar i{display:block;height:100%;background:#60d5f8;transition:width .25s}.unit-card.enemy .hpbar i{background:#fb6c6c}.tile-info{font-size:11px;color:#c1b89f;line-height:1.5;align-self:center;text-align:right;max-width:160px}.face{width:48px;height:48px;flex:none;background-color:#2c2721;background-repeat:no-repeat;image-rendering:pixelated;border:1px solid var(--gold-2);border-radius:4px}.face.big{width:88px;height:88px}.message{min-height:22px;line-height:1.5;font-size:13px;margin:6px 0}.buttons{grid-column:2;grid-row:1 / span 2;display:flex;flex-direction:column;gap:5px;min-width:112px;border-left:1px solid #887042aa;padding-left:10px;align-self:stretch;justify-content:flex-end}.buttons:empty{display:none}.buttons button{width:100%;text-align:left;padding-left:12px;min-height:34px;position:relative}.buttons button.primary:before{content:"▶";position:absolute;left:3px;font-size:9px;top:50%;transform:translateY(-50%);color:var(--gold)}.banner{position:absolute;left:0;right:0;top:40%;text-align:center;font-family:var(--title-font);font-weight:700;letter-spacing:.08em;font-size:clamp(22px,4vw,38px);line-height:1.7;background:linear-gradient(90deg,#0000,#0b1a24e6 25%,#0b1a24e6 75%,#0000);color:#bfefff;letter-spacing:.2em;pointer-events:none;animation:banner 1.1s ease forwards}.banner.enemy{background:linear-gradient(90deg,#0000,#2a0d0de6 25%,#2a0d0de6 75%,#0000);color:#ffc2b8}@keyframes banner{0%{opacity:0;transform:scaleY(.1)}15%{opacity:1;transform:none}80%{opacity:1}to{opacity:0}}.dialogue{position:absolute;left:0;right:0;bottom:0;top:0;pointer-events:none!important;padding:0 calc(12px + var(--sar)) calc(10px + var(--sab)) calc(12px + var(--sal));display:flex;align-items:flex-end;justify-content:center}.dlg-stage{position:relative;width:min(100%,900px);--bust: 144px}.dlg-bust{position:absolute;bottom:calc(100% - 14px);width:var(--bust);height:var(--bust);image-rendering:auto;pointer-events:none;transition:filter .2s,opacity .2s,transform .25s;filter:drop-shadow(0 0 1px #0008)}.dlg-bust.left{left:10px}.dlg-bust.right{right:10px;transform:scaleX(-1)}.dlg-bust.center{left:50%!important;right:auto!important;transform:translate(-50%)!important;animation:none!important}.dlg-bust.dim{filter:brightness(.42) saturate(.6)}.dlg-bust.enter.left{animation:bust-in-l .28s ease-out}.dlg-bust.enter.right{animation:bust-in-r .28s ease-out}@keyframes bust-in-l{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:none}}@keyframes bust-in-r{0%{opacity:0;transform:scaleX(-1) translate(-24px)}to{opacity:1;transform:scaleX(-1)}}.dlg-box{position:relative;pointer-events:auto;display:flex;flex-direction:column;align-items:flex-start;background:linear-gradient(#2a231bf7,#1b1712f7);border:3px double var(--gold);border-radius:6px;padding:18px 20px 12px;cursor:pointer;box-shadow:0 8px 30px #000a;min-height:104px}.dlg-name{display:inline-block;margin:0 0 4px;padding:1px 12px 2px;font-size:clamp(14px,2.1vw,18px);line-height:1.5;color:#2a1d10;background:linear-gradient(#f2d48a,#c9a24f);border:1px solid #6b4d22;border-radius:3px;letter-spacing:.04em}.dlg-name:empty{display:none}.dlg-box p{margin:0;align-self:stretch;white-space:pre-line;line-height:1.7;min-height:3.4em;font-size:clamp(14px,2.1vw,18px)}.dlg-box .next{position:absolute;right:14px;bottom:6px;color:var(--gold);animation:blink 1s steps(2) infinite}.dialogue.vn .dlg-bust{bottom:calc(100% - 16px)}.dialogue.vn .dlg-bust.left{left:4%}.dialogue.vn .dlg-bust.right{right:4%}.dialogue.vn .dlg-bust.dim{filter:brightness(.38) saturate(.5);transform-origin:bottom center}.dialogue.vn .dlg-box{min-height:128px;padding:14px 26px}.dialogue.vn .dlg-name,.dialogue.vn .dlg-box p{font-size:clamp(15px,2.2vw,20px)}.dlg-box.narr{align-items:center}.dlg-box.narr{background:#0d0b09e8;border-style:solid;border-color:#6d5a3a;text-align:center}.dlg-box.narr p{color:#e9dcc0;font-style:normal}.dlg-box.guide{border-color:#7fc3dd}.dlg-box.guide .dlg-name{background:linear-gradient(#bfefff,#6fb7d4);border-color:#2c5f75}.dlg-box.demon{border-color:#7d4ab8;background:linear-gradient(#22122ef7,#120a18f7)}.dlg-box.demon .dlg-name{background:linear-gradient(#c9a4ff,#7d4ab8);border-color:#3a1d5c;color:#12081c}.dlg-box.demon p{color:#e3d2ff;text-shadow:0 0 6px #a066ff88}@keyframes blink{50%{opacity:0}}.modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;background:#080b09d0;display:grid;place-items:center;padding:20px}.card{width:min(100%,520px);background:#27231d;border:3px double var(--gold);padding:20px 24px;line-height:1.8;max-height:100%;overflow:auto}.card small{color:#dbc38b}.card h2{margin:2px 0 8px;font-size:26px;font-family:var(--title-font);font-weight:700;letter-spacing:.03em}.card p{white-space:pre-line;margin:0 0 12px}.card .menu{display:flex;flex-direction:column;gap:8px}.card label{display:flex;justify-content:space-between;align-items:center;gap:10px}.card select{font:inherit;background:#2c2221;color:var(--ink);border:1px solid var(--gold-2);padding:6px;min-height:40px}.title-menu{position:absolute;left:50%;bottom:calc(12% + var(--sab));transform:translate(-50%);display:flex;flex-direction:column;gap:8px;width:min(280px,80%);text-align:center}.title-menu h1{margin:0;white-space:nowrap;align-self:center;font-size:clamp(34px,7vw,64px);text-shadow:0 4px 0 #000,0 0 24px #000}.title-menu .sub{margin:0 0 14px;color:var(--gold);text-shadow:0 2px 0 #000}.title-menu small{color:#c1b89f;font-size:11px}.rotate{position:absolute;top:0;right:0;bottom:0;left:0;background:#0d1512;display:none;place-items:center;text-align:center;padding:30px;z-index:10}.rotate .phone{font-size:54px;animation:turn 2s ease-in-out infinite}.rotate small{color:#c1b89f}@keyframes turn{0%,30%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}@media(orientation:portrait)and (pointer:coarse){.rotate{display:grid}}@media(max-height:460px){.panel{padding:6px 9px;width:min(520px,66%)}.buttons{gap:4px;min-width:100px}.buttons button{min-height:30px;padding-top:3px;padding-bottom:3px;font-size:13px}.message{margin:3px 0;font-size:12px}.face.big{width:64px;height:64px}.dlg-box{padding:14px 14px 8px;min-height:84px}.dlg-box p{min-height:2.6em}}.splash{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#fff;z-index:9;pointer-events:auto;cursor:pointer}.splash-logo{width:min(46vw,360px);height:auto;opacity:0;animation:logo-in 1.6s ease forwards}@keyframes logo-in{0%{opacity:0;transform:translateY(6px)}30%,75%{opacity:1;transform:none}to{opacity:0}}.skip-btn{position:absolute;top:calc(10px + var(--sat));right:calc(12px + var(--sar));z-index:40;min-height:36px;padding:6px 12px;font-size:13px;background:#1b1712cc;color:#e9dcc0;border-color:#6d5a3a}#hud-end.pulse{animation:end-pulse 1.2s ease-in-out infinite}@keyframes end-pulse{50%{box-shadow:0 0 0 4px #e3c27a55}}.toast{position:absolute;left:50%;top:calc(64px + var(--sat));transform:translate(-50%);max-width:min(90%,560px);padding:7px 14px;background:#1b1712e6;border:1px solid #887042;border-radius:6px;font-size:13px;color:var(--ink);pointer-events:none;text-align:center;transition:opacity .3s}.toast.out{opacity:0}.place-caption{position:absolute;top:calc(14px + var(--sat));left:50%;transform:translate(-50%);z-index:4;pointer-events:none!important;display:flex;flex-direction:column;align-items:center;gap:2px;max-width:calc(100% - 140px);padding:8px 22px 9px;background:#0c0906e6;border:1px solid #9b7842;border-radius:6px;box-shadow:0 4px 18px #000a;text-align:center;text-shadow:0 2px 0 #000;animation:place-in .6s ease both}.place-caption small{font-size:clamp(12px,1.8vw,15px);color:#d7bb78;letter-spacing:.08em}.place-caption b{font-family:var(--title-font);font-weight:500;letter-spacing:.06em;font-size:clamp(16px,2.6vw,22px);color:#f8ecd0;line-height:1.35;word-break:keep-all}@keyframes place-in{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}.title-screen{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#0b100c;cursor:pointer;transition:opacity .45s}.title-screen.leaving{opacity:0}.title-screen .title-menu[hidden]{display:none}.ts-bg{position:absolute;top:-6%;right:-6%;bottom:-6%;left:-6%;background:url(../assets/bg/title.png) center / cover no-repeat;image-rendering:pixelated;animation:ts-pan 28s ease-in-out infinite alternate;filter:brightness(.82) saturate(1.05)}@keyframes ts-pan{0%{transform:scale(1) translate(0)}to{transform:scale(1.08) translate(-2%,1.5%)}}.ts-rays{position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;pointer-events:none;mix-blend-mode:screen;opacity:.32;background:repeating-conic-gradient(from 0deg at 72% 8%,#ffe2a000,#ffe2a000 7deg,#ffe2a055 9deg,#ffe2a000 12deg,#ffe2a000 22deg);animation:ts-rays 40s linear infinite;mask-image:radial-gradient(circle at 72% 8%,#000,#0000 60%);-webkit-mask-image:radial-gradient(circle at 72% 8%,#000 0%,#0000 60%)}@keyframes ts-rays{to{transform:rotate(18deg)}}.ts-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,#0000 40%,#000c)}.ts-fx{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.ts-fx .leaf{position:absolute;top:-6%;width:7px;height:5px;border-radius:1px 4px;opacity:.85;animation:ts-leaf var(--d) linear infinite;transform:scale(var(--s));image-rendering:pixelated}@keyframes ts-leaf{0%{transform:translate(0) rotate(0) scale(var(--s))}25%{transform:translate(40px,28vh) rotate(160deg) scale(var(--s))}50%{transform:translate(-10px,56vh) rotate(320deg) scale(var(--s))}75%{transform:translate(50px,84vh) rotate(500deg) scale(var(--s))}to{transform:translate(10px,112vh) rotate(680deg) scale(var(--s))}}.ts-fx .ember{position:absolute;bottom:-4%;width:3px;height:3px;border-radius:50%;background:#ffd27a;box-shadow:0 0 6px 2px #ff9a3a99;animation:ts-ember var(--d) ease-in infinite}@keyframes ts-ember{0%{transform:translate(0);opacity:0}15%{opacity:1}to{transform:translate(-30px,-85vh);opacity:0}}.ts-logo{position:absolute;left:50%;top:18%;transform:translate(-50%);text-align:center;pointer-events:none;white-space:nowrap}.ts-logo h1{margin:0;font-family:SumunjangTitle,serif;font-weight:700;font-size:clamp(46px,10vw,112px);line-height:1.05;letter-spacing:.06em;filter:drop-shadow(0 4px 0 #2a1406) drop-shadow(0 0 18px #000c)}.ts-logo h1 span{display:inline-block;opacity:0;transform:translateY(-24px) scale(1.4);background:linear-gradient(180deg,#fff3c4,#f2c45a 42%,#b8741e 58%,#f7d987);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1.5px #3a1c08;animation:ts-letter .7s cubic-bezier(.2,.9,.3,1.3) forwards}@keyframes ts-letter{to{opacity:1;transform:none}}.ts-logo h1 span{--gold: linear-gradient(180deg, #fff3c4 0%, #f2c45a 42%, #b8741e 58%, #f7d987 100%);background:linear-gradient(105deg,#0000 35%,#fffbe8,#0000 65%) no-repeat,var(--gold);background-size:300% 100%,100% 100%;background-position:150% 0,0 0;-webkit-background-clip:text;background-clip:text;animation:ts-letter .7s cubic-bezier(.2,.9,.3,1.3) forwards,ts-shine 5s ease-in-out infinite;animation-delay:calc(.15s + var(--i) * .07s),calc(2s + var(--i) * .06s)}@keyframes ts-shine{0%{background-position:150% 0,0 0}30%,to{background-position:-50% 0,0 0}}.ts-sub{margin:6px 0 0;font-family:SumunjangTitle,serif;font-weight:500;font-size:clamp(20px,3.6vw,40px);color:#f4e4bc;letter-spacing:.3em;text-shadow:0 2px 0 #000,0 0 14px #000;opacity:0;animation:ts-fade 1.2s 1.1s ease forwards}.ts-sub:before,.ts-sub:after{content:"—";color:#d7bb78;margin:0 .5em;letter-spacing:0}@keyframes ts-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.ts-press{position:absolute;left:0;right:0;bottom:calc(14% + var(--sab));margin:0;text-align:center;font-size:clamp(14px,2.2vw,19px);color:#f7ebcd;letter-spacing:.25em;text-shadow:0 2px 0 #000;opacity:0;animation:ts-fade .8s 2s forwards,ts-blink 1.6s 2.8s ease-in-out infinite}@keyframes ts-blink{50%{opacity:.25}}.title-screen .title-menu{bottom:calc(9% + var(--sab));animation:ts-menu .4s ease both}@keyframes ts-menu{0%{opacity:0}to{opacity:1}}.title-screen .title-menu button{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1d1610dd}.title-screen .title-menu button.primary{background:#4a3720ee}@media(max-height:460px){.ts-logo{top:10%}.title-screen .title-menu{bottom:5%;gap:6px}.title-screen .title-menu button{min-height:38px;padding:6px 12px}}.story-card{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;pointer-events:auto;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(10px,3vh,24px);padding:calc(12px + var(--sat, 0px)) 16px calc(14px + var(--sab));box-sizing:border-box;opacity:0;transition:opacity .6s}.story-card.show{opacity:1}.story-card.out{opacity:0;pointer-events:none}.sc-frame{position:relative;height:min(56vh,46vw * .5625 + 0px);aspect-ratio:16 / 9;max-width:92vw;padding:5px;box-sizing:content-box;background:linear-gradient(135deg,#c9a24a,#7a5a22 45%,#e2c370 55%,#6b4b1b);box-shadow:0 0 0 2px #2a1c0a,0 10px 40px #000;opacity:0;transform:scale(.985);transition:opacity .7s ease,transform 1.4s ease}.sc-frame.in{opacity:1;transform:none}.sc-frame:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;box-shadow:inset 0 0 0 2px #2a1c0a,inset 0 0 0 3px #f0d68a66,inset 0 0 30px #0008;pointer-events:none}.sc-frame img{display:block;width:100%;height:100%;object-fit:cover;image-rendering:auto}.sc-text{position:relative;width:min(760px,92vw);min-height:4.2em;padding:12px 18px 14px;box-sizing:border-box;cursor:pointer;border:2px solid #8a6a2c;box-shadow:inset 0 0 0 2px #000,inset 0 0 0 3px #d9b96a55;border-radius:4px;background:#0d1220;background-image:radial-gradient(circle at 50% 50%,#ffffff08 1px,#0000 1.5px);background-size:10px 10px}.sc-text p{margin:0;white-space:pre-line;color:#f3ead2;font-size:clamp(14px,2.2vw,19px);line-height:1.7;letter-spacing:.02em;text-shadow:0 1px 0 #000}.sc-text .next{position:absolute;right:10px;bottom:6px;font-size:11px;color:#d9b96a;animation:blink 1s steps(2) infinite}.story-card.no-img .sc-text{border-color:transparent;box-shadow:none;background:none;text-align:center}.story-card.no-img .sc-text p{font-size:clamp(15px,2.5vw,21px)}@media(max-height:460px){.sc-frame{height:52vh}.sc-text{padding:8px 14px 10px;min-height:3.6em}.sc-text p{line-height:1.55}}@font-face{font-family:LevelUp;src:url(../assets/fonts/LevelUp-BoldItalic.woff2) format("woff2");font-weight:700;font-style:italic;font-display:swap}.lvup{position:absolute;top:0;right:0;bottom:0;left:0;z-index:35;display:grid;place-items:center;pointer-events:auto;background:radial-gradient(ellipse at 50% 46%,#ffd76a33,#0006 55%,#000a);animation:lv-bg .25s ease-out both}.lvup.out{animation:lv-out .28s ease-in forwards}@keyframes lv-bg{0%{opacity:0}}@keyframes lv-out{to{opacity:0;transform:scale(1.04)}}.lvup-rays{position:absolute;left:50%;top:46%;width:160vmax;height:160vmax;margin:-80vmax 0 0 -80vmax;pointer-events:none;mix-blend-mode:screen;opacity:.55;background:repeating-conic-gradient(from 0deg,#ffe08a00,#ffe08a00 6deg,#ffe08a66,#ffe08a00 10deg,#ffe08a00 18deg);-webkit-mask-image:radial-gradient(circle,#000 0%,#0000 45%);mask-image:radial-gradient(circle,#000,#0000 45%);animation:lv-spin 6s linear infinite,lv-bg .4s ease-out both}@keyframes lv-spin{to{transform:rotate(360deg)}}.lvup-box{position:relative;text-align:center}.lvup-title{display:block;font-family:"LevelUp",var(--title-font);font-weight:700;font-style:italic;font-size:clamp(54px,12vw,128px);line-height:1;letter-spacing:.02em;filter:drop-shadow(0 5px 0 #4a2306) drop-shadow(0 0 22px #ffb43a99);white-space:nowrap}.lvup-title span{display:inline-block;background:linear-gradient(180deg,#fffbe6,#ffe27a 38%,#ff9a1f 62%,#ffe9a8);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:2px #5a2a06;opacity:0;transform:translateY(-40px) scale(2.2) rotate(-8deg);animation:lv-letter .42s cubic-bezier(.2,1.6,.4,1) forwards,lv-glow 1.2s .8s ease-in-out infinite alternate;animation-delay:calc(var(--i) * 45ms),calc(.8s + var(--i) * .06s)}@keyframes lv-letter{to{opacity:1;transform:none}}@keyframes lv-glow{to{filter:brightness(1.35)}}.lvup-who{display:inline-flex;align-items:center;gap:10px;margin-top:10px;padding:6px 16px 6px 8px;border-radius:40px;background:#1a120acc;border:2px solid #c9a24a;box-shadow:0 0 0 2px #000,0 6px 18px #0008;font-size:clamp(15px,2.4vw,20px);color:#fff3d6;opacity:0;animation:lv-pop .35s .45s cubic-bezier(.2,1.4,.4,1) forwards}.lvup-face{width:40px;height:40px;border-radius:50%;background-size:100% 100%;image-rendering:pixelated;border:2px solid #c9a24a;background-color:#2c2721}.lvup-who em{font-style:normal;color:#d9c391}.lvup-who strong{font-family:"LevelUp",var(--title-font);font-style:italic;font-size:1.5em;color:#ffd34d;text-shadow:0 2px 0 #5a2a06}.lvup-who small{color:#ffb43a;font-size:.7em}@keyframes lv-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.lvup ul{list-style:none;margin:10px auto 0;padding:0;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.lvup li{padding:4px 12px;border-radius:4px;background:#0d1220e6;border:1px solid #5d7fae;color:#cfe6ff;font-size:clamp(13px,2vw,17px);opacity:0;transform:translateY(10px);animation:lv-stat .3s forwards;animation-delay:calc(.75s + var(--i) * .14s)}.lvup li b{margin-left:6px;color:#8dffa6;font-family:"LevelUp",var(--title-font);font-style:italic;font-size:1.25em}@keyframes lv-stat{to{opacity:1;transform:none}}@media(max-height:460px){.lvup-title{font-size:clamp(46px,11vw,88px)}.lvup-who{margin-top:6px}}.btn-ic{width:22px;height:22px;vertical-align:-6px;margin-right:6px;image-rendering:auto}img.ic{width:20px;height:20px;vertical-align:-5px;margin-right:4px}.hideout{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:10px;padding:calc(10px + var(--sat)) calc(14px + var(--sar)) calc(10px + var(--sab)) calc(14px + var(--sal));background:linear-gradient(#0008,#0000 30%,#0000 60%,#000a);overflow:auto}.hideout header{display:flex;justify-content:space-between;align-items:flex-start}.hideout header small{color:#dbc38b;font-size:12px}.hideout h1{margin:0;font-family:var(--title-font);font-weight:700;font-size:clamp(24px,4vw,38px);color:#fff3d6;text-shadow:0 3px 0 #000,0 0 16px #000}.purse{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:30px;background:#1a120add;border:2px solid #c9a24a;color:#fff3d6;font-size:15px}.purse b{font-family:"LevelUp",var(--title-font);font-style:italic;font-size:20px;color:#ffd34d}.party{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:8px;margin-top:auto}.member{display:flex;gap:10px;align-items:flex-start;text-align:left;padding:8px 10px;background:#1d1610e6;border:1px solid #887042;border-radius:6px;color:var(--ink)}.member:hover{border-color:#e2c370}.member .face{width:52px;height:52px;flex:none;border-radius:4px;background-size:100% 100%;image-rendering:pixelated;border:1px solid var(--gold-2);background-color:#2c2721}.m-txt{min-width:0;font-size:14px;line-height:1.45}.m-txt small{color:#cdb98d;font-size:12px}.m-st{font-size:12px;color:#c1b89f}.gear{display:flex;gap:4px;margin:4px 0 2px}.gear .slot{width:30px;height:30px;border:1px solid #5a4a2c;border-radius:4px;background:#0d0a07;display:grid;place-items:center}.gear .slot.empty{opacity:.45}.slot-ic{width:26px;height:26px}.pouch{font-size:12px;color:#c1b89f;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.pouch span{display:inline-flex;align-items:center}.pouch .ic{width:18px;height:18px;margin-right:1px}.pouch .none{opacity:.6}.hideout nav{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.hideout nav button{min-height:42px;padding:8px 18px}.shop,.eq-list{list-style:none;margin:8px 0 12px;padding:0;display:flex;flex-direction:column;gap:6px}.shop li,.eq-list li{display:flex;align-items:center;gap:10px;padding:6px 8px;background:#1a1610;border:1px solid #4a3d24;border-radius:4px;line-height:1.35}.shop li .ic,.eq-list li .ic{width:36px;height:36px;flex:none;margin:0}.ic-empty{width:36px;height:36px;flex:none;border:1px dashed #5a4a2c;border-radius:4px}.sh-t{flex:1;min-width:0;display:flex;flex-direction:column}.sh-t small,.eq-list small{color:#c1b89f;font-size:12px}.shop li button{flex:none;min-width:74px}.shop li button .ic{width:18px;height:18px}.eq-list .sl{color:#dbc38b;font-size:12px;min-width:40px}.tabs{display:flex;gap:6px}.slots{display:flex;flex-direction:column;gap:6px;margin:8px 0 12px}.slot-btn{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:2px;padding:8px 12px;min-height:48px}.slot-btn small{color:#c1b89f;font-size:12px;line-height:1.4}#ui>.panel{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;padding:0;background:none;border:0;display:block;pointer-events:none!important}#ui>.panel[hidden]{display:none}#ui>.panel>*{pointer-events:auto}.panel .info{position:absolute;left:calc(8px + var(--sal));top:calc(58px + var(--sat));max-width:min(360px,46vw);background:var(--panel);border:1px solid #887042;border-radius:6px;padding:6px 10px;cursor:pointer;display:block}.panel .info:after{content:"▾ 자세히";display:block;font-size:10px;color:#a8987a;margin-top:2px}.panel.expanded .info:after{content:"▴ 접기"}.panel #unit-stats,.panel .tile-info{display:none}.panel.expanded #unit-stats{display:block;margin-top:2px}.panel.expanded .tile-info{display:block;text-align:left;max-width:none;margin-top:4px}.panel .unit-card .face{width:40px;height:40px}.panel .message{position:absolute;left:50%;top:calc(58px + var(--sat));transform:translate(-50%);margin:0;max-width:46vw;background:#0b1a24d9;border:1px solid #3d6f86;border-radius:4px;padding:4px 10px;font-size:12px;text-align:center;pointer-events:none!important}.panel .message[hidden],.panel .message:empty{display:none}.panel .buttons{position:absolute;right:calc(8px + var(--sar));bottom:calc(8px + var(--sab));width:116px;min-width:0;background:var(--panel);border:1px solid #887042;border-radius:6px;padding:6px;border-left:1px solid #887042;gap:5px}.panel.right .info{left:calc(8px + var(--sal));right:auto}@media(max-height:460px){.panel .info{top:calc(50px + var(--sat));padding:4px 8px}.panel .message{top:calc(50px + var(--sat))}.panel .buttons{width:104px;padding:4px}}html,body,#ui,#game{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}img{-webkit-user-drag:none}input,textarea,select{-webkit-user-select:text;user-select:text}.quest .q-ask{font-style:italic;color:#e8dcc0!important}.quest .sh-t{gap:2px}.vol-row{display:flex;align-items:center;gap:10px;margin-top:10px}.vol-row input[type=range]{flex:1;accent-color:#d7bb78;min-width:120px}.vol-row b{width:2.6em;text-align:right;font-weight:400;color:#d7bb78}@keyframes boing{0%{transform:translateY(0) scaleY(1)}18%{transform:translateY(-18px) scaleY(1.06)}36%{transform:translateY(0) scaleY(.94)}52%{transform:translateY(-7px) scaleY(1.02)}70%{transform:translateY(0) scaleY(.98)}to{transform:translateY(0) scaleY(1)}}.dlg-bust.left.boing{animation:boing .55s ease-out;transform-origin:50% 100%}@keyframes boing-r{0%{transform:scaleX(-1) translateY(0) scaleY(1)}18%{transform:scaleX(-1) translateY(-18px) scaleY(1.06)}36%{transform:scaleX(-1) translateY(0) scaleY(.94)}52%{transform:scaleX(-1) translateY(-7px) scaleY(1.02)}70%{transform:scaleX(-1) translateY(0) scaleY(.98)}to{transform:scaleX(-1) translateY(0) scaleY(1)}}.dlg-bust.right.boing{animation:boing-r .55s ease-out;transform-origin:50% 100%}@keyframes gasp{0%{transform:translate(0)}15%{transform:translate(-6px,-10px) scale(1.04)}30%{transform:translate(3px,-4px)}45%{transform:translate(-2px,-6px)}to{transform:translate(0)}}@keyframes gasp-r{0%{transform:scaleX(-1) translate(0)}15%{transform:scaleX(-1) translate(-6px,-10px) scale(1.04)}30%{transform:scaleX(-1) translate(3px,-4px)}45%{transform:scaleX(-1) translate(-2px,-6px)}to{transform:scaleX(-1) translate(0)}}.dlg-bust.left.gasp{animation:gasp .45s ease-out;transform-origin:50% 100%}.dlg-bust.right.gasp{animation:gasp-r .45s ease-out;transform-origin:50% 100%}.archery{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;background:#000b;pointer-events:auto;touch-action:none}.ar-box{width:min(92vw,420px);max-height:96vh;overflow:auto;text-align:center;color:#f3e6c8;background:linear-gradient(#2a231bf7,#1b1712f7);border:3px double var(--gold, #c9a24f);border-radius:8px;padding:12px 14px 14px;box-shadow:0 10px 40px #000c}.ar-box small{color:#c9a24f;letter-spacing:.1em}.ar-box h2{margin:2px 0 4px;font-family:SumunjangTitle,Galmuri14,serif;font-size:26px;color:#f8e6b9}.ar-rival{margin:0 0 6px;font-size:13px;color:#d9c9a4}.ar-box canvas{width:min(70vw,52vh,300px);height:auto;display:block;margin:0 auto;touch-action:none}.ar-help{font-size:12px;color:#cdbf9e;margin:6px 0 8px;line-height:1.5}.ar-shoot{font:inherit;font-size:16px;padding:12px 18px;min-height:48px;width:100%;border-radius:6px;cursor:pointer;color:#2a1d10;background:linear-gradient(#f2d48a,#c9a24f);border:1px solid #6b4d22;touch-action:none;user-select:none;-webkit-user-select:none}.ar-shoot:active{filter:brightness(.9)}.ar-result .ar-score{display:block;font-family:LevelUp,Galmuri14,sans-serif;font-style:italic;font-size:40px;margin-top:6px}.ar-result .bull{color:#ffe23a;text-shadow:0 0 10px #ff9a1a}.ar-result .win{color:#8dffa6}.ar-result .lose{color:#ff9a8a}.ar-result p{margin:4px 0 8px}.ar-result .menu{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.ar-result button{font:inherit;padding:9px 14px;border-radius:5px;cursor:pointer;background:#223020;color:#f3e6c8;border:1px solid #53664a}.dlg-choice{position:absolute;left:50%;bottom:calc(100% + 12px);transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:5;min-width:min(80vw,360px)}.dlg-choice button{font:inherit;font-size:15px;padding:10px 16px;border-radius:6px;cursor:pointer;text-align:left;color:#f3e6c8;background:linear-gradient(#2a231bf7,#1b1712f7);border:2px solid var(--gold, #c9a24f);box-shadow:0 6px 18px #000a}.dlg-choice button:hover,.dlg-choice button:focus-visible{background:linear-gradient(#3a2f20,#241d14);outline:none}.ts-build{position:absolute;right:10px;bottom:6px;font-size:11px;color:#f3e6c880;pointer-events:none}