:root{--bg:#050508;--surface:#0c0c10;--surface2:#121218;--border:#1e1e26;--border2:#2a2a36;--text:#e2ddd4;--text2:#b8b4a8;--muted:#5c5c68;--accent:#c9a84c;--accent-bright:#e8c86a;--accent-deep:#8a6c20;--accent-glow:#c9a84c2e;--accent-subtle:#c9a84c0f;--red:#b83232;--red2:#e05050;--blue:#2d6fa0;--blue2:#4d9fcf;--purple:#7a3aab;--purple2:#a060d8;--green:#27856a;--green2:#3cb88e;--sidebar-w:278px;--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--cc-rgb:201, 168, 76;--class-accent:#c9a84c;--class-accent-glow:#c9a84c2e}#messages[data-servant-class=saber]{--cc-rgb:100, 168, 255}#messages[data-servant-class=archer]{--cc-rgb:220, 80, 80}#messages[data-servant-class=lancer]{--cc-rgb:64, 196, 220}#messages[data-servant-class=rider]{--cc-rgb:180, 100, 220}#messages[data-servant-class=caster]{--cc-rgb:80, 195, 175}#messages[data-servant-class=assassin]{--cc-rgb:155, 140, 175}#messages[data-servant-class=berserker]{--cc-rgb:215, 60, 100}#messages[data-servant-class=ruler]{--cc-rgb:220, 190, 80}#messages[data-servant-class=avenger]{--cc-rgb:200, 50, 50}#messages[data-servant-class=mooncancer]{--cc-rgb:200, 120, 210}#messages[data-servant-class=alterego]{--cc-rgb:80, 210, 160}#messages[data-servant-class=foreigner]{--cc-rgb:120, 180, 255}#messages[data-servant-class=pretender]{--cc-rgb:100, 220, 100}#messages[data-servant-class=shielder]{--cc-rgb:80, 130, 220}#messages[data-servant-class=beast]{--cc-rgb:180, 60, 160}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text);background-color:#050508;background-image:radial-gradient(70% 60% at 15% 15%,#120c04f2 0%,#0000 60%),radial-gradient(60% 70% at 85% 85%,#080412e6 0%,#0000 60%),radial-gradient(80% 80%,#c9a84c06 0%,#0000 70%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;height:100dvh;font-family:Noto Sans KR,Malgun Gothic,Apple SD Gothic Neo,sans-serif;font-size:14px;overflow:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#ffffff02 2px 3px),repeating-linear-gradient(90deg,#0000,#0000 3px,#ffffff01 3px 4px);position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(40% 30% at 50% 100%,#c9a84c0a 0%,#0000 70%);position:fixed;inset:0}.overlay{z-index:100;background:#0a0a0cf2;display:flex;position:fixed;inset:0}.split-container{width:100vw;height:100dvh;display:flex;overflow:hidden}.split-left{background:radial-gradient(circle,#c9a84c14 0%,#0000 60%);border-right:1px solid #c9a84c26;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.visual-content{text-align:center;z-index:2;animation:2s forwards fadeIn}.magic-circle{z-index:0;pointer-events:none;border:1px dashed #c9a84c33;border-radius:50%;width:550px;height:550px;animation:40s linear infinite spinSlow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 50px #c9a84c0d}.magic-circle:before{content:"";border:1px solid #c9a84c26;border-radius:50%;animation:60s linear infinite spinSlowReverse;position:absolute;inset:20px}.fate-title{color:#fff;text-shadow:0 0 20px #c9a84c99,0 0 40px #c9a84c4d;letter-spacing:4px;margin-bottom:24px;font-family:Cinzel,serif;font-size:5.5rem;line-height:1.1}.fate-subtitle{color:var(--accent);letter-spacing:12px;text-transform:uppercase;font-size:1.4rem}.fate-quote{color:#a0aabf;opacity:.8;margin-top:40px;font-family:Noto Sans KR,serif;font-size:1.1rem;font-style:italic;line-height:1.8}.split-right{z-index:5;background:#121214f2;flex-direction:column;flex:1;max-width:640px;display:flex;position:relative;overflow-y:auto;box-shadow:-20px 0 50px #00000080}.setup-box{width:100%;animation:slideInRight .8s ease cubic-bezier(.2, .8, .2, 1);flex-direction:column;gap:14px;padding:48px 40px;display:flex}.setup-box h2.form-title{color:var(--accent);letter-spacing:2px;border-bottom:1px solid #c9a84c33;margin-bottom:16px;padding-bottom:10px;font-family:Cinzel,serif;font-size:24px}@keyframes spinSlow{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes spinSlowReverse{to{transform:rotate(-360deg)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur()}}.setup-box label{color:var(--muted);margin-top:4px;font-size:12px}.hint{color:var(--muted);font-size:11px}.setup-box input,.setup-box textarea{color:var(--text);background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;width:100%;padding:12px 14px;font-size:14px;transition:all .3s}.setup-box input:focus,.setup-box textarea:focus{border-color:var(--accent);background:#00000080;outline:none;box-shadow:0 0 10px #c9a84c33}.setup-box textarea{resize:none;height:70px}.btn-group{flex-wrap:wrap;gap:6px;display:flex}.choice-btn{background:var(--bg);border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:4px;padding:6px 12px;font-size:13px;transition:all .15s}.choice-btn.selected,.choice-btn.active{border-color:var(--accent);color:var(--accent);background:#c9a84c14}.choice-btn:hover{border-color:var(--accent);color:var(--accent)}.form-row{gap:20px;margin-bottom:16px;display:flex}.form-col{flex-direction:column;gap:14px;display:flex}.magic-selection-container{background:#0003;border:1px solid #ffffff0d;border-radius:8px;height:320px;margin-top:4px;display:flex;overflow:hidden}.magic-selection-container.disabled{pointer-events:none;opacity:.5;filter:grayscale(.5)}.magic-list{scrollbar-width:thin;scrollbar-color:#c9a84c4d transparent;background:#ffffff03;border-right:1px solid #ffffff0d;width:35%;padding:8px 0;overflow:hidden auto}.magic-list::-webkit-scrollbar{width:4px}.magic-list::-webkit-scrollbar-thumb{background:#c9a84c4d;border-radius:4px}.magic-list-item{color:var(--muted);cursor:pointer;border-left:3px solid #0000;padding:12px 16px;font-size:13px;transition:all .2s}.magic-list-item:hover{color:var(--text);background:#ffffff0d}.magic-list-item.selected{color:var(--accent);border-left:3px solid var(--accent);background:#c9a84c1a;font-weight:700}.magic-detail{flex-direction:column;gap:16px;width:65%;padding:24px;display:flex;position:relative;overflow-y:auto}.md-title{color:var(--accent);border-bottom:1px solid #c9a84c33;padding-bottom:8px;font-size:18px;font-weight:700}.md-desc{color:var(--text);font-size:13px;line-height:1.6}.md-rec{color:var(--accent);background:#c9a84c1a;border-radius:4px;align-self:flex-start;margin-bottom:8px;padding:4px 8px;font-size:11px}.trump-cards-section h3{color:#ff6b35;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;display:flex}.trump-cards-section h3:before{content:""}.trump-card-list{flex-direction:column;gap:8px;display:flex}.trump-card-item{cursor:pointer;background:#ffffff05;border:1px solid #ffffff0d;border-radius:6px;flex-direction:column;padding:12px;transition:all .2s;display:flex}.trump-card-item:hover{background:#ff6b350d;border-color:#ff6b3566}.trump-card-item.selected{border-color:#ff6b35;box-shadow:inset 0 0 10px #ff6b3533}.tc-title{color:#e8e6e0;margin-bottom:4px;font-size:13px;font-weight:700}.trump-card-item.selected .tc-title{color:#ff6b35}.tc-desc{color:#a0aabf;font-size:11px;line-height:1.4}.fade-in{animation:.4s forwards fadeInOpacity}@keyframes fadeInOpacity{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.primary-btn{color:#05050a;cursor:pointer;letter-spacing:3px;text-transform:uppercase;background:linear-gradient(160deg,#e0b84a 0%,#c9a84c 40%,#8a6c20 100%);border:none;border-radius:2px;margin-top:8px;padding:15px 28px;font-family:Cinzel,Noto Sans KR,sans-serif;font-size:15px;font-weight:900;transition:all .25s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden;box-shadow:0 0 0 1px #c9a84c80,0 4px 20px #c9a84c40,inset 0 1px #fff3}.primary-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1f,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.primary-btn:not(:disabled):hover:before{left:100%}.primary-btn:disabled,.primary-btn.btn-inactive{color:#fff3;cursor:not-allowed;background:#ffffff0a;box-shadow:0 0 0 1px #ffffff14}.primary-btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 0 0 1px #c9a84cb3,0 6px 28px #c9a84c66,inset 0 1px #ffffff40}.primary-btn:not(:disabled):active{transform:translateY(0);box-shadow:0 0 0 1px #c9a84c80,0 2px 10px #c9a84c40}.setup-box--wide{max-width:100%}.setup-box h2{color:var(--accent);letter-spacing:1px;font-size:16px}.step2-header{align-items:center;gap:12px;margin-bottom:4px;display:flex}.back-btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:4px;padding:4px 10px;font-size:12px;transition:all .15s}.back-btn:hover{border-color:var(--accent);color:var(--accent)}.pool-count{color:var(--accent);margin-left:8px;font-size:11px;font-weight:700}.group-section{border-bottom:1px solid var(--border);flex-direction:column;gap:6px;margin-bottom:6px;padding-bottom:8px;display:flex}.group-section:last-of-type{border-bottom:none}.group-section-label{color:var(--muted);letter-spacing:.04em;font-size:11px}.pool-info{flex-direction:column;gap:4px;margin-top:6px;display:flex}.enemy-count-info{color:var(--muted);font-size:11px;line-height:1.5}.enemy-count-info.warn{color:var(--red)}.tier-btn-row{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.tier-btn{border:1px solid var(--border);min-width:60px;color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 4px;font-family:inherit;font-size:12px;font-weight:600;transition:border-color .15s,color .15s,background .15s;display:flex}.tier-btn:hover{border-color:var(--muted);color:var(--text)}.tier-btn.active{border-color:var(--accent);color:var(--accent);background:#c9a84c14}.tier-sub{color:inherit;opacity:.7;font-size:10px;font-weight:400}.tier-hint{color:var(--muted);margin-top:4px;font-size:11px;line-height:1.5}.group-btn-row{flex-wrap:wrap;gap:6px;display:flex}.group-count{color:var(--accent);background:#c9a84c26;border-radius:8px;margin-left:3px;padding:0 5px;font-size:10px}.summon-mode-btn{cursor:pointer;color:var(--muted);flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.summon-mode-btn.active{color:var(--accent)}.mode-title{font-size:14px;font-weight:700}.mode-desc{color:var(--muted);font-size:11px}.summon-mode-btn.active .mode-desc{color:#c9a84cb3}#mode-wish.active{color:#ff6b35;background:#ff6b3514}#mode-wish.active .mode-desc{color:#ff6b35b3}@keyframes wishReveal{0%{opacity:0;transform:scale(.85)}60%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.gacha-controls{border:1px solid var(--border);background:#0003;border-radius:4px;margin-bottom:20px;padding:16px}.gacha-filters{justify-content:center;gap:8px;margin-bottom:16px;display:flex}.filter-item{background:var(--bg);border:1px solid var(--border);color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;padding:6px 14px;font-size:13px;transition:all .15s}.filter-item input[type=checkbox]{display:none}.filter-item:has(input:checked){border-color:var(--accent);color:var(--accent);background:#c9a84c14}.filter-item:hover{border-color:var(--muted);color:var(--text)}.filter-item:has(input:checked):hover{border-color:var(--accent);opacity:.85}.checkbox-row{margin:4px 0}.checkbox-label{background:var(--bg);border:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:flex-start;gap:12px;padding:10px 14px;transition:border-color .15s,background .15s;display:flex}.checkbox-label:hover{border-color:var(--muted)}.checkbox-label:has(input:checked){border-color:var(--accent);background:#c9a84c14}.checkbox-label input[type=checkbox]{display:none}.checkbox-label .checkbox-box{border:1px solid var(--border);background:var(--surface);border-radius:4px;flex-shrink:0;width:18px;height:18px;margin-top:1px;transition:border-color .15s,background .15s;position:relative}.checkbox-label .checkbox-box:after{content:"";border-right:2px solid var(--bg);border-bottom:2px solid var(--bg);opacity:0;width:5px;height:9px;transition:opacity .1s;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.checkbox-label input:checked~.checkbox-box{border-color:var(--accent);background:var(--accent)}.checkbox-label input:checked~.checkbox-box:after{opacity:1}.checkbox-label span{color:var(--muted);font-size:13px;line-height:1.5;transition:color .15s}.checkbox-label:has(input:checked) span{color:var(--text)}.gacha-buttons{justify-content:center;gap:10px;display:flex}.relic-grid-wrap.gacha-mode{background:radial-gradient(circle,#baa17e0d 0%,#0000 70%);max-height:50vh}.relic-card.rank-A{background:linear-gradient(135deg,#f1c40f1a 0%,#0006 100%);border-color:#f1c40f;box-shadow:0 0 15px #f1c40f33}.relic-card.rank-A .r-rank{color:#f1c40f;opacity:1;text-shadow:0 0 5px #f1c40f80}.relic-card.rank-B{background:linear-gradient(135deg,#9b59b61a 0%,#0006 100%);border-color:#9b59b6}.relic-card.rank-B .r-rank{color:#9b59b6;opacity:.8}.relic-card.rank-C{background:linear-gradient(135deg,#3498db1a 0%,#0006 100%);border-color:#3498db}.relic-card.rank-C .r-rank{color:#3498db;opacity:.7}.relic-card.rank-D{background:linear-gradient(135deg,#cd7f321a 0%,#0006 100%);border-color:#cd7f32}.relic-card.rank-D .r-rank{color:#cd7f32;opacity:.7}.relic-card.rank-E{background:#0006;border-color:#7f8c8d}.relic-card.rank-E .r-rank{color:#7f8c8d;opacity:.6}.relic-card.class-avenger{animation:2s infinite alternate avenger-flame;background:linear-gradient(135deg,#8b000066 0%,#140000e6 100%)!important;border-color:#8b0000!important;box-shadow:0 0 15px #8b000080!important}@keyframes avenger-flame{0%{box-shadow:0 0 10px #8b00004d,inset 0 0 10px #ff00001a}to{box-shadow:0 0 25px #ff450099,inset 0 0 20px #ff00004d}}.relic-card.class-foreigner{animation:4s linear infinite foreigner-cosmos;background:radial-gradient(circle at 100% 0,#00fa9a33,#0000 70%),radial-gradient(circle at 0 100%,#4b008280,#00000ae6)!important;border-color:#00fa9a!important}@keyframes foreigner-cosmos{0%{filter:hue-rotate()}50%{filter:hue-rotate(30deg)brightness(1.2)}to{filter:hue-rotate()}}.relic-card.class-ruler{background:linear-gradient(135deg,#ffd70033 0%,#ffffff1a 50%,#c9a84c4d 100%)!important;border-color:gold!important;box-shadow:0 0 15px #ffd70066!important}.relic-card.class-alterego{background:linear-gradient(45deg,#ff149333 0%,#0ff3 100%)!important;border-color:#ff1493!important}.relic-card.class-alterego:hover{animation:.2s infinite alterego-glitch}@keyframes alterego-glitch{0%{transform:translate(0)}50%{transform:translate(-.5px,.5px)}to{transform:translate(.5px,-.5px)}}.relic-card.class-mooncancer{background:repeating-linear-gradient(0deg,#1e90ff1a,#1e90ff1a 2px,#0000 2px 4px),#000c!important;border-color:#1e90ff!important}.relic-card.class-pretender{filter:blur(.2px);background:repeating-radial-gradient(circle,#c0c0c01a,#000c 10%)!important;border-color:silver!important}.relic-card.class-shielder{background:linear-gradient(135deg,#add8e64d 0%,#0009 100%)!important;border-width:2px!important;border-color:#add8e6!important}.relic-card[class*=class-beast],.relic-card[class*=class-unbeast]{background:radial-gradient(circle,#ff00004d 0%,#000000e6 100%)!important;border-color:red!important;box-shadow:inset 0 0 30px #f009!important}.relic-card.class-avenger .r-rank,.relic-card.class-foreigner .r-rank,.relic-card.class-ruler .r-rank,.relic-card.class-alterego .r-rank,.relic-card.class-mooncancer .r-rank,.relic-card.class-pretender .r-rank,.relic-card.class-shielder .r-rank,.relic-card.class-beast .r-rank{color:#fff!important;opacity:.9!important;text-shadow:0 0 5px #ffffff80!important}.relic-grid-wrap{border:1px solid var(--border);border-radius:4px;max-height:40vh;padding:8px;overflow-y:auto}.relic-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.empty-msg{text-align:center;color:var(--muted);letter-spacing:.03em;grid-column:1/-1;padding:32px 16px;font-size:13px;font-style:italic;line-height:1.9}.relic-card{background:var(--bg);border:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;flex-direction:column;gap:4px;padding:10px;display:flex}.relic-card.selected{border-color:var(--accent);background:#c9a84c14}.relic-card .r-name{color:var(--accent);font-size:13px;font-weight:700}.relic-card .r-servant{color:var(--text);font-size:12px}.relic-card .r-class{color:var(--muted);background:#ffffff0d;border-radius:8px;width:fit-content;padding:1px 7px;font-size:10px;display:inline-block}.relic-card .r-desc{color:var(--muted);margin-top:2px;font-size:11px;line-height:1.5}.alignment-badge{color:var(--purple);background:#8e44ad26;border-radius:10px;margin-bottom:10px;padding:2px 8px;font-size:11px;display:inline-block}.hidden{display:none!important}#main{z-index:10;height:100dvh;display:flex;position:relative}#sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);scrollbar-gutter:stable;z-index:1;background:#060609f7;border-right:1px solid #c9a84c14;flex-direction:column;gap:12px;padding:16px 14px;display:flex;position:relative;overflow-y:auto}#sidebar:after{content:"";pointer-events:none;background:linear-gradient(#0000 0%,#c9a84c26 20%,#c9a84c40 50%,#c9a84c26 80%,#0000 100%);width:1px;height:100%;position:absolute;top:0;right:0}#sidebar>*{flex-shrink:0}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#c9a84c40;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#c9a84c8c}.war-phase{border-radius:var(--radius-sm);background:linear-gradient(135deg,#c9a84c0d 0%,#c9a84c05 100%);border:1px solid #c9a84c2e;align-items:stretch;display:flex;position:relative;overflow:hidden}.war-phase:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#c9a84c66,#0000);height:1px;position:absolute;top:0;left:0;right:0}.war-cell{flex-direction:column;flex:1;align-items:center;gap:3px;padding:9px 6px;display:flex}.war-cell-divider{background:#c9a84c26;width:1px;margin:6px 0}.war-phase .label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-family:Cinzel,serif;font-size:9px}.phase-value{color:var(--accent);text-shadow:0 0 12px #c9a84c66;font-family:Cinzel,serif;font-size:14px;font-weight:700}.time-value{font-family:Cinzel,serif;font-size:13px;font-weight:700;transition:color .6s}.time-dawn{color:#b39ddb;text-shadow:0 0 8px #b39ddb66}.time-morning{color:#ffd54f;text-shadow:0 0 8px #ffd54f66}.time-noon{color:#fff176;text-shadow:0 0 8px #fff17666}.time-evening{color:#ff8a65;text-shadow:0 0 8px #ff8a6566}.time-night{color:#80cbc4;text-shadow:0 0 8px #80cbc466}.stat-section h3{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);opacity:.75;border-bottom:1px solid #c9a84c1a;margin-bottom:10px;padding-bottom:6px;font-family:Cinzel,serif;font-size:11px}.magic-type-badge,.class-badge{color:var(--muted);background:#ffffff0f;border-radius:10px;margin-bottom:10px;padding:2px 8px;font-size:11px;display:inline-block}.stat-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.stat-label{color:var(--muted);letter-spacing:.04em;flex-shrink:0;width:28px;font-size:10px}.bar-wrap{background:#ffffff0a;border-radius:4px;flex:1;height:7px;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #0009}.bar{border-radius:4px;height:100%;transition:width .4s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.bar:after{content:"";background:linear-gradient(90deg,#0000,#ffffff2e,#0000);width:80%;height:100%;animation:4s ease-in-out infinite barShimmer;position:absolute;top:0;left:-100%}@keyframes barShimmer{0%{opacity:0;left:-100%}10%{opacity:1}50%{left:120%}51%{opacity:0}to{opacity:0;left:120%}}.hp-bar{background:linear-gradient(90deg,#6b1515,#b83232,#e05050);box-shadow:0 0 6px #b8323259}.mp-bar{background:linear-gradient(90deg,#1a3d60,#2d6fa0,#4d9fcf);box-shadow:0 0 6px #2d6fa059}.servant-hp-bar{background:linear-gradient(90deg,#3a1060,#7a3aab,#a060d8);box-shadow:0 0 6px #7a3aab59}.np-bar{background:linear-gradient(90deg,#5a3c0a,#c9a84c,#e8c86a);box-shadow:0 0 6px #c9a84c66}.stat-val{color:var(--text2);text-align:right;font-variant-numeric:tabular-nums;width:52px;font-size:10px}.seal-row{align-items:center;gap:8px;display:flex}#seal-icons{gap:5px;display:flex}.seal{background:radial-gradient(circle at 35% 35%, var(--accent-bright), var(--accent-deep));border:1px solid #c9a84cb3;border-radius:50%;width:16px;height:16px;transition:all .3s;box-shadow:0 0 6px #c9a84c80,0 0 14px #c9a84c33}.seal.used{box-shadow:none;background:#ffffff08;border-color:#ffffff14}hr{background:linear-gradient(90deg,#0000,#c9a84c1f,#0000);border:none;height:1px;margin:6px 0}.divine-np-wrap{flex-direction:column;gap:3px;margin-top:8px;display:flex}.divine-np-wrap.hidden{display:none}.divine-np-btn{cursor:pointer;letter-spacing:.03em;color:#e74c3c;background:#c0392b26;border:2px solid #c0392b;border-radius:4px;width:100%;padding:6px 10px;font-size:.82rem;font-weight:700;transition:opacity .2s,filter .2s}.divine-np-btn.ready{color:#ff6b6b;background:#e74c3c40;border-color:#e74c3c;animation:2s ease-in-out infinite divine-pulse}@keyframes divine-pulse{0%,to{box-shadow:0 0 4px #e74c3c66}50%{box-shadow:0 0 10px #e74c3ccc}}.divine-np-btn:hover:not(:disabled){filter:brightness(1.1);background:#c0392b4d}.divine-np-btn:disabled,.divine-np-btn.used{border-color:var(--border);color:var(--muted);cursor:not-allowed;filter:none;background:0 0}.divine-np-hint{color:var(--muted);text-align:center;font-size:.7rem}.sd-block{flex-direction:column;gap:3px;display:flex}.sd-title{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px;font-size:10px}.sd-skill-name{color:var(--accent);font-size:11px;font-weight:700}.sd-skill-type{color:var(--muted);background:#ffffff0d;border-radius:6px;margin-left:4px;padding:0 5px;font-size:10px}.sd-skill-desc{color:var(--text);margin-top:2px;font-size:10px}.sd-np-name{color:var(--accent);font-size:12px;font-weight:700}.sd-np-type{color:var(--muted);margin-top:1px;font-size:10px}.sd-np-effect{color:var(--text);margin-top:2px;font-size:10px}.sd-np-block{border:1px solid #0000;border-radius:6px;padding:6px 8px;transition:all .3s}.sd-np-block.np-ready{border:1px solid var(--blue);background:#2980b90d}.sd-np-block.np-disabled{opacity:.6;filter:grayscale()}.sd-np-block.np-disabled .sd-np-name{color:var(--muted)}.sd-np-warn{color:var(--red);margin-top:4px;font-size:10px;font-weight:700}.sd-divider{border:none;border-top:1px solid var(--border);margin:4px 0}.sd-note{color:#b0b8c8;border-left:2px solid var(--note-color,#5a6a8a);background:#ffffff0a;border-radius:4px;margin-top:5px;padding:5px 8px;font-size:11px;line-height:1.5}.sidebar-footer{margin-top:auto;padding-top:12px}.form-col input{border:1px solid var(--border);width:100%;color:var(--text);background:#0006;border-radius:4px;padding:10px}.form-col input:focus{border-color:var(--accent);outline:none}.custom-select{width:100%;font-family:Noto Sans KR,sans-serif;position:relative}.custom-select .select-selected{color:var(--text);border:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#0006;border-radius:4px;padding:10px}.custom-select .select-selected:after{content:"";border:5px solid #0000;border-color:var(--accent) transparent transparent transparent;width:0;height:0;position:absolute;top:18px;right:15px}.custom-select .select-selected.select-arrow-active:after{border-color:transparent transparent var(--accent) transparent;top:11px}.custom-select .select-items{border:1px solid var(--accent);z-index:99;background-color:#1a1a24;border-radius:4px;max-height:200px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #000c}.custom-select .select-items div{color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;padding:10px;transition:background .2s,color .2s}.custom-select .select-items div:hover,.same-as-selected{background-color:var(--accent);color:#000}.select-hide{display:none}.custom-select.disabled .select-selected{cursor:not-allowed;opacity:.45;background-color:#0009}.custom-select.disabled .select-selected:after{display:none}.abandon-btn{border:1px solid var(--border);width:100%;color:var(--muted);cursor:pointer;text-align:center;background:0 0;border-radius:4px;padding:8px;font-size:12px;transition:all .15s}.abandon-btn:hover{border-color:var(--red);color:var(--red)}.abandon-btn.confirming{border-color:var(--red);color:var(--red);background:#c0392b14;font-size:11px}.location-value{color:var(--accent);letter-spacing:.02em;font-size:11px;font-weight:600}#chat-area{z-index:1;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.state-badge{letter-spacing:3px;text-align:center;text-transform:uppercase;flex-shrink:0;padding:5px 16px;font-family:Cinzel,serif;font-size:9px;font-weight:700;position:relative;overflow:hidden}.state-badge:before{content:"";opacity:.3;background:linear-gradient(90deg,#0000,currentColor,#0000);height:1px;position:absolute;bottom:0;left:0;right:0}.state-badge:after{content:"";opacity:.15;background:linear-gradient(90deg,#0000,currentColor,#0000);height:1px;position:absolute;top:0;left:0;right:0}.state-badge.investigation{color:var(--green2);background:linear-gradient(90deg,#0000,#27856a14,#0000)}.state-badge.combat{color:var(--red2);background:linear-gradient(90deg,#0000,#b032321f,#0000);animation:2.5s ease-in-out infinite combatBadgePulse}@keyframes combatBadgePulse{0%,to{background:linear-gradient(90deg,#0000,#b0323214,#0000)}50%{background:linear-gradient(90deg,#0000,#b032322e,#0000)}}.state-badge.negotiation{color:var(--blue2);background:linear-gradient(90deg,#0000,#2d6fa014,#0000)}.state-badge.downtime{color:var(--muted);background:linear-gradient(90deg,#0000,#3c3c4614,#0000)}.state-badge.game_over{color:#ff6b6b;background:linear-gradient(90deg,#0000,#b0323233,#0000);animation:none}.state-badge.holy_grail{color:var(--accent-bright);letter-spacing:.08em;background:linear-gradient(90deg,#0000,#c9a84c26,#0000);font-weight:700;animation:3s ease-in-out infinite grailBadgePulse}@keyframes grailBadgePulse{0%,to{opacity:.8}50%{opacity:1;text-shadow:0 0 10px #c9a84c99}}#messages{scroll-behavior:smooth;flex-direction:column;flex:1;gap:20px;padding:24px 30px;display:flex;overflow-y:auto}.msg{max-width:820px;font-size:15px;line-height:1.75}.msg.user{color:#ddc87a;letter-spacing:.01em;background:linear-gradient(135deg,#c9a84c1a 0%,#c9a84c08 100%);border:1px solid #c9a84c2e;border-radius:8px 8px 2px;align-self:flex-end;max-width:480px;padding:11px 18px;font-size:14px;box-shadow:0 2px 16px #00000059}.msg.assistant{color:var(--text);white-space:pre-wrap;box-shadow:none;background:0 0;border:none;flex-direction:column;align-self:flex-start;gap:10px;max-width:95%;padding:0;display:flex}.narration-box{color:#ccc8be;letter-spacing:.015em;background:#06070bc7;border:1px solid #ffffff0d;border-left:2px solid #c9a84c26;border-radius:0 3px 3px 0;padding:16px 22px;font-size:15px;line-height:1.9;box-shadow:0 4px 24px #00000073,inset 0 0 0 1px #ffffff05}.chant-block{width:100%;color:rgba(var(--cc-rgb), .8);letter-spacing:.04em;border-left:2px solid rgba(var(--cc-rgb), .35);margin:4px 0;padding-left:14px;font-style:italic;line-height:2;display:inline-block}.pact-btn-wrapper{justify-content:center;align-self:center;margin:24px auto 8px;display:flex}.pact-btn{background:linear-gradient(160deg, rgba(var(--cc-rgb), .12) 0%, rgba(var(--cc-rgb), .04) 100%);border:1px solid rgb(var(--cc-rgb));color:rgb(var(--cc-rgb));cursor:pointer;letter-spacing:.18em;box-shadow:0 0 14px rgba(var(--cc-rgb), .18), inset 0 0 14px rgba(var(--cc-rgb), .06);padding:14px 52px;font-family:inherit;font-size:17px;font-weight:500;transition:all .3s;position:relative}.pact-btn:before,.pact-btn:after{content:"";border-color:rgb(var(--cc-rgb));opacity:.7;border-style:solid;width:6px;height:6px;position:absolute}.pact-btn:before{border-width:1px 0 0 1px;top:4px;left:4px}.pact-btn:after{border-width:0 1px 1px 0;bottom:4px;right:4px}.pact-btn:hover{background:linear-gradient(160deg, rgba(var(--cc-rgb), .22) 0%, rgba(var(--cc-rgb), .1) 100%);box-shadow:0 0 28px rgba(var(--cc-rgb), .35), inset 0 0 18px rgba(var(--cc-rgb), .1);letter-spacing:.22em}#input-area{z-index:2;background:#050508fa;border-top:1px solid #c9a84c14;flex-shrink:0;gap:10px;padding:14px 20px;display:flex;position:relative}#input-area:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#c9a84c33,#0000);height:1px;position:absolute;top:0;left:10%;right:10%}#user-input{border-radius:var(--radius-sm);color:var(--text);resize:none;letter-spacing:.015em;background:#ffffff06;border:1px solid #ffffff12;flex:1;padding:11px 16px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}#user-input:focus{border-color:#c9a84c59;outline:none;box-shadow:0 0 0 3px #c9a84c0d,inset 0 0 0 1px #c9a84c14}#user-input::placeholder{color:var(--muted);opacity:.6}.gameover-overlay{z-index:200;background:#000000eb;justify-content:center;align-items:center;animation:.6s fadeIn;display:flex;position:fixed;inset:0}.gameover-box{text-align:center;border-radius:var(--radius-sm);background:linear-gradient(160deg,#0a0a0efa 0%,#060609fc 100%);border:1px solid #c9a84c26;flex-direction:column;gap:22px;padding:56px 68px;display:flex;position:relative;overflow:hidden}.gameover-box:before{content:"";opacity:.25;background:linear-gradient(90deg,#0000,currentColor,#0000);height:1px;position:absolute;top:0;left:0;right:0}.gameover-box.defeat{border-color:#b8323266}.gameover-box.defeat:before{color:#b83232}.gameover-box.victory{border-color:#c9a84c66}.gameover-box.victory:before{color:#c9a84c}.gameover-box.grail-destroy{border-color:#a0781466}.gameover-box.grail-refuse{border-color:#4a556866}.gameover-title{letter-spacing:.18em;text-transform:uppercase;font-family:Cinzel,serif;font-size:26px;font-weight:700}.gameover-box.defeat .gameover-title{color:var(--red2);text-shadow:0 0 30px #b8323280}.gameover-box.victory .gameover-title{color:var(--accent);text-shadow:0 0 30px #c9a84c80}.gameover-box.grail-destroy .gameover-title{color:#d4a017;text-shadow:0 0 30px #d4a01766}.gameover-box.grail-refuse .gameover-title{color:#a0aec0}.gameover-sub{color:var(--text2);max-width:360px;font-size:14px;line-height:1.8}.gameover-stats{border-top:1px solid #ffffff0f;border-bottom:1px solid #ffffff0f;justify-content:center;gap:24px;padding:16px 0;display:flex}.gameover-stat{flex-direction:column;align-items:center;gap:4px;display:flex}.gameover-stat-val{color:var(--accent);font-family:Cinzel,serif;font-size:24px;font-weight:700}.gameover-stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-family:Cinzel,serif;font-size:10px}.grail-choice-overlay{z-index:210;background:radial-gradient(#140a00f7 0%,#000000fc 100%);justify-content:center;align-items:center;animation:.8s fadeIn;display:flex;position:fixed;inset:0}.grail-choice-box{border:1px solid #c9a84c66;border-radius:4px;flex-direction:column;align-items:center;gap:24px;width:92%;max-width:560px;padding:52px 56px;animation:1.2s grailAppear;display:flex;box-shadow:0 0 60px #c9a84c1f,0 0 120px #c9a84c0f,inset 0 0 40px #0009}@keyframes grailAppear{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.grail-chalice-icon{filter:drop-shadow(0 0 16px #c9a84c99);color:var(--accent);font-size:52px;animation:3s ease-in-out infinite grailPulse}@keyframes grailPulse{0%,to{filter:drop-shadow(0 0 12px #c9a84c66)}50%{filter:drop-shadow(0 0 28px #c9a84ce6)}}.grail-choice-title{letter-spacing:.25em;color:var(--accent);text-shadow:0 0 20px #c9a84c80;font-family:Cinzel,Georgia,serif;font-size:22px;font-weight:700}.grail-choice-sub{color:#c8bfa8;letter-spacing:.05em;text-align:center;font-size:14px;line-height:1.7}.grail-wish-input-wrap{width:100%}.grail-wish-input{width:100%;color:var(--text);resize:none;background:#ffffff0a;border:1px solid #c9a84c40;border-radius:3px;padding:10px 12px;font-family:inherit;font-size:13px;line-height:1.6;transition:border-color .2s}.grail-wish-input:focus{border-color:#c9a84c8c;outline:none;box-shadow:0 0 0 2px #c9a84c1a}.grail-wish-input::placeholder{color:#ffffff40}.grail-choices{flex-direction:column;gap:12px;width:100%;display:flex}.grail-choice-btn{cursor:pointer;text-align:left;width:100%;color:var(--text);background:0 0;border:1px solid #ffffff1a;border-radius:3px;align-items:center;gap:14px;padding:14px 18px;transition:background .2s,border-color .25s,transform .15s;display:flex}.grail-choice-btn:hover:not(:disabled){transform:translate(3px)}.grail-choice-btn.grant:hover:not(:disabled){border-color:var(--accent);background:#c9a84c1a}.grail-choice-btn.destroy:hover:not(:disabled){border-color:var(--red);background:#c0392b1a}.grail-choice-btn.refuse:hover:not(:disabled){border-color:var(--muted);background:#6b6b731a}.grail-choice-btn:disabled{opacity:.45;cursor:not-allowed}.grail-choice-icon{text-align:center;flex-shrink:0;width:24px;font-size:18px}.grail-choice-btn.grant .grail-choice-icon{color:var(--accent)}.grail-choice-btn.destroy .grail-choice-icon{color:var(--red)}.grail-choice-btn.refuse .grail-choice-icon{color:var(--muted)}.grail-choice-label{letter-spacing:.04em;font-size:15px;font-weight:600}.grail-choice-btn.grant .grail-choice-label{color:var(--accent)}.grail-choice-btn.destroy .grail-choice-label{color:#e57373}.grail-choice-btn.refuse .grail-choice-label{color:var(--muted)}.grail-choice-desc{color:#ffffff59;margin-top:2px;font-size:11px}.grail-loading{color:var(--accent);letter-spacing:.08em;font-size:13px;animation:1.5s ease-in-out infinite grailPulse}.grail-loading.hidden{display:none}.msg.ending-narrative{border-left:2px solid var(--accent);background:#c9a84c0a;padding:18px 20px;font-style:italic;line-height:1.9}.war-toast{border:1px solid #c9a84c59;border-left:3px solid var(--accent);color:#d4c8a8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;background:#0f0c08eb;border-radius:4px;max-width:280px;padding:10px 14px;font-size:12px;line-height:1.5;animation:.3s forwards toast-in;box-shadow:0 4px 20px #0009}.war-toast.toast-out{animation:.4s forwards toast-out}.war-toast-label{color:var(--accent);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:4px;font-size:9px}@keyframes toast-in{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes toast-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(30px)}}.condition-icon{cursor:default;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;transition:border-color .15s,box-shadow .15s;display:inline-flex;position:relative}.condition-icon:hover{border-color:#c9a84c4d;box-shadow:0 0 6px #c9a84c26}.condition-icon:hover:after{content:attr(data-label);color:#d4c8a8;letter-spacing:.08em;white-space:nowrap;border-radius:var(--radius-sm);pointer-events:none;z-index:100;background:#06060af7;border:1px solid #c9a84c40;padding:4px 8px;font-family:Cinzel,serif;font-size:9.5px;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0006}.incomplete-section{opacity:.75}.incomplete-filter:has(input:checked){border-color:var(--red)!important;color:var(--red)!important;background:#c0392b14!important}.incomplete-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.incomplete-warning{color:var(--red);opacity:.7;margin:0;font-size:10px}.relic-summon-flash{animation:.4s ease-out snappy-glow}@keyframes snappy-glow{0%{filter:brightness();transform:scale(1);box-shadow:0 0 #c9a84c00}30%{filter:brightness(1.5);transform:scale(1.03);box-shadow:0 0 30px #fffc,inset 0 0 15px #c9a84c80}to{filter:brightness();transform:scale(1);box-shadow:0 0 #c9a84c00}}.relic-summon-flash-high{animation:.5s ease-out snappy-glow-high}@keyframes snappy-glow-high{0%{filter:brightness();transform:scale(1);box-shadow:0 0 #f1c40f00}30%{filter:brightness(1.8);transform:scale(1.05);box-shadow:0 0 40px #f1c40f,0 0 20px #9b59b6cc,inset 0 0 20px #fffc}to{filter:brightness();transform:scale(1);box-shadow:0 0 15px #f1c40f33}}.fade-in-up{animation:fadeInUp .5s ease cubic-bezier(.2, .8, .2, 1) forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.summon-mode-group{border-bottom:2px solid #ffffff1a;flex-wrap:wrap;gap:8px;margin-bottom:20px;padding-bottom:10px;display:flex}.summon-mode-btn{cursor:pointer;background:0 0;border:none;border-radius:8px 8px 0 0;flex:calc(50% - 8px);min-width:140px;padding:10px 16px;transition:all .3s;position:relative}.summon-mode-btn:after{content:"";background:var(--accent);width:0%;height:2px;box-shadow:0 0 10px var(--accent);transition:width .3s;position:absolute;bottom:-12px;left:0}.summon-mode-btn.active:after{width:100%}.summon-mode-btn.active{background:linear-gradient(#c9a84c1a 0%,#0000 100%)}.summon-mode-btn:hover{background:#ffffff0d}.summon-mode-btn .mode-title{color:var(--text);text-shadow:none;font-size:14px;font-weight:700;transition:text-shadow .3s}.summon-mode-btn.active .mode-title{color:var(--accent);text-shadow:0 0 8px #c9a84c80}.summon-mode-btn#mode-divine.active:after{background:#d48aff;box-shadow:0 0 10px #d48aff}.summon-mode-btn#mode-divine.active{background:linear-gradient(#d48aff1a 0%,#0000 100%)}.summon-mode-btn#mode-divine.active .mode-title{color:#d48aff;text-shadow:0 0 8px #d48aff80}.summon-mode-btn#mode-wish.active:after{background:#ff6b35;box-shadow:0 0 10px #ff6b35}.summon-mode-btn#mode-wish.active{background:linear-gradient(#ff6b351a 0%,#0000 100%)}.summon-mode-btn#mode-wish.active .mode-title{color:#ff6b35;text-shadow:0 0 8px #ff6b3580}#relic-roll-btn,#divine-roll-btn{color:#fff;letter-spacing:1px;background:linear-gradient(135deg,#c9a84ccc,#99792be6);border:none;font-weight:700;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 15px #c9a84c4d}#relic-roll-btn:before,#divine-roll-btn:before{content:"";background:linear-gradient(45deg,#0000,#fff6,#0000);width:200%;height:200%;animation:3s infinite shine;position:absolute;top:-50%;left:-50%;transform:rotate(45deg)translateY(-100%)}@keyframes shine{0%{transform:rotate(45deg)translateY(-100%)}20%{transform:rotate(45deg)translateY(100%)}to{transform:rotate(45deg)translateY(100%)}}#relic-roll-btn:hover,#divine-roll-btn:hover{background:linear-gradient(135deg,#d9b960e6,#ad8d3f);transform:translateY(-2px)scale(1.02);box-shadow:0 6px 20px #c9a84c80}#divine-roll-btn{background:linear-gradient(135deg,#a855f7cc,#7e22cee6);box-shadow:0 4px 15px #a855f74d}#divine-roll-btn:hover{background:linear-gradient(135deg,#c084fce6,#9333ea);box-shadow:0 6px 20px #a855f780}.relic-card{transition:all .2s}.relic-card:hover{z-index:10;border-color:#c9a84ccc;transform:translateY(-2px);box-shadow:0 4px 12px #0006,0 0 10px #c9a84c33}.global-tier-section{flex-direction:column;align-items:center;display:flex}.global-tier-section .tier-btn-row{justify-content:center}#summon-overlay{z-index:9999;--summon-h:0;background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#summon-overlay.hidden{display:none}.summon-circle{border-radius:50%;animation:12s linear infinite rotateCircle;position:absolute}.summon-circle-outer{border:1px solid hsla(var(--summon-h), 65%, 60%, .4);opacity:.5;width:520px;height:520px}.summon-circle-inner{border:1px solid hsla(var(--summon-h), 55%, 55%, .2);opacity:.4;width:340px;height:340px;animation-duration:7s;animation-direction:reverse}@keyframes rotateCircle{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#summon-text{z-index:10000;flex-direction:column;align-items:center;gap:14px;width:320px;display:flex;position:relative}.summon-line{opacity:0;text-align:center;letter-spacing:.22em;color:#b9af9ea6;font-family:Cinzel,serif;font-size:13px;transition:opacity .5s}.summon-line-ko{opacity:0;text-align:center;letter-spacing:.06em;color:#d2cabad1;font-family:Noto Serif KR,serif;font-size:16px;transition:opacity .5s}.summon-line-class{opacity:0;text-align:center;letter-spacing:.28em;color:hsla(var(--summon-h), 72%, 70%, 1);text-shadow:0 0 20px hsla(var(--summon-h), 70%, 60%, .9), 0 0 50px hsla(var(--summon-h), 70%, 50%, .3);font-family:Cinzel,serif;font-size:22px;font-weight:600;transition:opacity .65s}.summon-divider{opacity:0;background:#ffffff1a;width:180px;height:1px;transition:opacity .4s}.summon-bar-wrap{background:#ffffff12;width:220px;height:2px;overflow:hidden}.summon-bar-fill{background:linear-gradient(90deg, hsla(var(--summon-h), 55%, 50%, .5), hsla(var(--summon-h), 70%, 70%, .85));height:100%;box-shadow:0 0 8px hsla(var(--summon-h), 65%, 65%, .5);width:0%;transition:width 1.1s cubic-bezier(.05,.9,.25,1)}@keyframes foreignerFlicker{0%,to{opacity:.45}12%{opacity:.07}28%{opacity:.55}55%{opacity:.04}73%{opacity:.5}89%{opacity:.1}}#summon-overlay.foreigner .summon-circle-outer{border-style:dashed;animation:6s linear infinite rotateCircle,3s infinite foreignerFlicker}#summon-overlay.foreigner .summon-circle-inner{border-style:dashed;animation:4s linear infinite reverse rotateCircle,2.1s .8s infinite foreignerFlicker}#summon-overlay.foreigner .summon-bar-wrap{animation:.9s infinite foreignerFlicker}@keyframes beastCrackle{0%,to{opacity:.45;border-color:#b8142266;box-shadow:0 0 15px #aa091626}20%{opacity:1;border-color:#ff4c5b;box-shadow:0 0 70px #f91f31e6}45%{box-shadow:none;opacity:.28;border-color:#aa18244d}72%{opacity:.95;border-color:#fb6a76f2;box-shadow:0 0 55px #f53d4dbf}}@keyframes beastQuake{0%,to{transform:translate(0)}20%{transform:translate(-3px,2px)}40%{transform:translate(4px,-3px)}60%{transform:translate(-2px,3px)}80%{transform:translate(3px,-2px)}}#summon-overlay.beast .summon-circle-outer{animation:.38s infinite beastCrackle}#summon-overlay.beast .summon-circle-inner{animation:.27s .1s infinite beastCrackle}#summon-overlay.beast #summon-text{animation:.35s infinite beastQuake}#summon-overlay.mooncancer:before{content:"";z-index:9999;pointer-events:none;background:radial-gradient(#3e0d4f99 0%,#1d042559 45%,#0000 72%);position:absolute;inset:0}@keyframes moonPulse{0%,to{opacity:.42;border-color:#b329e061;box-shadow:0 0 25px #8f14b82e}50%{opacity:.62;border-color:#d274f1a6;box-shadow:0 0 60px #bd2bee8c,inset 0 0 30px #6b0f8a1f}}@keyframes moonPulseInner{0%,to{opacity:.32;border-color:#8b2bab38}50%{opacity:.48;border-color:#bf4de66b}}#summon-overlay.mooncancer .summon-circle-outer{animation:2.6s ease-in-out infinite moonPulse}#summon-overlay.mooncancer .summon-circle-inner{animation:1.9s ease-in-out .5s infinite moonPulseInner}@keyframes alterFlicker{0%,to{opacity:.55}8%{opacity:.03;filter:brightness(.15)}22%{opacity:.9;filter:brightness(1.5)}45%{opacity:.05;filter:brightness(.12)}65%{opacity:.72;filter:brightness(1.2)}80%{opacity:.04;filter:brightness(.18)}}@keyframes alterShift{0%,84%,to{transform:translate(0)}86%{transform:translate(-2px,1px)}88%{transform:translate(3px,-1px)}90%{transform:translate(-1px,2px)}92%{transform:translate(2px)}94%{transform:translateY(-2px)}}@keyframes alterGlow{0%,to{box-shadow:inset 0 0 80px #6e00002e}50%{box-shadow:inset 0 0 160px #b4000061}}#summon-overlay.alter{animation:2.4s ease-in-out infinite alterGlow}#summon-overlay.alter:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(#0000 30%,#3c000099 100%);position:absolute;inset:0}#summon-overlay.alter .summon-circle-outer{border-color:#990a1694;animation:9s linear infinite rotateCircle,1.9s infinite alterFlicker}#summon-overlay.alter .summon-circle-inner{border-color:#6016106b;animation:5.5s linear infinite reverse rotateCircle,1.3s .25s infinite alterFlicker}#summon-overlay.alter .summon-bar-wrap{animation:.7s infinite alterFlicker}#summon-overlay.alter #summon-text{animation:1.4s infinite alterShift}#summon-overlay.alter .summon-line{color:#c86e6eb8}#summon-overlay.alter .summon-line-ko{color:#e19696e0}@keyframes divineBreath{0%,to{opacity:.3;transform:rotate(0)scale(1)}50%{opacity:.72;transform:rotate(180deg)scale(1.05)}}@keyframes divineInnerPulse{0%,to{opacity:.18;transform:rotate(0)scale(.96)}50%{opacity:.55;transform:rotate(-180deg)scale(1.01)}}#summon-overlay.divine .summon-circle-outer{border-width:1.5px;animation:3.2s ease-in-out infinite divineBreath}#summon-overlay.divine .summon-circle-inner{border-width:1.5px;animation:4.5s ease-in-out .8s infinite divineInnerPulse}@keyframes berserkerTremor{0%,to{transform:translate(0)rotate(0)}12%{transform:translate(-3px,2px)rotate(-.5deg)}28%{transform:translate(4px,-3px)rotate(.6deg)}44%{transform:translate(-2px,1px)rotate(-.3deg)}60%{transform:translate(3px,-2px)rotate(.5deg)}76%{transform:translate(-4px,3px)rotate(-.4deg)}92%{transform:translate(2px,-1px)rotate(.2deg)}}@keyframes berserkerPulse{0%,to{opacity:.5;border-color:#c91d4880}35%{opacity:.9;border-color:#f43444bf}70%{opacity:.25;border-color:#8321414d}}#summon-overlay.berserker .summon-circle-outer{animation:4s linear infinite rotateCircle,.55s infinite berserkerPulse}#summon-overlay.berserker .summon-circle-inner{animation:2.8s linear infinite reverse rotateCircle,.42s .12s infinite berserkerPulse}#summon-overlay.berserker #summon-text{animation:.18s infinite berserkerTremor}@keyframes avengerEmber{0%,to{opacity:.4;filter:none}20%{opacity:.72;filter:brightness(1.35)hue-rotate(-6deg)}52%{opacity:.22;filter:brightness(.65)hue-rotate(9deg)}76%{opacity:.6;filter:brightness(1.1)}}#summon-overlay.avenger .summon-circle-outer{animation:5s linear infinite rotateCircle,1.7s infinite avengerEmber}#summon-overlay.avenger .summon-circle-inner{animation:3.4s linear infinite reverse rotateCircle,1.15s .45s infinite avengerEmber}@keyframes accidentalFlicker{0%,to{opacity:.5;border-color:#ada89f66}15%{opacity:.95;border-color:#dddad5bf}30%{opacity:.1;border-color:#7a756c33}55%{opacity:.7;border-color:#c4c1ba99}78%{opacity:.2;border-color:#7a756c40}}@keyframes accidentalJolt{0%,to{transform:translate(0)}10%{transform:translate(-5px,3px)}22%{transform:translate(6px,-4px)}38%{transform:translate(-3px,-2px)}53%{transform:translate(4px,5px)}70%{transform:translate(-6px,1px)}86%{transform:translate(2px,-3px)}}#summon-overlay.accidental .summon-circle-outer{border-style:dashed;animation:14s linear infinite reverse rotateCircle,.6s infinite accidentalFlicker}#summon-overlay.accidental .summon-circle-inner{border-style:dashed;animation:9s linear infinite rotateCircle,.45s .15s infinite accidentalFlicker}#summon-overlay.accidental #summon-text{animation:.5s infinite accidentalJolt}#summon-overlay.accidental .summon-line{color:#c8c6c099}#summon-overlay.accidental .summon-line-ko{color:#dcdad4d9}#summon-overlay.accidental .summon-line-class{color:#e1ded6e6;text-shadow:0 0 20px #c8c6be80,0 0 50px #c8c6be33}#summon-overlay.accidental .summon-bar-fill{background:linear-gradient(90deg,#aaa8a273,#e1ded6cc);box-shadow:0 0 8px #c8c6be66}.summon-jitter{animation:80ms 5 accidentalJolt}.white-flash{z-index:10001;background:#fff;animation:1.5s forwards flashAnim;position:fixed;inset:0}@keyframes flashAnim{0%{opacity:0}20%{opacity:1}to{opacity:0}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.glitch-effect{text-shadow:2px 0 #0ff,-2px 0 #f0f;animation:.3s cubic-bezier(.25,.46,.45,.94) infinite both glitch;color:var(--red2)!important}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-6px)}40%,60%{transform:translate(6px)}}#cutin-overlay{pointer-events:none;z-index:10005;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}#cutin-overlay.hidden{display:none}#cutin-banner{border-top:3px solid var(--red2);border-bottom:3px solid var(--red2);width:120%;height:150px;color:var(--red2);text-shadow:0 0 20px #e05050cc;white-space:nowrap;background:#000000d9;justify-content:center;align-items:center;font-family:Noto Serif KR,serif;font-size:40px;font-weight:900;display:flex;transform:rotate(-5deg)translate(-100%);box-shadow:0 0 50px #e0505080}.cutin-anim{animation:1.5s cubic-bezier(.1,.8,.3,1) forwards cutinSlide}@keyframes cutinSlide{0%{opacity:0;transform:rotate(-5deg)translate(-100%)}20%{opacity:1;transform:rotate(-5deg)translate(0)}80%{opacity:1;transform:rotate(-5deg)translate(5%)}to{opacity:0;transform:rotate(-5deg)translate(100%)}}#ambient-overlay{pointer-events:none;z-index:1;transition:background 2s;position:fixed;inset:0}.ambient-day{background:#1432640d}.ambient-evening{background:#c832001f}.ambient-night{background:#000a2840}.dialog-box{box-shadow:none;background:0 0;border:none;border-left:2px solid #a0aabf80;border-radius:0;align-self:flex-start;max-width:90%;margin:2px 0 2px 6px;padding:4px 0 4px 14px;position:relative}.dialog-box.ally{border-left-color:#3b82f6a6}.dialog-box.custom-faction{border-left-color:hsl(var(--speaker-hue), 55%, 48%)}.dialog-text{color:#ebe8e0;letter-spacing:.02em;font-family:inherit;font-size:14.5px;font-weight:400;line-height:1.75}.modal-close-btn{color:#a0aabf;cursor:pointer;background:0 0;border:none;font-size:20px;transition:color .2s;position:absolute;top:15px;right:15px}.modal-close-btn:hover{color:var(--red2)}details{overflow:hidden}details[open] summary~*{animation:.4s cubic-bezier(.2,.8,.2,1) forwards details-sweep}@keyframes details-sweep{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes csOverlayFade{0%{opacity:0}8%{opacity:1}75%{opacity:1}to{opacity:0}}.command-spell-overlay{pointer-events:none;z-index:10001;background:radial-gradient(70% 70%,#5a000acc 0%,#280005b8 45%,#000000eb 100%);justify-content:center;align-items:center;animation:2s ease-out forwards csOverlayFade;display:flex;position:fixed;inset:0}@keyframes csIconPop{0%{opacity:0;transform:scale(.65)rotate(-12deg)}12%{opacity:1;transform:scale(1.08)rotate(2deg)}22%{transform:scale(.97)rotate(0)}35%{transform:scale(1)}78%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.18)}}.command-spell-icon{width:440px;height:440px;animation:2s cubic-bezier(.25,.46,.45,.94) forwards csIconPop;overflow:visible}.cs-glow{fill:none;stroke:#ff505073;stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round}.cs-line{fill:none;stroke:#fff8f8;stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:2000;stroke-dashoffset:2000px;animation:.7s cubic-bezier(.4,0,.2,1) forwards csDrawLine}.cs-line-0{stroke:#fff;animation-delay:0s}.cs-line-1{stroke:#ffe8e8;animation-delay:.18s}.cs-line-2{stroke:#ffd0d0;animation-delay:.36s}@keyframes csDrawLine{0%{stroke-dashoffset:2000px;opacity:.3}8%{opacity:1}to{stroke-dashoffset:0}}.cs-ring{fill:none}@keyframes csRing1{0%{transform-origin:150px 150px;transform:rotate(0)}to{transform-origin:150px 150px;transform:rotate(360deg)}}@keyframes csRing2{0%{transform-origin:150px 150px;transform:rotate(0)}to{transform-origin:150px 150px;transform:rotate(-360deg)}}.cs-ring-1{stroke:#ff64644d;stroke-width:1px;stroke-dasharray:10 16;animation:12s linear infinite csRing1}.cs-ring-2{stroke:#ffb4b42e;stroke-width:.8px;stroke-dasharray:6 10;animation:8s linear infinite csRing2}.cs-ring-3{stroke:#ff50501f;stroke-width:.6px;stroke-dasharray:3 7;animation:5s linear infinite csRing1}@keyframes csBgPulse{0%,to{opacity:.6;transform:scale(.946)}50%{opacity:1;transform:scale(1)}}.cs-bg-pulse{transform-origin:150px 150px;animation:1.5s ease-in-out infinite csBgPulse}.cs-center-dot{fill:#fff;filter:drop-shadow(0 0 4px #ff7878);animation:.1s forwards csDrawLine}.se-outline{fill:none;stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:2400;stroke-dashoffset:2400px;animation:1.3s cubic-bezier(.4,0,.2,1) forwards seOutlineDraw}.se-outline-0{stroke:#fff;animation-delay:0s}.se-outline-1{stroke:#ffdada;animation-delay:.6s}.se-outline-2{stroke:#ffbcbc;animation-delay:1.2s}@keyframes seOutlineDraw{0%{stroke-dashoffset:2400px;opacity:.2}6%{opacity:1}to{stroke-dashoffset:0;opacity:1}}.se-clip-circle{transform-origin:150px 150px;transform:scale(0)}.se-clip-circle-0{animation:2s cubic-bezier(.22,1,.36,1) 1.7s forwards seClipExpand}.se-clip-circle-1{animation:2s cubic-bezier(.22,1,.36,1) 2.3s forwards seClipExpand}.se-clip-circle-2{animation:2s cubic-bezier(.22,1,.36,1) 2.9s forwards seClipExpand}@keyframes seClipExpand{0%{transform:scale(0)}to{transform:scale(1)}}.se-fill{stroke:none;fill:#f23;animation:2.4s ease-out forwards seFillSettle}.se-fill-0{animation-delay:1.7s}.se-fill-1{animation-delay:2.3s}.se-fill-2{animation-delay:2.9s}@keyframes seFillSettle{0%{fill:#f23}35%{fill:#ff4d1a}to{fill:#4a0f14}}@keyframes screenShake{0%{transform:translate(1px,1px)rotate(0)}10%{transform:translate(-1px,-2px)rotate(-1deg)}20%{transform:translate(-3px)rotate(1deg)}30%{transform:translate(3px,2px)rotate(0)}40%{transform:translate(1px,-1px)rotate(1deg)}50%{transform:translate(-1px,2px)rotate(-1deg)}60%{transform:translate(-3px,1px)rotate(0)}70%{transform:translate(3px,1px)rotate(-1deg)}80%{transform:translate(-1px,-1px)rotate(1deg)}90%{transform:translate(1px,2px)rotate(0)}to{transform:translate(1px,-2px)rotate(-1deg)}}.shake-effect{animation:.4s ease-in-out screenShake}@keyframes damageFlash{0%{box-shadow:inset 0 0 #f000}20%{box-shadow:inset 0 0 100px #f00c}to{box-shadow:inset 0 0 #f000}}.damage-flash-overlay{pointer-events:none;z-index:10000;animation:.5s ease-out forwards damageFlash;position:fixed;inset:0}.floating-dmg{color:#f56;text-shadow:0 0 6px #ff1e2ecc,0 1px 2px #000c;pointer-events:none;z-index:10000;font-family:Cinzel,serif;font-size:15px;font-weight:800;animation:1s ease-out forwards floatDmgUp;position:fixed;transform:translate(-50%)}.floating-dmg.heal{color:#3cb88e;text-shadow:0 0 6px #3cb88ecc,0 1px 2px #000c}@keyframes floatDmgUp{0%{opacity:0;transform:translate(-50%,6px)scale(.85)}15%{opacity:1;transform:translate(-50%,-4px)scale(1.05)}to{opacity:0;transform:translate(-50%,-34px)scale(1)}}#time-transition-overlay{z-index:20000;color:#fff;letter-spacing:4px;opacity:0;pointer-events:none;background:#000;justify-content:center;align-items:center;font-size:32px;font-weight:700;transition:opacity .5s ease-in-out;display:flex;position:fixed;inset:0}#time-transition-overlay.active{opacity:1;pointer-events:auto}.time-text-pop{animation:2.5s ease-out forwards timeTextPop}@keyframes timeTextPop{0%{opacity:0;transform:scale(.8)}20%{opacity:1;filter:drop-shadow(0 0 15px #fffc);transform:scale(1)}80%{opacity:1;filter:drop-shadow(0 0 10px #ffffff80);transform:scale(1.05)}to{opacity:0;transform:scale(1.1)}}.glitch-text{text-shadow:2px 0 #0ff,-2px 0 #f0f;animation:.3s infinite glitch-anim;color:var(--red2)!important}.glitch-text .dialog-text{font-weight:700}@keyframes glitch-anim{0%{transform:translate(0)}20%{transform:translate(-2px,1px)}40%{transform:translate(-1px,-1px)}60%{transform:translate(2px,1px)}80%{transform:translate(1px,-1px)}to{transform:translate(0)}}#settings-backdrop{z-index:9999;background:0 0;display:none;position:fixed;inset:0}#settings-backdrop.active{display:block}#settings-btn{z-index:9000;cursor:pointer;filter:grayscale();font-size:24px;transition:filter .2s,transform .2s;display:none;position:fixed;top:15px;right:15px}#settings-btn:hover{filter:grayscale(0);transform:rotate(90deg)}#settings-modal{z-index:10000;background:#0a0a0ef7;border:1px solid #c9a84c33;border-radius:8px;flex-direction:column;gap:15px;width:300px;padding:20px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 30px #000000e6,0 0 0 1px #c9a84c14}.settings-row{color:#ccc;justify-content:space-between;align-items:center;font-size:13px;display:flex}.settings-select{color:#fff;background:#00000080;border:1px solid #ffffff4d;border-radius:4px;outline:none;padding:4px}.settings-close{color:var(--accent);cursor:pointer;letter-spacing:.05em;background:#c9a84c26;border:1px solid #c9a84c66;border-radius:4px;margin-top:10px;padding:8px;font-weight:700}.settings-close:hover{border-color:var(--accent);background:#c9a84c4d}#low-hp-vignette{pointer-events:none;z-index:9999;animation:1.5s infinite heartbeat;position:fixed;inset:0;box-shadow:inset 0 0 150px #ff00004d}@keyframes heartbeat{0%{box-shadow:inset 0 0 50px #f003}15%{box-shadow:inset 0 0 150px #ff000080}30%{box-shadow:inset 0 0 50px #f003}45%{box-shadow:inset 0 0 100px #f006}to{box-shadow:inset 0 0 50px #f003}}#concealment-vignette{pointer-events:none;z-index:9998;box-shadow:inset 0 0 180px rgba(122,58,171, var(--conceal-alpha,0));animation:concealPulse var(--conceal-speed,4s) ease-in-out infinite;transition:box-shadow .6s;position:fixed;inset:0}@keyframes concealPulse{0%,to{opacity:.6}50%{opacity:1}}.np-cutin-overlay{z-index:100000;opacity:0;pointer-events:none;background:#000000f2;justify-content:center;align-items:center;width:100vw;height:100dvh;transition:opacity .3s;display:flex;position:fixed;top:0;left:0;overflow:hidden}.np-cutin-overlay.active{opacity:1}.np-cutin-overlay.fade-out{opacity:0;transition:opacity .8s}.np-cutin-slash{transform-origin:0;background:#ff2a2a;width:140%;height:4px;position:absolute;top:50%;left:-20%;transform:translateY(-50%)rotate(-10deg)scaleX(0);box-shadow:0 0 30px #ff2a2a,0 0 60px red}.np-cutin-overlay.active .np-cutin-slash{animation:.4s cubic-bezier(.1,.9,.2,1) forwards npSlashAnim}@keyframes npSlashAnim{0%{opacity:1;transform:translateY(-50%)rotate(-10deg)scaleX(0)scaleY(1)}50%{opacity:1;transform:translateY(-50%)rotate(-10deg)scaleX(1)scaleY(5)}to{opacity:0;transform:translateY(-50%)rotate(-10deg)scaleX(1)scaleY(.5)}}.np-cutin-content{z-index:2;text-align:center;opacity:0;filter:blur(10px);position:relative;transform:scale(1.5)}.np-cutin-overlay.active .np-cutin-content{animation:2s cubic-bezier(.1,.9,.2,1) .2s forwards npTextReveal}@keyframes npTextReveal{0%{opacity:0;filter:blur(10px);letter-spacing:-5px;transform:scale(1.5)}20%{opacity:1;filter:blur();letter-spacing:5px;transform:scale(1)}to{opacity:1;filter:blur();letter-spacing:8px;transform:scale(1.05)}}.np-cutin-class{color:#ff2a2a;text-shadow:0 0 15px #ff2a2acc;letter-spacing:15px;margin-bottom:10px;font-family:Cinzel,serif;font-size:2.5rem}.np-cutin-name{color:#fff;text-shadow:0 0 20px #fffc,0 0 40px #f00c;white-space:nowrap;font-family:Noto Serif KR,serif;font-size:5rem;font-weight:900}.seal-path{transition:all .5s ease-in-out}.seal-active{fill:#4a0f14;stroke:#3a0a0c;stroke-width:1.2px;opacity:.9;animation:4s ease-in-out infinite sealIdleSmolder}@keyframes sealIdleSmolder{0%,to{opacity:.85}50%{opacity:1}}.seal-used{fill:#1a1a1a;stroke:#333;stroke-width:1px;opacity:.3}.seal-burning{animation:2.6s ease-out sealBurnOut}@keyframes sealBurnOut{0%{fill:#4a0f14;stroke:#3a0a0c;opacity:.9;filter:none}8%{fill:#ff1e2e;stroke:#f56;opacity:1;filter:drop-shadow(0 0 22px #ff1e2e)}30%{fill:#ff6a1e;stroke:#f30;opacity:1;filter:drop-shadow(0 0 16px #ff5000e6)}75%{fill:#4a0a05;stroke:#6b1505;opacity:.8;filter:drop-shadow(0 0 6px #780a00b3)}to{fill:#1a1a1a;stroke:#333;opacity:.3;filter:none}}.soul-absorb-overlay{z-index:100000;opacity:0;pointer-events:none;background:radial-gradient(circle,#96000099 0%,#000000f2 80%);flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100dvh;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.soul-absorb-overlay.active{opacity:1}.soul-absorb-overlay.fade-out{opacity:0;transition:opacity 1s}.soul-absorb-text{color:red;text-shadow:0 0 20px red,0 0 40px #8b0000;letter-spacing:5px;margin-bottom:20px;font-family:Noto Serif KR,serif;font-size:4rem;font-weight:900;animation:3s cubic-bezier(.1,.9,.2,1) forwards soulTextReveal;transform:scale(1.5)}@keyframes soulTextReveal{0%{filter:blur(10px);transform:scale(1.5)}20%{filter:blur();transform:scale(1)}to{filter:blur();transform:scale(1.05)}}.soul-absorb-count{color:#fff;text-shadow:0 0 10px #fffc;letter-spacing:3px;opacity:0;font-family:Cinzel,serif;font-size:2rem;animation:1s 1s forwards fadeIn}body.endgame-red:after{content:"";mix-blend-mode:color-burn;pointer-events:none;z-index:1;background:#64000040;width:100vw;height:100dvh;animation:4s infinite alternate endgamePulse;position:fixed;top:0;left:0}@keyframes endgamePulse{0%{background:#64000026}to{background:#96000059}}body.endgame-red #sidebar{border-right:1px solid var(--red);box-shadow:inset 0 0 30px #f003}.sidebar-tabs{border-bottom:1px solid #ffffff1a;margin-bottom:15px;display:flex}.sidebar-tab{color:var(--muted);cursor:pointer;letter-spacing:.04em;text-align:center;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px;font-family:Outfit,Noto Sans KR,sans-serif;font-size:13px;font-weight:600;transition:all .2s}.sidebar-tab:hover{color:#fff;background:#ffffff0d}.sidebar-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.sidebar-tab-content{animation:.3s fadeIn;display:none}.sidebar-tab-content.active{display:block}#tarot-board-btn{z-index:9000;cursor:pointer;filter:grayscale();font-size:24px;transition:filter .2s,transform .2s;display:none;position:fixed;top:15px;right:55px}#tarot-board-btn:hover{filter:grayscale(0);transform:scale(1.1)}#tarot-board-modal{z-index:20000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a0a0ff2;flex-direction:column;align-items:center;padding:40px 20px;display:flex;position:fixed;inset:0;overflow-y:auto}.tarot-board-container{background:#0a0a0ef7;border:1px solid #c9a84c80;border-radius:8px;gap:20px;width:100%;max-width:1600px;padding:20px;display:flex;position:relative}.tarot-board-container .modal-close-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;font-size:24px;position:absolute;top:-30px;right:0}.tarot-cards-section{flex:1;min-width:400px}.tarot-map-section{border-left:1px solid #ffffff1a;flex:1.5;padding-left:20px;position:relative}.tarot-header{text-align:center;color:#fff;margin-bottom:30px}.tarot-header h2{color:var(--accent);text-shadow:0 0 15px var(--accent);margin-bottom:8px;font-family:Cinzel,serif;font-size:28px}.tarot-header p{color:var(--muted);font-size:12px}.tarot-grid{grid-template-columns:repeat(3,1fr);gap:16px;width:100%;display:grid}.tarot-card{aspect-ratio:9/16;perspective:1000px;cursor:pointer;width:100%;max-height:260px}.tarot-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s;position:relative}.tarot-card.flipped .tarot-inner{transform:rotateY(180deg)}.tarot-front,.tarot-back{backface-visibility:hidden;text-align:center;border:2px solid #c9a84c4d;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:absolute;box-shadow:0 0 20px #000c}.tarot-back{color:var(--muted);background:repeating-linear-gradient(45deg,#0000,#0000 10px,#c9a84c0d 10px 20px)}.tarot-front{color:#fff;border-color:var(--accent);background:linear-gradient(#1e0a0ae6 0%,#0a0a14f2 100%);transform:rotateY(180deg);box-shadow:0 0 15px #c9a84c66}.tarot-class{color:var(--red2);margin-bottom:15px;font-family:Cinzel,serif;font-size:14px}#chat-area:after{content:"";pointer-events:none;z-index:-1;opacity:.05;background-position:right 5% bottom 10%;background-repeat:no-repeat;background-size:contain;background-image:var(--watermark-url,none);transition:background-image 1s;position:absolute;inset:0}#llm-loading-overlay{bottom:72px;left:calc(var(--sidebar-w) / 2 + 50%);z-index:5000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;background:#06060aeb;border:1px solid #c9a84c59;border-radius:3px;align-items:center;gap:10px;padding:7px 16px 7px 12px;transition:opacity .25s;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 0 0 1px #c9a84c1a,0 4px 24px #0009,0 0 20px #c9a84c1f}#llm-loading-overlay.active{opacity:1}.llm-spinner{border:1.5px solid #c9a84c33;border-top-color:#c9a84c;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.9s linear infinite spin}.llm-loading-text{color:#c9a84cd9;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;font-family:Cinzel,serif;font-size:11px}.sleek-map-node{pointer-events:auto;z-index:3;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;transform:translate(-50%,-50%)}.sleek-map-node:before{content:"";background:#0f141ef2;border:1px solid #c9a84c99;width:14px;height:14px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:absolute;transform:rotate(45deg);box-shadow:0 0 10px #000c}.sleek-map-node:hover:before{background:#c9a84c4d;border-color:#c9a84c;transform:rotate(45deg)scale(1.3);box-shadow:0 0 15px #c9a84c99}.sleek-map-node.connected:before{border-color:#5af;box-shadow:0 0 12px #5af9}.sleek-map-node.current-location:before{background:#c9a84c33;border:2px solid #c9a84c;width:18px;height:18px;animation:2s infinite alternate pulseGoldDiamond;box-shadow:0 0 20px #c9a84ccc,inset 0 0 10px #c9a84c80}@keyframes pulseGoldDiamond{0%{box-shadow:0 0 10px #c9a84c80,inset 0 0 5px #c9a84c4d}to{box-shadow:0 0 25px #c9a84c,inset 0 0 15px #c9a84ccc}}.sleek-map-label{color:#e2e8f0;text-shadow:0 2px 4px #000,0 0 2px #000;white-space:nowrap;pointer-events:none;z-index:4;font-family:Noto Sans KR,sans-serif;font-size:13px;font-weight:700;transition:all .3s;position:absolute;top:25px;left:50%;transform:translate(-50%)}.sleek-map-node.current-location .sleek-map-label{color:#fd8;text-shadow:0 2px 5px #000,0 0 8px #c9a84ccc;font-size:14px;top:28px}.war-news-section{border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#0000004d;border:1px solid #ffffff0d;border-left:2px solid #c9a84c26;margin:6px 0;padding:8px 10px}.war-news-header{color:var(--muted);letter-spacing:1px;text-transform:uppercase;margin-bottom:4px;font-family:Cinzel,serif;font-size:9px;font-weight:700}.war-news-list{flex-direction:column;gap:3px;display:flex}.war-news-item{color:#8795ad;padding:2px 0;font-size:11px;line-height:1.4}.war-news-time{color:#c9a84c;margin-right:4px;font-weight:600}.war-news-clash{color:#ef8888}.war-news-movement{color:#8795ad}.servant-personality-card{background:#ffffff0a;border-left:2px solid #c9a84c66;border-radius:3px;flex-direction:column;gap:3px;margin:6px 0 8px;padding:6px 10px;display:flex}.personality-snippet{color:#b0b8c8;font-size:11px;font-style:italic;line-height:1.5}.command-buttons{background:#0003;border-top:1px solid #ffffff0f;flex-wrap:wrap;flex-shrink:0;gap:5px;padding:6px 8px;display:flex;position:relative}.quick-action-btn{color:#c8cdd8;cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:4px;padding:5px 10px;font-family:inherit;font-size:12px;transition:all .15s}.quick-action-btn:hover{color:#e8e6e0;background:#c9a84c26;border-color:#c9a84c66}.combat-auto-btn{color:#e8c8c0;background:#c0392b1f;border-color:#c0392b59;padding:6px 16px;font-weight:500}.combat-auto-btn:hover{color:#fff0ee;background:#c0392b47;border-color:#c0392bb3}.recon-btn{color:#b0c8e0;background:#34659426;border-color:#34659459}.recon-btn:hover{color:#d4e8f8;background:#3465944d;border-color:#34659499}.recon-picker{z-index:200;background:#1a1e2a;border:1px solid #34659480;border-radius:6px;flex-direction:column;gap:2px;min-width:140px;padding:4px;display:flex;position:absolute;bottom:calc(100% + 6px);left:0;box-shadow:0 4px 16px #00000080}.recon-picker-item{color:#c8d4e8;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:5px 10px;font-family:inherit;font-size:12px;transition:background .12s}.recon-picker-item:hover{color:#e0eeff;background:#3465944d}.elimination-overlay{z-index:9000;pointer-events:none;background:0 0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.elimination-overlay.active{animation:3.2s forwards elimFadeInOut}@keyframes elimFadeInOut{0%{opacity:0}10%{opacity:1}80%{opacity:1}to{opacity:0}}.elimination-box{text-align:center;border:1px solid var(--red2);background:#0a0a0fe6;border-radius:6px;padding:24px 48px;box-shadow:0 0 40px #e0505066}.elimination-label{letter-spacing:4px;color:var(--red2);opacity:.8;margin-bottom:8px;font-family:Cinzel,serif;font-size:11px}.elimination-msg{color:#f8fafc;margin-bottom:6px;font-size:18px}.elimination-count{color:#c9a84c;letter-spacing:1px;font-size:13px}.llm-spinner-ring{border:3px solid #c9a84c26;border-top-color:var(--accent,#c9a84c);border-radius:50%;flex-shrink:0;width:32px;height:32px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.tarot-back-icon{color:#c9a84c;margin-bottom:8px;font-size:24px}.tarot-back-hint{color:#8795ad;font-size:11px;font-style:italic;line-height:1.5}.tarot-location-badge{color:#6ee7b7;background:#6ee7b71a;border:1px solid #6ee7b740;border-radius:3px;margin:4px 0 8px;padding:2px 6px;font-size:11px;display:inline-block}.tarot-ally-badge{color:#93c5fd;background:#3b82f633;border:1px solid #3b82f666;border-radius:3px;margin-bottom:6px;padding:1px 6px;font-size:10px;display:inline-block}.tarot-servant-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin:4px 0 6px;font-size:16px;font-weight:600;overflow:hidden}.tarot-unknown .tarot-back{opacity:.4}.tarot-unknown{cursor:default}.tarot-name{color:#c9a84c;white-space:nowrap;text-overflow:ellipsis;border-top:1px solid #ffffff26;max-width:100%;margin-top:6px;padding-top:8px;font-size:13px;overflow:hidden}.enemy-map-marker{background:hsl(var(--enemy-hue,0), 70%, 55%);z-index:10;cursor:help;width:14px;height:14px;box-shadow:0 0 6px hsla(var(--enemy-hue,0), 70%, 55%, .8);border:2px solid #fff9;border-radius:50%;animation:2s ease-in-out infinite markerPulse;position:absolute;transform:translate(-50%,-50%)}.enemy-map-marker.allied-marker{background:#3c8cdd;border-color:#93c5fd}@keyframes markerPulse{0%,to{opacity:1;transform:translate(-50%,-50%)scale(1)}50%{opacity:.7;transform:translate(-50%,-50%)scale(1.25)}}#critical-stars-row .stat-label{cursor:help;color:#fbbf24;text-shadow:0 0 6px #fbbf2466}#critical-stars-row .stat-val{color:#fbbf24;font-weight:700}#main:not(.hidden)~#tarot-board-btn,#main:not(.hidden)~#settings-btn{display:block}#send-btn{letter-spacing:1px;white-space:nowrap;align-self:stretch;margin-top:0;padding:10px 18px;font-size:14px}.speaker-label{letter-spacing:.12em;text-transform:uppercase;opacity:.7;margin-bottom:4px;font-family:Cinzel,serif;font-size:9.5px;font-weight:700}.dialog-box.ally .speaker-label{color:#7ab4f5}.dialog-box.custom-faction .speaker-label{color:hsl(var(--speaker-hue,40), 60%, 65%)}@media (width<=960px){:root{--sidebar-w:220px}.fate-title{font-size:4rem}}@media (width<=720px){:root{--sidebar-w:180px}#sidebar{padding:10px 8px;font-size:12px}.stat-label{width:22px}.stat-val{width:44px}#messages{gap:14px;padding:16px 18px}.msg.user{max-width:90%}.narration-box{padding:12px 16px;font-size:14px}}@media (width<=540px){#chat-area{width:100vw}#llm-loading-overlay{bottom:80px;transform:translate(-50%);left:50%!important}#input-area{gap:8px;padding:10px 12px}#send-btn{padding:10px 14px;font-size:13px}#messages{gap:12px;padding:12px 14px;font-size:14px}.msg.user{max-width:95%;font-size:13px}.narration-box{padding:10px 14px;font-size:13px}.command-spell-icon{width:260px;height:260px}.gameover-box{padding:36px 28px}.gameover-title{font-size:20px}}.mobile-tabs{border-bottom:1px solid #ffffff1a;justify-content:center;gap:10px;margin-bottom:20px;padding-bottom:10px;display:none}.mobile-tab-btn{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:20px;padding:8px 20px;font-family:Cinzel,serif;font-size:14px;transition:all .2s}.mobile-tab-btn.active{border-color:var(--accent);color:var(--accent);background:#c9a84c1a;box-shadow:0 0 10px #c9a84c33}@media (width<=960px){.mobile-tabs{display:flex}.tarot-board-container{flex-direction:column;padding:20px 10px}.tarot-board-container.mobile-tab-STATUS .tarot-map-section,.tarot-board-container.mobile-tab-MAP .tarot-cards-section{display:none}.tarot-map-section{border-left:none;padding-left:0}.tarot-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:16px;padding-bottom:20px;display:flex;overflow-x:auto}.tarot-grid::-webkit-scrollbar{display:none}.tarot-card{scroll-snap-align:center;flex:0 0 80%;max-width:260px}}.mobile-play-header{background:var(--surface-bg);z-index:50;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;height:50px;padding:10px 16px;display:none;position:absolute;top:0;left:0;right:0;box-shadow:0 2px 10px #0000004d}.mobile-menu-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:24px}.mobile-quick-stats{gap:12px;font-family:Cinzel,serif;font-size:14px;display:flex}.mq-label{color:var(--muted);margin-right:4px;font-size:10px}.servant-stat{color:var(--class-accent,#fff)}.sidebar-wrapper{z-index:10000;position:relative}.mobile-sidebar-close{display:none}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9999;opacity:0;pointer-events:none;background:#0009;transition:opacity .3s;display:none;position:fixed;inset:0}@media (width<=720px){.mobile-play-header{display:flex}#chat-area{width:100vw;height:calc(100vh - 50px);top:50px}.sidebar-wrapper{transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar-wrapper.open{transform:translate(0)}#sidebar{border-right:1px solid var(--accent);background:#0a0a0cf2;width:280px;height:100%;box-shadow:2px 0 20px #000c}.mobile-sidebar-close{color:#fff;cursor:pointer;background:#0009;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex;position:absolute;top:10px;right:-40px}.sidebar-wrapper:not(.open) .mobile-sidebar-close{display:none!important}.sidebar-overlay.open{opacity:1;pointer-events:auto;display:block}}@media (width<=960px){.split-left{display:none!important}.split-right{width:100vw;max-width:100%!important}.setup-box{padding:24px 20px!important}.form-row{flex-direction:column!important;gap:16px!important}.spell-item,.quick-action-btn,.sidebar-tab-btn,.tier-btn,.relic-card{min-height:44px}#command-buttons{justify-content:flex-end;flex-wrap:wrap!important}}@media (width<=720px){#seal-icons svg{width:80px!important;height:80px!important}.sd-block>div[style*="display: flex"]{flex-direction:column;gap:16px;align-items:center!important}.sd-block>div[style*="display: grid"]{text-align:center;width:100%;grid-template-columns:1fr 1fr!important}#settings-btn{top:auto!important;bottom:90px!important;right:15px!important}#tarot-board-btn{top:auto!important;bottom:90px!important;right:55px!important}.summon-text{text-align:center;padding:0 10px;font-size:2.5rem!important}.np-cutin-name{text-align:center;font-size:2.5rem!important}.np-cutin-chant{text-align:center;font-size:1.1rem!important}.gameover-title,.fate-title{font-size:3rem!important}.modal-content{width:95vw!important;max-width:95vw!important;padding:16px 20px!important}}@media (width<=540px){.relic-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))!important;gap:8px!important;display:grid!important}}.typing-container{display:inline-block;position:relative}.typing-cursor{vertical-align:text-bottom;background-color:#e2b86b;width:8px;height:1.2em;margin-left:4px;animation:.8s step-end infinite blink;display:inline-block}.screen-shake{animation:.5s cubic-bezier(.36,.07,.19,.97) both screenShake}.markdown-content p{margin:0;padding:0}.markdown-content strong{color:#ffb300}:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:.9;--rt-transition-show-delay:.15s;--rt-transition-closing-delay:.15s;--rt-arrow-size:8px}.core-styles-module_tooltip__3vRRp{opacity:0;pointer-events:none;position:absolute;top:0;left:0}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{backface-visibility:hidden;background:inherit;z-index:-1;position:absolute}.core-styles-module_content__BRKdB{z-index:1;position:relative}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:var(--rt-opacity);transition:opacity var(--rt-transition-show-delay) ease-out;will-change:opacity}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity var(--rt-transition-closing-delay) ease-in;will-change:opacity}.styles-module_tooltip__mnnfp{border-radius:3px;width:max-content;font-size:90%}.styles-module_content__ydYdI{background:inherit;border-radius:inherit;padding:8px 16px}.styles-module_arrow__K0L3T{height:var(--rt-arrow-size);width:var(--rt-arrow-size)}[class*=react-tooltip__place-top]>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*=react-tooltip__place-right]>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*=react-tooltip__place-bottom]>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*=react-tooltip__place-left]>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:var(--rt-color-dark);color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:var(--rt-color-white);color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:var(--rt-color-success);color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:var(--rt-color-warning);color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:var(--rt-color-error);color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:var(--rt-color-info);color:var(--rt-color-white)}.command-spell-overlay{z-index:10000;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.command-spell-aura{pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.command-spell-aura svg{fill:none;stroke:#ff000080;stroke-width:8px;filter:blur(15px);width:400px;height:400px}.command-spell-main{z-index:2;position:relative}.command-spell-main svg{fill:#dc1414e6;stroke:#ff2a2a;stroke-width:4px;filter:drop-shadow(0 0 20px red);width:300px;height:300px}.login-overlay{z-index:10000;background:#000;justify-content:center;align-items:center;font-family:Pretendard,sans-serif;display:flex;position:fixed;inset:0}.login-background{opacity:.8;background:radial-gradient(circle,#1a0b1c 0%,#000 100%);position:absolute;inset:0}.login-background:after{content:"";background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 4 4\"><circle cx=\"2\" cy=\"2\" r=\"1\" fill=\"rgba(255,255,255,0.05)\"/></svg>");background-size:8px 8px;position:absolute;inset:0}.login-panel{-webkit-backdrop-filter:blur(12px);z-index:1;background:#1e142366;border:1px solid #ffd70033;border-radius:16px;flex-direction:column;gap:2rem;width:100%;max-width:400px;padding:2.5rem;display:flex;position:relative;box-shadow:0 20px 40px #00000080,inset 0 0 0 1px #ffffff0d}.login-header{text-align:center;flex-direction:column;align-items:center;gap:.75rem;display:flex}.login-icon-container{background:#ffd7001a;border:1px solid #ffd70033;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:.5rem;display:flex;box-shadow:0 0 20px #ffd7001a}.login-title{color:#fff;letter-spacing:.1em;text-shadow:0 2px 10px #00000080;margin:0;font-size:1.75rem;font-weight:700}.login-subtitle{color:#a1a1aa;margin:0;font-size:.875rem}.login-form{flex-direction:column;gap:1rem;display:flex}.login-error{color:#fca5a5;background:#ef44441a;border-left:4px solid #ef4444;border-radius:4px;padding:.75rem;font-size:.875rem}.login-input-group{align-items:center;display:flex;position:relative}.input-icon{color:#71717a;pointer-events:none;transition:color .3s;position:absolute;left:1rem}.login-input-group input{color:#fff;background:#0006;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100%;padding:.875rem 1rem .875rem 2.75rem;font-size:.95rem;transition:all .3s;box-shadow:inset 0 2px 4px #0003}.login-input-group input:focus{background:#0009;border-color:#ffd70080;box-shadow:0 0 0 2px #ffd7001a}.login-input-group input:focus+.input-icon,.login-input-group input:not(:placeholder-shown)+.input-icon{color:#facc15}.login-submit-btn{color:#000;cursor:pointer;background:linear-gradient(135deg,#b8860b 0%,#daa520 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;padding:.875rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #daa5204d}.login-submit-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 16px #daa52066}.login-submit-btn:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px 8px #daa5204d}.login-submit-btn:disabled{opacity:.7;cursor:not-allowed}