:root{color-scheme:dark;--ink:#f5edda;--muted:#c4bbad;--night:#10172b;--card:#252f49;--line:#7684ae70;--gold:#e6cb8b;--blue:#93cbff;--r:#d1d8e2;--sr:#f6d27b;--ssr1:#a4ddff;--ssr2:#efb6de;--ssr3:#ffecae}
*{box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;margin:0;padding:0}body{font-family:system-ui,-apple-system,"Malgun Gothic",sans-serif;background:#0f1527;color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}.hidden{display:none!important}#game-page{height:100dvh;width:100vw;display:flex;flex-direction:column;overflow:hidden;background:#111a30;isolation:isolate}#masthead{height:44px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:linear-gradient(90deg,#1e2845,#202b44,#1b2640);border-bottom:1px solid #b4c4f13a;z-index:35;gap:14px}.mastleft,.mast-right{display:flex;align-items:center;gap:13px}.minimal-button{background:transparent;border:1px solid #778ab052;color:#e9e2e3;border-radius:6px;padding:4px 9px;font-size:17px}.wordmark{font-weight:900;letter-spacing:2px;font-size:13px;color:#f6d5e7}.wordmark b{color:#cfe0ff}#stage-title{font-size:12px;color:#e6ddcc;font-weight:800;letter-spacing:1px}#clock{font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:1px;color:#e3d8ad}.demo-tag{font-size:9px;font-weight:900;color:#c8b3e1;letter-spacing:1px}.update-hint{background:#414e7b;border:1px solid #a9bbdf70;border-radius:7px;color:#fff;padding:5px 8px;font-size:10px}.main-menu{position:absolute;left:12px;top:46px;width:202px;z-index:65;background:#1b2540;box-shadow:0 15px 50px #070e1c9c;border:1px solid #8ca4cc5c;border-radius:9px;padding:8px}.main-menu button,.admin-link{display:block;background:transparent;border:0;width:100%;color:#f2e9dc;text-align:left;padding:12px 12px;font-size:13px;border-radius:6px;text-decoration:none}.main-menu button:hover,.main-menu a:hover{background:#354364}
#arena{position:relative;flex:1;min-height:0;overflow:hidden;background:#27384c;z-index:1}.world-bg{position:absolute;inset:0;background:linear-gradient(180deg,#31496c 0%,#4e5e76 42%,#5a5263 69%,#384251 100%);overflow:hidden;filter:saturate(.92)}.sky-stars{position:absolute;inset:0 0 35%;background-image:radial-gradient(circle,#fff8d65e 1px,transparent 2px),radial-gradient(circle,#e5eaff48 2px,transparent 3px);background-size:63px 73px,113px 101px;background-position:0 0,28px 14px}.far-trees{position:absolute;bottom:23%;left:-3%;right:-3%;height:38%;opacity:.62;background:linear-gradient(135deg,transparent 38%,#293c52 38% 58%,transparent 58%) 0 100%/85px 140px repeat-x,linear-gradient(45deg,transparent 38%,#273c54 38% 58%,transparent 58%) 40px 100%/85px 140px repeat-x}.near-trees{position:absolute;bottom:16%;left:0;right:0;height:14%;background:linear-gradient(180deg,transparent,#2a3546ad)}.floor{position:absolute;bottom:0;left:0;right:0;height:24%;background:repeating-linear-gradient(92deg,#263848,#263848 34px,#253244 35px,#233144 63px);border-top:5px solid #899583;box-shadow:0 -4px 0 #3b4e50,inset 0 17px 30px #1b2b3a}
#arena-shake{position:absolute;inset:0;z-index:5;pointer-events:none}#arena-shake>*{pointer-events:auto}#arena-shake.shaking{animation:arena-shake .3s steps(4) 1}@keyframes arena-shake{0%,100%{transform:translate(0,0)}25%{transform:translate(7px,-3px)}50%{transform:translate(-7px,3px)}75%{transform:translate(5px,1px)}}.red-overlay{position:absolute;inset:0;background:#ee2946;opacity:0;z-index:8;pointer-events:none}.red-overlay.flash{animation:flash-red .35s linear 1}@keyframes flash-red{0%,100%{opacity:0}20%,65%{opacity:.35}}
.relics{position:absolute;top:13px;right:14px;width:min(355px,30%);display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;z-index:9;pointer-events:auto}.relic-icon{position:relative;border:2px solid var(--r);border-radius:6px;background:#17253d94;aspect-ratio:1;display:grid;place-items:center;font-size:20px;color:#ffead0;min-width:0;transition:opacity .15s,filter .15s}.relic-icon.SR{border-color:var(--sr)}.relic-icon.SSR{border-image:linear-gradient(135deg,var(--ssr1),var(--ssr2),var(--ssr3)) 1}.relic-icon.inactive{opacity:.38}.relic-icon.pulse{animation:relic-pulse .48s ease-out 1}@keyframes relic-pulse{0%{filter:brightness(1);transform:scale(1)}20%{filter:brightness(2.3);transform:scale(1.1);box-shadow:0 0 22px #ffe7a8}70%{filter:brightness(1.6)}100%{filter:brightness(1);transform:scale(1)}}.map-toggle{position:absolute;top:-2px;left:50%;transform:translateX(-50%);width:118px;height:39px;z-index:12;border:1px solid #b3bad266;border-top:0;border-radius:0 0 15px 15px;background:#27334fc9;color:#fff;font-size:25px;line-height:17px}.map-toggle small{display:block;font-size:9px;line-height:14px;color:#dedfe9;letter-spacing:.8px}.map-toggle:hover{background:#4c5680}
.actors{position:absolute;left:5%;right:3%;bottom:26px;height:75%;display:flex;align-items:flex-end;gap:2%;pointer-events:none}.actor-column{position:relative;flex:0 0 22%;height:100%;min-width:0}.enemy-actors{position:relative;display:flex;justify-content:space-around;align-items:flex-end;flex:1;height:100%;gap:.5%;min-width:0}.unit{position:relative;flex:1;max-width:22%;height:100%;min-width:0;pointer-events:auto}.player-column .unit{max-width:none;width:100%}.sprite-wrap{position:absolute;left:50%;transform:translateX(-50%);bottom:100px;display:flex;align-items:flex-end;justify-content:center;width:100%;height:calc(100% - 108px);pointer-events:none}.sprite-wrap img{image-rendering:pixelated;image-rendering:crisp-edges;height:min(100%,215px);max-width:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0px 7px 3px #0a152270)}.sprite-wrap .avatar-fallback{font-size:85px;line-height:1}.unit.selected .sprite-wrap{filter:drop-shadow(0 0 9px #e1ccffab)}.unit.lunge .sprite-wrap{animation:enemy-lunge .33s ease-out}@keyframes enemy-lunge{0%,100%{transform:translateX(-50%)}38%{transform:translateX(calc(-50% - 25px))}65%{transform:translateX(calc(-50% - 9px))}}.unit.enemy-hit .sprite-wrap{animation:enemy-jolt .3s steps(4)}@keyframes enemy-jolt{0%,100%{transform:translateX(-50%);filter:none}25%{transform:translateX(calc(-50% + 7px));filter:sepia(1) saturate(4) hue-rotate(-45deg)}50%{transform:translateX(calc(-50% - 7px));filter:sepia(1) saturate(5) hue-rotate(-45deg)}75%{transform:translateX(calc(-50% + 4px));filter:none}}.unit-info{position:absolute;bottom:0;left:0;width:100%;min-height:92px;display:flex;flex-direction:column;gap:3px;align-items:center;pointer-events:auto}.unit-name{font-size:11px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 3px #071322;font-weight:800}.hp-row{display:flex;align-items:center;gap:5px;justify-content:center;width:100%}.hp-track{width:min(124px,80%);min-width:60px;height:17px;background:#342735;border:1px solid #e3c1ad88;border-radius:4px;overflow:hidden;position:relative;box-shadow:inset 0 1px 5px #08090a}.hp-fill{height:100%;background:linear-gradient(#e66b73,#bb384e);transition:width .33s}.hp-value{position:absolute;inset:0;text-align:center;font-size:11px;line-height:15px;text-shadow:0 1px 2px #18090b;font-weight:900}.shield-val{display:flex;align-items:center;gap:2px;color:#afe5ff;font-size:13px;font-weight:950;min-width:29px}.intent-line{font-size:11px;height:19px;display:flex;align-items:center;gap:4px;justify-content:center;color:#f6e1c4}.target-pointer{font-weight:950;font-size:23px;line-height:18px;height:18px;color:#f4e39a;text-shadow:0 0 8px #fffadf}.target-pointer.hidden-pointer{opacity:0}.unit.enemy-unit{cursor:pointer}.unit.enemy-unit:hover .sprite-wrap{filter:drop-shadow(0 0 7px #f6dbb9a0)}.player-hud{position:absolute;bottom:10px;left:13px;background:#0d172cc9;border:1px solid #a7b6cf54;border-radius:8px;padding:7px 10px;z-index:12;min-width:185px;max-width:260px}.hud-main{display:flex;align-items:center;justify-content:space-between;font-size:12px;gap:10px}.hud-main b{color:#ffe1a4}.exp-line{display:flex;gap:8px;align-items:center;font-size:9px;color:#dee0e9;margin-top:6px}.exp-track{flex:1;position:relative;height:7px;background:#29334f;border-radius:5px;overflow:hidden}.exp-fill{height:100%;width:0;background:linear-gradient(90deg,#89b8f2,#f0cbfa);transition:width .55s ease-out}.money-roll{display:inline-block;animation:money-roll .35s ease-out}@keyframes money-roll{0%{transform:translateY(-9px);opacity:.3}65%{transform:translateY(3px)}100%{transform:translateY(0);opacity:1}}
.fx-layer{position:absolute;inset:0;z-index:16;pointer-events:none;overflow:hidden}.dmg-float{position:absolute;font-weight:950;font-size:26px;color:#fff1d3;letter-spacing:1px;text-shadow:2px 2px #611d28,-1px -1px #8d293c;animation:float-damage .75s ease-out forwards;white-space:nowrap}@keyframes float-damage{0%{opacity:0;transform:translate(0,1px) scale(.75)}22%{opacity:1;transform:translate(28px,-7px) scale(1.13)}100%{opacity:0;transform:translate(57px,29px) scale(.82)}}.magic-flash{position:absolute;width:70px;height:70px;border:4px solid var(--fxcolor,#efd6f9);box-shadow:0 0 18px var(--fxcolor,#f6e8ff);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);animation:magic-pop .45s ease-out forwards}@keyframes magic-pop{0%{opacity:.1;scale:.2}30%{opacity:1;scale:1.05}100%{opacity:0;scale:1.6}}.sprite-red{animation:sprite-blink .34s steps(3)}@keyframes sprite-blink{0%,100%{filter:inherit}25%,75%{filter:sepia(1) saturate(5) hue-rotate(-47deg) brightness(1.2)}}
.map-drawer{position:absolute;z-index:22;top:0;left:9%;width:82%;height:62%;background:linear-gradient(170deg,#1e2c44f7,#17223af7);border:1px solid #b0bad383;border-top:0;border-radius:0 0 18px 18px;box-shadow:0 24px 60px #090f1dbb;display:flex;flex-direction:column;padding:16px 17px 12px;animation:map-slide .24s ease-out}@keyframes map-slide{from{transform:translateY(-105%)}to{transform:translateY(0)}}.map-header{display:flex;align-items:center;justify-content:space-between;gap:6px}.map-header h2{margin:0;font-size:15px;color:#f9e8c7}.map-header button{background:#27374f;border:1px solid #667892;border-radius:6px;color:#fff;padding:4px 9px}.map-layout{position:relative;flex:1;min-height:0;margin:9px 0 0;overflow:hidden}.map-svg{position:absolute;inset:0;width:100%;height:100%;z-index:1}.map-node{position:absolute;transform:translate(-50%,-50%);width:37px;height:37px;display:grid;place-items:center;background:#3a4865;border:2px solid #9caac2;border-radius:10px;color:#f9e9cb;font-size:19px;z-index:3;transition:filter .15s,background .15s}.map-node.current{background:#5b7693;border-color:#d4e8fd;box-shadow:0 0 11px #9cbde386}.map-node.reserved{border-color:#ffe1a2;background:#806d58;box-shadow:0 0 13px #f2d191}.map-node.completed{opacity:.6}.map-node.available:hover{background:#6776a4;scale:1.1}.map-node.inaccessible{opacity:.4;cursor:default}.map-node-label{position:absolute;left:50%;top:105%;transform:translateX(-50%);font-size:9px;white-space:nowrap;color:#bcc9dc;pointer-events:none}.map-notice{text-align:center;color:#9fafca;font-size:10px;margin-top:3px}
.modal-layer{position:absolute;inset:0;z-index:26;background:#0e142ac7;display:flex;align-items:center;justify-content:center;padding:12px 18px}.modal-panel{max-width:900px;width:100%;max-height:96%;min-height:0;overflow:hidden;display:flex;flex-direction:column;border:2px solid #aab0c7a1;border-radius:15px;background:linear-gradient(155deg,#293851,#1b253c);box-shadow:0 17px 60px #081021a9;padding:15px 18px}.modal-title{font-size:21px;font-weight:900;text-align:center;margin:0 0 4px;color:#f8e6bb}.modal-subtitle{text-align:center;font-size:11px;color:#c6c6d0;margin:1px 0 12px}.modal-choices{display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:10px;margin:auto 0;min-height:0;overflow:hidden;align-content:center}.modal-choice{position:relative;border:2px solid #6f7fa7;border-radius:10px;background:#202f49;min-width:0;padding:11px 10px;color:#f6efdf;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;min-height:102px;justify-content:center}.modal-choice:hover:not(:disabled){border-color:#c5c7e1;background:#31425e}.modal-choice.chosen{border-color:#f8d898;box-shadow:0 0 13px #f4d5987a;background:#455071}.modal-choice.blocked{background:#43495766;color:#8790a3;border-color:#5e677b;cursor:not-allowed}.modal-choice.blocked .icon-placeholder{background:#596070;color:#2a3142}.modal-choice.blocked .icon-placeholder:after{content:'✕';font-size:28px}.modal-choice.empty-slot{opacity:.55}.modal-choice .choice-title{font-size:13px;font-weight:900;overflow-wrap:anywhere}.modal-choice .choice-text{font-size:10px;color:#d1cddd;overflow-wrap:anywhere;line-height:1.6}.icon-placeholder{width:38px;height:38px;display:grid;place-items:center;font-size:26px;background:#36445f;border-radius:7px;color:#f3e1c1}.modal-buttons{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:14px;flex:none}.gold-button,.clear-button,.negative-button{border-radius:8px;padding:9px 22px;border:1px solid #d3b66f;font-size:12px;font-weight:850;min-width:104px}.gold-button{background:linear-gradient(#ecd59b,#bc9c5f);color:#2a2b35}.gold-button:disabled{opacity:.32}.clear-button{border-color:#8492b0;background:#384962;color:#f3eef1}.negative-button{border-color:#b77383;background:#613947;color:#fff}.modal-two-rows{display:grid;grid-template-rows:auto auto;gap:9px;margin:auto 0}.shop-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.shop-item{display:flex;flex-direction:row;min-height:73px;text-align:left;justify-content:flex-start;gap:11px;padding:10px}.shop-item .icon-placeholder{flex:none}.shop-item .choice-title{font-size:12px}.shop-item .price{color:#f5d183;font-size:12px;font-weight:900}.modal-gold{font-size:12px;color:#ffdf99;text-align:center;margin-bottom:8px}.modal-note{margin-top:4px;color:#b9c0d3;text-align:center;font-size:10px}.choose-buttons-inline{display:flex;justify-content:center;gap:5px;flex-wrap:wrap}.rarity-chip{border:1px solid #a9b4cb;border-radius:4px;font-size:10px;padding:2px 5px;color:#e6edf6}.rarity-chip.R{border-color:#d0d6df;color:#d0d6df}.rarity-chip.SR{border-color:#ffdf91;color:#ffdf91}.rarity-chip.SSR{border-image:linear-gradient(130deg,#a2d9ff,#f2bde0,#ffecb5) 1;color:#f4d5f6}
.transition-cover{position:absolute;inset:0;background:#0a1027ee;z-index:48;display:grid;place-items:center}.transition-cover.showing{animation:transition-in .23s ease-out}.transition-cover.fading{animation:transition-out .35s ease-out forwards}@keyframes transition-in{from{opacity:0}to{opacity:1}}@keyframes transition-out{from{opacity:1}to{opacity:0}}.transition-inner{text-align:center;font-weight:850;letter-spacing:2px;font-size:15px}.trans-spark{font-size:32px;color:#f5d59c}
.start-screen{position:absolute;inset:0;z-index:12;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 20px;gap:10px;background:linear-gradient(110deg,#101728cc,#28305066,#111629bb)}.start-intro{text-align:center}.intro-kicker{letter-spacing:3px;font-size:10px;color:#c5b4e0}.start-intro h1{margin:4px 0;font-size:clamp(29px,4.5vw,58px);letter-spacing:3px;color:#efdfbd;text-shadow:0 5px 20px #050b18}.start-intro em{font-style:normal;color:#edb9d8}.start-intro p{font-size:12px;color:#dbd6d6;margin:4px 0}.character-choices{display:flex;gap:14px;justify-content:center;align-items:stretch;width:min(760px,95%);min-height:0;height:min(46%,270px)}.character-card{width:33.33%;border:2px solid #a4afd55e;background:#1f2b43d9;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:3px;justify-content:flex-end;padding:8px;min-width:0}.character-card.selected{border-color:#f4dfab;box-shadow:0 0 13px #f0ca8d7c;background:#37415a}.character-card img{height:66%;max-width:100%;object-fit:contain;image-rendering:pixelated}.character-card strong{font-size:14px}.character-card small{font-size:10px;color:#c3c6d7}.start-actions{display:flex;gap:10px}.test-info{font-size:10px;color:#b8bed0;margin:0}.page-overlay{position:absolute;inset:0;background:#17243af5;z-index:33;overflow:hidden;padding:18px 22px}.page-overlay h2{color:#f5dbac;font-size:22px;margin:0 0 16px}.page-overlay .page-header{display:flex;align-items:center;justify-content:space-between}.page-overlay .page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;max-height:78%;overflow:auto}.page-box{padding:14px;border:1px solid #8195b566;background:#2c3b56;border-radius:10px}.page-box strong{display:block;font-size:13px;margin-bottom:6px}.page-box span{color:#cbd4e4;font-size:11px;line-height:1.7}.setting-line{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:12px;border-bottom:1px solid #7184a143}.setting-line input[type=range]{width:120px}.page-overlay input[type=checkbox]{accent-color:#d3bd83}
#bottomzone{height:clamp(184px,30dvh,263px);min-height:0;background:linear-gradient(180deg,#1b2640,#151e34);display:flex;flex-direction:column;z-index:18;flex:none;box-shadow:0 -6px 20px #0a112779}.combat-log{height:32px;flex:none;background:#131d30cc;border-top:1px solid #94a3bc41;border-bottom:1px solid #a4b0cb35;color:#c9d1dc;font-size:11px;display:flex;align-items:center;gap:10px;padding:0 14px;overflow:hidden;position:relative}.combat-log.open{height:110px;position:absolute;bottom:calc(clamp(184px,30dvh,263px) - 32px);left:0;right:0;z-index:29;align-items:flex-start;padding:10px 14px;overflow:hidden;box-shadow:0 -10px 15px #0b1225aa}.combat-log button{background:#2e3d5e;border:1px solid #7384a4;color:#e0e6f3;border-radius:5px;min-width:22px;font-size:18px;line-height:18px;padding:0 3px}.combat-log.open button{transform:rotate(180deg)}#log-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.combat-log.open #log-text{white-space:normal;overflow:auto;line-height:1.8;max-height:92px}.magic-row{height:38px;flex:none;padding:3px 18px;display:flex;justify-content:space-between;align-items:center;gap:15px}.hint-in-row{font-size:10px;color:#99a9c6}.magic-actions{display:flex;align-items:center;gap:16px}.diamonds{display:flex;gap:6px;height:25px;align-items:center}.mana-diamond{width:16px;height:24px;background:linear-gradient(140deg,#d8c6fe,#9b8bfa 53%,#677ce7);clip-path:polygon(50% 0%,100% 44%,50% 100%,0% 44%);box-shadow:0 1px 6px #a9b6ffaa;filter:drop-shadow(0 0 3px #d1b6ff);transition:opacity .2s}.mana-diamond.off{background:#536079;filter:none;opacity:.4;animation:mana-off .16s steps(3)}.mana-diamond.on{animation:mana-on .22s ease-out}@keyframes mana-off{0%{scale:1}65%{scale:.35}100%{scale:1}}@keyframes mana-on{0%{scale:.4;opacity:.1}70%{scale:1.15}100%{scale:1;opacity:1}}.turn-end{padding:7px 15px;background:#46618c;border:1px solid #a3bddd70;border-radius:8px;color:#fff;font-weight:800;font-size:12px}.turn-end.highlight{background:linear-gradient(100deg,#e4c580,#b58a4e);color:#23283a;border-color:#fbe6b1;box-shadow:0 0 9px #efc57c80}.turn-end span{margin-left:6px}.book-cover{display:flex;align-items:stretch;min-height:0;flex:1;margin:0 12px 7px;padding:5px 7px;border:4px ridge var(--book-color,#bd8c9f);border-radius:12px;background:linear-gradient(90deg,#433249 0%,#30283f 3%,#23293f 10%,#242943 90%,#38314d 97%,#4b354b);box-shadow:inset 0 0 16px #090e20,0 3px 10px #05090f8a}.book-binding{width:8px;flex:none;background:linear-gradient(90deg,#94728f5a,transparent)}.book-binding.right{transform:scaleX(-1)}.spells-bar{flex:1;display:flex;justify-content:center;align-items:stretch;gap:clamp(4px,.7vw,12px);min-width:0;overflow:hidden}.book-placeholder{align-self:center;color:#a8a3b6;font-size:12px}.spell-card{min-width:0;width:min(12.3%,142px);height:100%;border:3px solid #9f906f;border-radius:5px;padding:7px 7px 5px;display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:space-between;position:relative;color:#493f39;background:radial-gradient(ellipse at 30% 10%,#e6dbbe,#c3ac83 78%,#9e8f70);box-shadow:inset 0 0 10px #5e493b9c;transition:filter .15s,transform .15s;cursor:pointer}.spell-card.R{background:linear-gradient(130deg,#fffbe9,#f4eedb);border-color:#bec7d1;box-shadow:inset 0 0 3px #ddd7ce,0 0 0 1px #e8eaf2}.spell-card.SR{background:linear-gradient(135deg,#fff7d2,#edddaa);border-color:#f4ce76;box-shadow:0 0 7px #f2d88680,inset 0 0 4px #dfc77a}.spell-card.SSR{background:linear-gradient(#f2e8ff,#e8deff) padding-box,linear-gradient(135deg,#afedff,#f4b9da,#fff0ab) border-box;border:3px solid transparent;box-shadow:0 0 7px #dacaffaa}.spell-card.disabled{opacity:.42;filter:grayscale(.55);cursor:not-allowed}.spell-card:hover:not(.disabled){transform:translateY(-5px);filter:brightness(1.07)}.spell-rarity{align-self:flex-start;font-size:11px;font-weight:950;color:#655b4e}.spell-card.R .spell-rarity{color:#8c96a5}.spell-card.SR .spell-rarity{color:#b28c37}.spell-card.SSR .spell-rarity{color:#b392c4}.spell-name{font-size:clamp(11px,1vw,14px);font-weight:900;line-height:1.2}.spell-icon{font-size:24px;line-height:1;color:#9186a3}.spell-desc{font-size:clamp(9px,.81vw,11px);line-height:1.35;overflow:hidden;max-height:40%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;text-overflow:ellipsis}.spell-bottom{width:100%;display:flex;justify-content:space-between;align-items:flex-end;margin-top:4px}.overwrite-icons{display:flex;gap:4px}.overwrite-square{border:1px solid #8e826c;width:14px;height:14px;display:grid;place-items:center;font-size:11px}.spell-mana{font-weight:950;font-size:16px;color:#6c5f91}.spell-card.SSR .spell-mana{color:#79639b}.spell-card.SR .spell-mana{color:#9e751e}.spell-card.R .spell-mana{color:#7082a1}
.tooltip{position:fixed;max-width:260px;pointer-events:none;z-index:150;background:#151f35f5;border:1px solid #c3c7dfae;border-radius:10px;padding:10px 12px;color:#fff4e3;box-shadow:0 7px 23px #03091580;font-size:12px;line-height:1.65}.tooltip strong{display:block;color:#ffdf9b;margin-bottom:3px}.toast{position:fixed;left:50%;bottom:28%;transform:translateX(-50%);z-index:155;color:#f9eacf;background:#192742ed;border:1px solid #869bc285;border-radius:8px;padding:9px 14px;font-size:12px}
@media(max-height:720px){#masthead{height:38px}.modal-panel{padding:9px 13px}.modal-title{font-size:17px}.modal-subtitle{margin-bottom:5px}.modal-choice{min-height:70px;padding:6px}.modal-choice .icon-placeholder{width:29px;height:29px;font-size:18px}.modal-buttons{margin-top:7px}.character-choices{height:41%}.book-cover{margin-bottom:4px}.unit-info{min-height:82px}.sprite-wrap{bottom:92px}.actors{height:78%}.player-hud{padding:5px 8px}}
@media(max-width:1090px){.relics{width:27%;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.modal-panel{max-width:750px}.spell-card{padding:5px 3px}.spell-icon{font-size:20px}.wordmark{letter-spacing:1px;font-size:11px}}
@media(max-width:770px){.demo-tag{display:none}.spell-desc{font-size:9px}.spell-card{width:min(13%,100px)}.actor-column{flex-basis:24%}.sprite-wrap img{height:min(100%,130px)}.player-hud{max-width:166px}.modal-panel{max-width:97%}}
.relic-icon img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;border-radius:4px}.relic-icon.R{border-color:var(--r)}.relic-icon.SR{border-color:var(--sr)}.relic-icon.SSR{border:2px solid transparent;background:linear-gradient(#27314c,#27314c) padding-box,linear-gradient(130deg,var(--ssr1),var(--ssr2),var(--ssr3)) border-box}.queue-label{color:#debfff;font-size:12px;font-weight:700;white-space:nowrap}.start-intro p{line-height:1.7}.page-box p{line-height:1.8}
@media(max-width:800px){.demo-tag{display:none}.magic-row{gap:5px}.queue-label{font-size:10px}.wordmark{letter-spacing:.5px}#stage-title{font-size:10px}#masthead{padding:0 8px;gap:5px}.character-card{min-width:110px}.character-card img{max-width:100%}.start-intro h1{font-size:32px}}
/* Fixed combat positions remain stable when other enemies die. */
.enemy-actors{display:block}.enemy-actors>.unit{position:absolute;bottom:0;transform:translateX(-50%);width:23%;max-width:160px;height:100%;flex:none}.spell-card{cursor:pointer;user-select:none}.spell-card.disabled{opacity:.6;cursor:default}.spell-card[draggable=true]{cursor:grab}.spell-card.dragging{opacity:.35;outline:2px dashed #f4d79a}.spell-card.N{background:linear-gradient(155deg,#fbf5e9,#e9ddc6);color:#292b38;border-color:#c6b894}.spell-card.N .spell-desc,.spell-card.N .spell-name{color:#292b38;text-shadow:none}.spell-card.N .spell-rarity{color:#625c53}.spell-card.N .overwrite-square{border-color:#8b7f6c;color:#453b31}.spell-card.N .spell-icon{color:#775b94;text-shadow:none}.reward-spacer{pointer-events:none;visibility:hidden}.chest-banner{display:flex;align-items:center;justify-content:center;gap:12px;align-self:center;padding:9px 22px;border:2px solid;border-radius:8px;margin-bottom:12px}.chest-emblem{font-size:34px;line-height:1}.chest-wood{--chest-edge:#c58c52;--chest-bg:#4c3425}.chest-iron{--chest-edge:#c9d8e7;--chest-bg:#334552}.chest-ornate{--chest-edge:#f3d386;--chest-bg:#4b3b5b}.chest-banner,.chest-rewards .modal-choice:not(.blocked){border-color:var(--chest-edge);background:linear-gradient(130deg,var(--chest-bg),#202c43)}.chest-ornate .chest-emblem{color:#bcddff;text-shadow:0 0 9px #eeaef8}.chest-iron .chest-emblem{color:#dce6ee}.chest-wood .chest-emblem{color:#e9b57f}.version-info{padding:12px 0;color:#d6cae8}.version-info strong{color:#f4dfac}