@font-face{font-family:Magikey Noto Sans JP;src:url(/games/magikey/assets/fonts/NotoSansJP-VF.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:block}@font-face{font-family:Magikey Noto Sans Mono;src:url(/games/magikey/assets/fonts/NotoSansMono-VF.woff2)format("woff2");font-style:normal;font-weight:100 900;font-stretch:62.5% 100%;font-display:block}:root{--font-ui:"Magikey Noto Sans JP", sans-serif;--font-numeric:"Magikey Noto Sans JP", sans-serif;--font-mono:"Magikey Noto Sans Mono", monospace;--panel-border-color:#b6caff38;--panel-bg:linear-gradient(180deg, #151c2ab3, #080b129e);--panel-shadow:inset 0 1px 0 #ffffff1a, 0 14px 42px #00000052;--text-outline-dark:-1px -1px 0 #000000db, 1px -1px 0 #000000db, -1px 1px 0 #000000db, 1px 1px 0 #000000db;--text-outline-light:-1px -1px 0 #000000bd, 1px -1px 0 #000000bd, -1px 1px 0 #000000bd, 1px 1px 0 #000000bd;--diff-color-easy:#8dffd2;--diff-color-normal:#8fb7ff;--diff-color-hard:#ffc46b;--diff-color-extreme:#ff7c7c;--diff-color-endless:#ca87ff;--asset-treasure-image:url(/games/magikey/assets/images/ui/treasure.png);--asset-items-image:url(/games/magikey/assets/images/ui/items.png);--asset-icons-image:url(/games/magikey/assets/images/ui/icons.png);--asset-merchant-wagon-image:url(/games/magikey/assets/images/ui/merchant_wagon.png);--asset-merchant-clerk-image:url(/games/magikey/assets/images/ui/merchant_clerk.png);--asset-title-back-image:url(/games/magikey/assets/images/ui/titleback.png);--asset-grimoire-icon:url(/games/magikey/assets/images/ui/grimoire.png)}.enemy-name,.enemy-status,.spell-name,.spell-chant,.kanji-line,.text-track,.item-name,.status-chip,.magic-choice-card .spell-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.enemy-hp-value,.hp-value,.gold-value,.power-badge,.item-key,.treasure-icon{font-family:var(--font-numeric);font-variant-numeric:tabular-nums}.romaji-line{font-family:var(--font-mono)}#game-container,#hud-root,.enemy-layer,.enemy-hp-value,.hp-value,.spell-card:before,.spell-card:after,.magic-choice-card:before,.magic-choice-card:after,.settings-overlay,.run-overlay,.magic-orb-text,.magic-orb-glass{position:absolute;inset:0}.player-panel,.item-panel{border-radius:8px;width:260px;height:200px;position:absolute;top:500px}.spell-strip,.chant-panel{width:680px;position:absolute;left:300px}.kanji-line,.kana-line,.romaji-line{position:absolute;left:20px;right:20px}.enemy-hp-fill[data-level=high],.hp-fill{background:linear-gradient(90deg,#36d078,#9bea75)}.enemy-hp-fill[data-level=mid],.hp-fill[data-level=mid]{background:linear-gradient(90deg,#d7ad35,#f2d167)}.enemy-hp-fill[data-level=low],.hp-fill[data-level=low]{background:linear-gradient(90deg,#d64a43,#ff7a6e)}*{box-sizing:border-box;margin:0;padding:0}body{width:100vw;height:100vh;font-family:var(--font-ui);color:#f4f7ff;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 38%,#363e5647,#0000 44%),#05060a;overflow:hidden}button,input,select,textarea{font-family:inherit}#game-viewport{width:100vw;height:100vh;position:relative;overflow:hidden}#game-root{transform-origin:50%;background:#070913;width:1280px;height:720px;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 26px 90px #0000009e}#game-container canvas{width:100%;height:100%;display:block}#hud-root{pointer-events:none}.hud-root.is-shop-mode .enemy-layer,.hud-root.is-shop-mode .spell-strip,.hud-root.is-shop-mode .chant-panel{display:none}.hud-root.is-shop-mode .player-panel,.hud-root.is-shop-mode .item-panel{z-index:1400;pointer-events:none}.hud-root.is-round-transitioning .spell-strip,.hud-root.is-round-transitioning .chant-panel{opacity:0;pointer-events:none}.hud-panel,.run-panel,.settings-panel,.merchant-shop-board,.chant-panel,.spell-card{border:1px solid var(--panel-border-color);background:var(--panel-bg);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur();backdrop-filter:blur()}.panel-label{color:#96a5bd;letter-spacing:.08em;font-size:11px;font-weight:800}.enemy-layer{pointer-events:none}.enemy-panel{pointer-events:auto;cursor:pointer;background:linear-gradient(#151c2acc,#0a0d1480);border:1px solid #b6caff38;border-radius:4px;align-items:stretch;width:max-content;min-width:140px;max-width:260px;transition:opacity .15s ease-out;display:flex;position:absolute;transform:translate(-50%);box-shadow:inset 0 1px #ffffff1a,0 2px 4px #00000057}.enemy-panel.is-targeted:before,.enemy-panel.is-targeted:after{content:"";filter:drop-shadow(0 0 5px #ff3448f2);border-top:18px solid #0000;border-bottom:18px solid #0000;width:0;height:0;position:absolute;top:50%}.enemy-panel.is-targeted:before{border-left:7px solid #ff3448;border-right:0;animation:.15s ease-out both target-arrow-in,1.4s ease-in-out .15s infinite target-arrow-pulse-l;right:calc(100% + 5px);transform:translateY(-50%)}.enemy-panel.is-targeted:after{border-left:0;border-right:7px solid #ff3448;animation:.15s ease-out both target-arrow-in,1.4s ease-in-out .15s infinite target-arrow-pulse-r;left:calc(100% + 5px);transform:translateY(-50%)}@keyframes target-arrow-in{0%{opacity:0;filter:drop-shadow(0 0 #ff344800)}to{opacity:1;filter:drop-shadow(0 0 5px #ff3448f2)}}@keyframes target-arrow-pulse-l{0%,to{transform:translateY(-50%)translate(0)}50%{transform:translateY(-50%)translate(3px)}}@keyframes target-arrow-pulse-r{0%,to{transform:translateY(-50%)translate(0)}50%{transform:translateY(-50%)translate(-3px)}}.enemy-panel.is-targeted{border-color:#ff58588c;box-shadow:inset 0 1px #ffffff1f,0 2px 4px #00000057,0 0 14px #ff40482e}.enemy-panel.is-damage-hidden{opacity:0;pointer-events:none;transition:opacity .12s ease-out,transform .12s ease-out;transform:translate(-50%)translateY(-7px)scale(.96)}.enemy-panel.is-damage-returning{animation:.18s ease-out both enemy-panel-return}@keyframes enemy-panel-return{0%{opacity:0;transform:translate(-50%)translateY(-7px)scale(.96)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.enemy-element-col{border-right:1px solid #ffffff1a;flex:0 0 38px;justify-content:center;align-items:center;display:flex}.enemy-info-col{flex-direction:column;flex:1;justify-content:center;gap:3px;min-width:0;padding:5px 8px;display:flex}.enemy-name-row{align-items:center;gap:4px;min-width:0;display:flex}.enemy-name{color:#fff;text-shadow:0 2px 3px #000000f2,0 0 10px #000000d1;flex:auto;min-width:0;font-size:12px;font-weight:900;display:block}.enemy-status{color:#caa7ff;max-width:82px;text-shadow:var(--text-outline-dark), 0 0 8px #9933ffb8;flex:none;font-size:10px;font-weight:900;line-height:16px}.enemy-element-icon{filter:drop-shadow(0 2px 4px #000000b8)drop-shadow(0 0 8px #ffffff29)}.enemy-hp-bar{background:#030408b8;border:1px solid #ffffff29;border-radius:3px;width:100%;height:16px;position:relative;overflow:hidden}.enemy-hp-fill{height:100%;transition:width 90ms linear,background .12s ease-out}.enemy-hp-value{color:#f4f7ff;text-align:center;text-shadow:var(--text-outline-dark), 0 0 8px #000000db;font-size:11px;font-weight:900;line-height:14px}.enemy-next-panel{--next-color:#69c8ff;pointer-events:auto;cursor:pointer;flex-direction:row;align-items:flex-end;gap:7px;display:flex;position:absolute;transform:translate(-50%)}.enemy-next-panel[data-threat=true]{--next-color:#ff695f}.enemy-next-panel[data-type=empower]{--next-color:#ffa550}.enemy-next-panel[data-type=hinder]{--next-color:#c070f0}.enemy-next-panel[data-type=idle]{--next-color:#ffffff47}.enemy-next-panel[data-type=flee]{--next-color:gold}.enemy-next-dial{background:conic-gradient(var(--next-color) calc(var(--enemy-attack-ratio,1) * 1turn), #ffffff1a 0), #03040ad1;width:38px;height:38px;box-shadow:0 0 0 1px #ffffff1a, 0 0 10px #00000085, 0 0 8px var(--next-color);border-radius:50%;flex:none;place-items:center;display:grid}.enemy-next-core{width:27px;height:27px;font-family:var(--font-numeric);font-variant-numeric:tabular-nums;color:#f4f7ff;text-shadow:0 0 6px var(--next-color);background:#04060cf0;border-radius:50%;place-items:center;font-size:10px;font-weight:900;display:grid}.enemy-next-label{color:#fff;white-space:nowrap;text-shadow:0 0 12px var(--next-color);font-size:13px;font-weight:900}.enemy-next-panel[data-type=idle] .enemy-next-label{color:#ffffff73;text-shadow:none;font-style:italic}.player-panel{z-index:30;padding:12px;left:20px;overflow:visible}.treasure-list{z-index:40;grid-template-rows:repeat(3,36px);grid-template-columns:repeat(3,36px);place-content:start;gap:6px;width:120px;height:120px;display:grid;position:absolute;top:8px;left:12px;overflow:visible}.treasure-icon{pointer-events:auto;border:1px solid var(--rarity-color);background:radial-gradient(circle at 34% 26%, color-mix(in srgb, var(--rarity-color) 64%, transparent), transparent 58%), linear-gradient(145deg, color-mix(in srgb, var(--rarity-color) 24%, #0a0c12f0), #03050aeb 72%);cursor:help;border-radius:5px;place-items:center;width:36px;height:36px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff38,inset 0 -1px #00000085}.treasure-icon-empty{pointer-events:none;cursor:default;background:linear-gradient(145deg,#ffffff0b,#03050a57);border-color:#ffffff1a;box-shadow:inset 0 1px #ffffff14,inset 0 0 12px #00000047}.treasure-icon-image{background-image:var(--asset-treasure-image);background-repeat:no-repeat;background-size:var(--treasure-sheet-size);background-position:var(--treasure-icon-x) var(--treasure-icon-y);filter:drop-shadow(0 1px 1px #000000e0)drop-shadow(0 0 3px #ffffff29);width:32px;height:32px;display:block}.treasure-tooltip,.item-tooltip{z-index:1000;border:2px solid var(--rarity-color);background:radial-gradient(circle at 18% 18%, color-mix(in srgb, var(--rarity-color) 30%, transparent), transparent 46%), linear-gradient(145deg, #151b27fa, #04060cf5);width:270px;min-height:86px;box-shadow:inset 0 1px 0 #ffffff24, 0 12px 28px #0000008c, 0 0 18px color-mix(in srgb, var(--rarity-color) 36%, transparent);opacity:0;pointer-events:none;border-radius:8px;grid-template-columns:64px 1fr;align-items:center;gap:10px;padding:10px 12px;transition:opacity 80ms ease-out,transform 80ms ease-out;display:grid;position:absolute}.treasure-tooltip{transform-origin:0;top:-7px;left:39px;transform:translate(-6px)scale(.96)}.treasure-icon:hover{overflow:visible}.treasure-icon:hover .treasure-tooltip{opacity:1;transform:translate(0)scale(1)}.treasure-tooltip-icon,.item-tooltip-icon{--tooltip-image:var(--asset-treasure-image);--tooltip-sheet-size:var(--treasure-tooltip-sheet-size);--tooltip-icon-position:var(--treasure-tooltip-icon-x) var(--treasure-tooltip-icon-y);border:1px solid color-mix(in srgb, var(--rarity-color) 72%, white);background:var(--tooltip-image), radial-gradient(circle at 34% 26%, color-mix(in srgb, var(--rarity-color) 54%, transparent), transparent 58%), linear-gradient(145deg, color-mix(in srgb, var(--rarity-color) 20%, #0a0c12f5), #03050af0);background-repeat:no-repeat,no-repeat,no-repeat;background-size:var(--tooltip-sheet-size), auto, auto;background-position:var(--tooltip-icon-position), center, center;width:64px;height:64px;box-shadow:inset 0 1px 0 #ffffff2e, 0 0 12px color-mix(in srgb, var(--rarity-color) 45%, transparent);border-radius:8px;display:block}.item-tooltip-icon{--tooltip-image:var(--asset-items-image);--tooltip-sheet-size:var(--item-tooltip-sheet-width) var(--item-tooltip-sheet-height);--tooltip-icon-position:var(--item-tooltip-icon-x) var(--item-tooltip-icon-y)}.treasure-tooltip-body,.item-tooltip-body{gap:3px;min-width:0;display:grid}.treasure-tooltip-name,.item-tooltip-name{color:#fff;text-shadow:var(--text-outline-dark);font-size:15px;font-weight:900;line-height:1.15}.treasure-tooltip-rarity,.item-tooltip-rarity{color:var(--rarity-color);text-shadow:var(--text-outline-dark);font-size:11px;font-weight:900;line-height:1.15}.treasure-tooltip-desc,.item-tooltip-desc{color:#dce7f8;text-shadow:0 2px 4px #000000d1;font-size:12px;font-weight:700;line-height:1.28}.magic-orb-container{pointer-events:none;width:92px;height:92px;position:absolute;top:18px;right:13px}.magic-orb{--orb-color:#fff;background:#0009;border:2px solid #ffffff26;border-radius:50%;width:100%;height:100%;transition:box-shadow .3s ease-out;position:relative;overflow:hidden;box-shadow:inset 0 0 10px #000c,0 4px 12px #00000080}.magic-orb.is-max{box-shadow:inset 0 0 15px var(--orb-color), 0 0 20px var(--orb-color);border-color:#fff6}.magic-orb.is-low{border-color:#ff695f66}.magic-orb-fill{background:0 0;width:100%;height:0%;transition:height .15s ease-out;position:absolute;bottom:0;left:0}.magic-orb-fill:before{content:"";background:var(--orb-color);opacity:.85;filter:brightness(1.1);border-radius:42% 53% 51% 49%/50% 40% 52% 50%;width:180px;height:180px;margin-left:-90px;animation:4s linear infinite orb-liquid-spin;position:absolute;top:0;left:50%}.magic-orb-fill:after{content:"";background:var(--orb-color);opacity:.6;filter:brightness(1.3);border-radius:53% 47% 48% 52%/49% 51% 50% 50%;width:190px;height:190px;margin-left:-95px;animation:5s linear infinite reverse orb-liquid-spin;position:absolute;top:0;left:50%}@keyframes orb-liquid-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.typing-particle{pointer-events:none;font-family:var(--font-mono);color:#fff;text-shadow:0 0 5px #fffc,0 0 15px #fff6;z-index:1000;will-change:transform, opacity;font-size:28px;font-weight:900;animation:.4s linear forwards particle-fly;position:fixed}@keyframes particle-fly{0%{opacity:1;animation-timing-function:cubic-bezier(.1,.8,.3,1);transform:translate(-50%,-50%)scale(.5)rotate(0)}22%{transform:translate(calc(-50% + var(--dx,0px) * .62), calc(-50% + var(--dy,0px) * .62)) scale(1.5) rotate(calc(var(--end-rot,0deg) * .6));opacity:1;animation-timing-function:cubic-bezier(.2,.55,.4,1)}60%{opacity:.9}to{transform:translate(calc(-50% + var(--dx,0px)), calc(-50% + var(--dy,0px))) scale(.8) rotate(var(--end-rot,0deg));opacity:0}}.magic-orb-text{font-family:var(--font-numeric);font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 0 4px #000c,0 2px 4px #000000e6;z-index:4;place-items:center;font-size:18px;font-weight:900;display:grid}.magic-orb-glass{z-index:2;background:radial-gradient(circle at 30% 30%,#fff6 0%,#0000 40%);border-radius:50%;box-shadow:inset 0 -4px 10px #0006}.magic-orb-ripple{z-index:3;background:#fffc;border-radius:50%;width:10px;height:10px;animation:.4s ease-out forwards orb-ripple-anim;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes orb-ripple-anim{0%{opacity:1;width:0;height:0}to{opacity:0;width:150px;height:150px}}.magic-orb.flash-perfect{animation:.6s cubic-bezier(.175,.885,.32,1.275) orb-flash-anim}@keyframes orb-flash-anim{0%{box-shadow:0 0 0px var(--orb-color);filter:brightness()}20%{box-shadow:0 0 40px var(--orb-color);filter:brightness(2);transform:scale(1.2)}to{filter:brightness();transform:scale(1);box-shadow:inset 0 0 10px #000c,0 4px 12px #00000080}}.magic-orb-praise{opacity:0;pointer-events:none;z-index:500;flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:38%;left:50%;transform:translate(-50%)translateY(30px)scale(.4)}.praise-grade{white-space:nowrap;background:linear-gradient(#fff 0%,#d8f8ff 60%,#38ccf0 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 6px #78e6fff2)drop-shadow(0 0 8px #00b4dc99)drop-shadow(0 2px 4px #000000f2);-webkit-background-clip:text;background-clip:text;font-size:64px;font-weight:900}.magic-orb-praise[data-grade=great] .praise-grade{background:linear-gradient(#fff 0%,#ffe8c0 55%,#ff8c00 100%);filter:drop-shadow(0 0 6px #ffa028f2)drop-shadow(0 0 8px #dc640099)drop-shadow(0 2px 4px #000000f2);-webkit-background-clip:text;background-clip:text}.magic-orb-praise[data-grade=good] .praise-grade{background:linear-gradient(#fff 0%,#fff8b0 55%,#e8d000 100%);filter:drop-shadow(0 0 6px #f0dc28f2)drop-shadow(0 0 8px #b4a00099)drop-shadow(0 2px 4px #000000f2);-webkit-background-clip:text;background-clip:text}.magic-orb-praise[data-grade=bad] .praise-grade{background:linear-gradient(#fcc 0%,#ff7070 55%,#c00 100%);filter:drop-shadow(0 0 6px #ff3c3cf2)drop-shadow(0 0 8px #b4000099)drop-shadow(0 2px 4px #000000f2);-webkit-background-clip:text;background-clip:text}.praise-stats{white-space:nowrap;color:#ffffffd9;text-shadow:0 0 4px #000000e6,0 1px 3px #000000e6;letter-spacing:.05em;font-size:24px;font-weight:600}.magic-orb-praise.is-visible{animation:1.8s cubic-bezier(.175,.885,.32,1.275) forwards praise-pop}@keyframes praise-pop{0%{opacity:0;transform:translate(-50%)translateY(30px)scale(.4)}12%{opacity:1;transform:translate(-50%)translateY(-8px)scale(1.12)}22%{transform:translate(-50%)translateY(0)scale(1)}75%{opacity:1;transform:translate(-50%)translateY(0)scale(1)}to{opacity:0;transform:translate(-50%)translateY(-30px)scale(.95)}}.player-status{position:absolute;bottom:12px;left:12px;right:12px}.player-field{background:#04060c6b;border:1px solid #ffffff21;border-radius:4px;grid-template-columns:30px 1fr;align-items:stretch;min-height:26px;margin-top:4px;display:grid;overflow:hidden}.player-field-label{color:#c9d6ea;text-shadow:var(--text-outline-dark);background:#ffffff0f;place-items:center;font-size:10px;font-weight:900;line-height:1;display:grid}.player-field-body{align-items:center;min-width:0;padding:3px 4px;display:grid}.hp-bar{background:#030408b8;border:1px solid #ffffff29;border-radius:4px;width:100%;height:17px;position:relative;overflow:hidden}.hp-fill{width:100%;height:100%;transition:width .16s ease-out,background .16s ease-out}.hp-value{color:#f4f7ff;text-align:center;text-shadow:var(--text-outline-dark), 0 0 8px #000000db;place-items:center;font-size:12px;font-weight:900;line-height:16px;display:grid}.player-effects{background:#04060c38;flex-wrap:wrap;align-items:center;gap:3px;min-width:0;min-height:100%;padding:2px 4px;display:flex}.gold-value{color:#ffd772;text-align:right;text-shadow:var(--text-outline-dark), 0 0 10px #ffd77238;font-size:14px;font-weight:900;line-height:17px;display:block}.player-effects.is-empty{justify-content:center}.status-chip{color:#f4f7ff;max-width:84px;text-shadow:var(--text-outline-dark);background:#080a1294;border:1px solid #ffffff29;border-radius:3px;padding:0 4px;font-size:9px;font-weight:900;line-height:12px}.status-empty{color:#c9d6ea75;letter-spacing:.12em;font-size:10px;font-weight:800}.spell-strip{grid-template-columns:repeat(3,1fr);gap:8px;height:68px;transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1);display:grid;top:480px}.spell-strip.is-hidden{opacity:0;pointer-events:none;transform:translateY(30px)}.spell-card,.magic-choice-card{--role-color:#ff8a4c;--role-color-dark:#ff8a4c38;--role-target-color:#f4f7ff}.spell-card.kind-heal,.magic-choice-card.kind-heal{--role-color:#8dffd2;--role-color-dark:#8dffd233;--role-target-color:#dfffee;--spell-color:#8dffd2}.spell-card.kind-buff,.magic-choice-card.kind-buff{--role-color:#8fb7ff;--role-color-dark:#8fb7ff33;--role-target-color:#d9e7ff;--spell-color:#8fb7ff}.spell-card.kind-debuff,.magic-choice-card.kind-debuff{--role-color:#ca87ff;--role-color-dark:#ca87ff38;--role-target-color:#ffe3ff;--spell-color:#ca87ff}.spell-card{isolation:isolate;border-radius:4px;grid-template-rows:26px 24px;row-gap:5px;height:68px;padding:6px 10px;transition:opacity .13s ease-out,filter .13s ease-out,border-color .13s ease-out;display:grid;position:relative;overflow:hidden}.spell-slot{pointer-events:auto;cursor:pointer;min-width:0;height:68px;position:relative}.spell-slot:hover{z-index:50}.spell-hover-popup{z-index:200;border:1px solid color-mix(in srgb, var(--spell-color,#b6caff80) 60%, transparent);background:radial-gradient(ellipse at 50% 0%, color-mix(in srgb, var(--spell-color,#3d6aff) 18%, transparent), transparent 60%), linear-gradient(160deg, #161c2afa, #04060ef7);width:290px;max-height:460px;box-shadow:inset 0 1px 0 #ffffff1a, 0 14px 32px #0009, 0 0 20px color-mix(in srgb, var(--spell-color,#3d6aff) 22%, transparent);opacity:0;pointer-events:none;border-radius:8px;flex-direction:column;gap:7px;padding:10px 12px;transition:opacity 80ms ease-out,transform 80ms ease-out;display:flex;position:absolute;bottom:calc(100% + 8px);left:50%;overflow-y:auto;transform:translate(-50%)translateY(5px)}.spell-hover-popup.is-visible{opacity:1;pointer-events:auto;transition:opacity .1s ease-out,transform .1s ease-out;transform:translate(-50%)translateY(0)}.spell-popup-header{align-items:center;gap:6px;min-width:0;display:flex}.spell-popup-element{flex:none}.spell-popup-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;min-width:0;text-shadow:var(--text-outline-dark);flex:auto;font-size:14px;font-weight:900;overflow:hidden}.spell-popup-desc{color:#cdd8f0;text-shadow:0 2px 4px #000c;border-top:1px solid #ffffff12;padding-top:6px;font-size:11px;font-weight:700;line-height:1.4}.spell-popup-chant-block{border-top:1px solid #ffffff12;flex-direction:column;gap:3px;padding-top:6px;display:flex}.spell-popup-chant-label{color:color-mix(in srgb, var(--spell-color,#8aa8ff) 90%, white);letter-spacing:.05em;text-shadow:var(--text-outline-dark);font-size:10px;font-weight:900}.spell-popup-chant-scroll{cursor:default;overflow:visible}.spell-popup-chant-scroll:active{cursor:grabbing}.spell-hover-popup{scrollbar-width:thin;scrollbar-color:#7896dc66 transparent}.spell-hover-popup::-webkit-scrollbar{width:4px}.spell-hover-popup::-webkit-scrollbar-track{background:0 0}.spell-hover-popup::-webkit-scrollbar-thumb{background:#7896dc61;border-radius:2px}.spell-popup-kanji{color:#f0f4ff;text-shadow:var(--text-outline-dark);word-break:break-all;font-size:13px;font-weight:900;line-height:1.5}.spell-popup-kana{color:color-mix(in srgb, var(--spell-color,#8aa8ff) 80%, #cdd8f0);text-shadow:var(--text-outline-dark);word-break:break-all;font-size:11px;font-weight:700;line-height:1.5}.spell-card>:not(.rank-watermark){z-index:1;position:relative}.spell-card:before{content:"";z-index:0;border-top:3px solid var(--spell-color);border-bottom:3px solid var(--spell-color);opacity:.78}.spell-card:after{content:"";z-index:0;opacity:var(--rank-aura,.08);background:radial-gradient(circle at 19px 19px, var(--spell-color), transparent 24px), linear-gradient(135deg, transparent 30%, var(--rank-accent,#fff3) 125%);pointer-events:none}.rank-watermark{z-index:0;color:#ffe78a38;text-align:center;text-shadow:0 0 13px #ffcf4d4d,0 2px 8px #0000009e;white-space:nowrap;pointer-events:none;width:100%;font-size:30px;font-weight:900;line-height:1;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)}.spell-role-badge{border:1px solid color-mix(in srgb, var(--role-color) 70%, #fff3);background:linear-gradient(90deg, color-mix(in srgb, var(--role-color-dark) 80%, #ffffff14), #03050ab8), #03050ad1;min-width:34px;height:17px;box-shadow:inset 0 1px 0 #ffffff24, 0 0 10px var(--role-color-dark);color:var(--role-color);text-align:center;text-shadow:var(--text-outline-dark);border-radius:4px;flex:none;justify-content:center;align-items:center;padding:0 4px;font-size:12px;font-weight:900;line-height:15px;display:inline-flex;overflow:hidden}.spell-role-kind{color:var(--role-color)}.spell-role-target{color:var(--role-target-color)}.personality-badge{border:1px solid color-mix(in srgb, var(--personality-color) 70%, #fff3);background:linear-gradient(90deg, color-mix(in srgb, var(--personality-color-dark) 80%, #ffffff14), #03050ab8), #03050ad1;height:14px;box-shadow:inset 0 1px 0 #ffffff24, 0 0 8px var(--personality-color-dark);color:var(--personality-color);text-shadow:var(--text-outline-dark);vertical-align:middle;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;margin-left:4px;padding:0 4px;font-size:10px;font-weight:900;line-height:1;display:inline-flex}.personality-badge.personality-fierce{--personality-color:#ff6060;--personality-color-dark:#ff606047}.personality-badge.personality-tank{--personality-color:#5ddb8a;--personality-color-dark:#5ddb8a40}.personality-badge.personality-swift{--personality-color:#6ab4ff;--personality-color-dark:#6ab4ff40}.personality-badge.personality-heavy{--personality-color:#ffd95f;--personality-color-dark:#ffd95f40}.spell-card.is-completed{border-color:#ffd55de6;box-shadow:inset 0 1px #ffffff29,0 0 28px #ffcf4d3b}.spell-card.is-selected{border-color:#ffd772d1;transform:translateY(-3px);box-shadow:inset 0 1px #ffffff2e,0 0 0 2px #ffd7722e,0 0 24px #ffd77247,0 14px 42px #00000052}.spell-card.is-eliminated{opacity:.42;filter:grayscale(.9)}.spell-card.is-cursed{opacity:.34;filter:grayscale();border-color:#966ebe80}.spell-slot.is-cursed{cursor:default}.spell-curse-overlay{z-index:4;color:#d69bff;pointer-events:none;-webkit-text-stroke:5px #000000e6;paint-order:stroke fill;text-shadow:0 3px 10px #000c;background:#0a041285;border-radius:4px;justify-content:center;align-items:center;font-size:30px;font-weight:900;line-height:1;display:flex;position:absolute;inset:0}.affinity-tag{z-index:3;color:#fff;text-align:center;white-space:nowrap;-webkit-text-stroke:4px #000000eb;paint-order:stroke fill;text-shadow:0 4px 8px #000000b8;font-size:15px;font-weight:900;line-height:1;position:absolute;top:-10px;right:8px}.affinity-strong .affinity-tag{color:#ff6d4e}.affinity-weak .affinity-tag{color:#b8c3d1}.spell-header{grid-row:1;align-items:center;gap:7px;min-width:0;height:24px;display:flex}.spell-name{min-width:0;text-shadow:var(--text-outline-dark), 0 0 10px #000000db;flex:auto;font-size:16px;line-height:22px}.power-badge{white-space:nowrap;color:#f6fbff;text-align:center;background:#393c44;border-radius:3px;flex:none;min-width:34px;height:18px;padding:0 6px;line-height:18px}.element-icon{width:var(--element-icon-size);height:var(--element-icon-size);background-image:var(--asset-icons-image);background-repeat:no-repeat;background-size:var(--element-sheet-size) var(--element-sheet-size);background-position:var(--element-icon-x) 0;filter:drop-shadow(0 2px 4px #0000009e);vertical-align:middle;flex:none;display:inline-block}.spell-element-icon{margin-left:-1px}.spell-info-row{grid-row:2;align-items:center;gap:6px;min-width:0;display:flex}.spell-chant{color:#d3d9e8;min-width:0;text-shadow:var(--text-outline-light), 0 0 8px #000000c7;flex:auto;margin-top:0;font-size:13px;font-weight:800;line-height:18px}.chant-panel{--chant-color:#57e29b;background:linear-gradient(#151c2a,#151c2acc,#0a0d1466);border-radius:8px;height:140px;padding:0 20px;transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1);top:560px;overflow:hidden}.chant-panel:after{content:"";background:linear-gradient(90deg, var(--chant-color) var(--chant-progress,0%), #74849e3d 0);height:6px;box-shadow:0 0 12px color-mix(in srgb, var(--chant-color) 45%, transparent);position:absolute;bottom:0;left:20px;right:20px}.chant-panel.is-hidden{opacity:0;pointer-events:none;transform:translateY(30px)}.enter-hint{display:none}.miss-badge{color:#ff6d62;opacity:0;font-size:14px;font-weight:900;position:absolute;top:12px;right:17px;transform:translateY(6px)scale(.86)}.miss-badge.is-visible{animation:.3s ease-out miss-pop}.kanji-line,.text-track{--chant-edge-fade:28px;-webkit-mask-image:linear-gradient(90deg, transparent 0, #000 var(--chant-edge-fade), #000 calc(100% - var(--chant-edge-fade)), transparent 100%);-webkit-mask-image:linear-gradient(90deg, transparent 0, #000 var(--chant-edge-fade), #000 calc(100% - var(--chant-edge-fade)), transparent 100%);mask-image:linear-gradient(90deg, transparent 0, #000 var(--chant-edge-fade), #000 calc(100% - var(--chant-edge-fade)), transparent 100%)}.kanji-line{color:#f4f7ff;text-align:left;height:34px;font-size:26px;font-weight:700;line-height:34px;top:12px}.kanji-line.is-hint{color:#ffd772;text-align:center;text-shadow:0 2px 8px #000000d1,0 0 16px #ffc74d42;font-size:18px;font-weight:900}.kanji-inner{min-width:max-content;padding:0 var(--chant-edge-fade);transform:translateX(var(--track-x,0));transition:transform 90ms ease-out;display:inline-block}.kanji-line.is-hint .kanji-inner{min-width:100%}.kana-line{height:48px;font-size:36px;font-weight:900;line-height:48px;top:48px}.romaji-line{height:30px;font-size:20px;font-weight:800;line-height:30px;top:96px}.track-inner{min-width:max-content;transform:translateX(var(--track-x,0));will-change:transform;transition:transform 90ms ease-out;display:inline-block}.chant-panel.is-planning-idle .kanji-line,.chant-panel.is-planning-idle .romaji-line{display:none}.chant-panel.is-planning-idle .kana-line{height:104px;font-size:18px;line-height:1.25;top:18px}.chant-panel.is-planning-idle .track-inner{justify-content:center;width:100%;min-width:0;display:flex;transform:none}.planning-guide{color:#eef6ff;gap:4px;width:min(720px,100%);font-size:20px;font-weight:800;display:grid}.planning-guide-row{grid-template-columns:160px minmax(0,1fr);align-items:center;column-gap:16px;min-height:28px;display:grid}.planning-guide-row strong{color:#ffd772;text-align:right;letter-spacing:.04em;text-shadow:0 0 10px #ffd77238}.planning-guide-row span{color:#eaf4ff;text-align:left;text-shadow:0 2px 5px #000000bf;align-items:center;gap:6px;min-height:28px;display:flex}.planning-guide-row kbd{color:#fff;background:linear-gradient(#ffffff3d,#4a557047),#0c111deb;border:1px solid #ffffff57;border-radius:5px;place-items:center;min-width:24px;height:24px;padding:0 6px;font-family:inherit;font-size:14px;font-weight:900;line-height:1;display:inline-grid}.text-track .done{color:color-mix(in srgb, var(--chant-color) 82%, #fff);text-shadow:0 1px 4px #000c, 0 0 12px color-mix(in srgb, var(--chant-color) 62%, transparent)}.text-track .next{color:#fff;text-shadow:0 0 14px #6ee8ff9e}.text-track .rest{color:#7b849e}.romaji-line .rest{color:#aab4c8;-webkit-text-stroke:.6px #f8fbffd1;paint-order:stroke fill;text-shadow:0 1px 2px #03060cf5,0 0 5px #03060cc7}.space-token{color:#e2ebffa8;min-width:1.9em;font-family:var(--font-mono);letter-spacing:0;text-align:center;vertical-align:baseline;text-shadow:0 0 8px #000000ad;margin:0 .12em;font-weight:900;display:inline-block}.space-token-kana{font-size:.46em;transform:translateY(-.18em)}.space-token-romaji{min-width:2.7em;font-size:.64em}.text-track .done.space-token{color:color-mix(in srgb, var(--chant-color) 78%, #fff);text-shadow:0 0 10px color-mix(in srgb, var(--chant-color) 52%, transparent)}.text-track .next.space-token{color:#fff;text-shadow:0 0 10px color-mix(in srgb, var(--chant-color) 78%, transparent), 0 0 18px color-mix(in srgb, var(--chant-color) 46%, transparent)}.text-track .rest.space-token{color:#7b849e;opacity:.74}.track-idle{color:#eaf4ff;letter-spacing:.02em}.chunk-burst{--burst-color:#fff;pointer-events:none;color:var(--burst-color);text-shadow:-2px -2px 0 #080c16d9, 2px -2px 0 #080c16d9, -2px 2px 0 #080c16d9, 2px 2px 0 #080c16d9, 0 0 16px color-mix(in srgb, var(--burst-color) 55%, transparent);z-index:1001;will-change:transform, opacity;font-weight:900;animation:.32s cubic-bezier(.22,1,.36,1) forwards chunk-burst-pop;position:fixed}@keyframes chunk-burst-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}18%{opacity:1;transform:translate(-50%,calc(-50% - 1.9em))scale(1.2)}to{opacity:0;transform:translate(-50%,calc(-50% - 2.2em))scale(1)}}.chunk-burst-ring{border:2px solid color-mix(in srgb, var(--burst-color) 80%, #fff);opacity:.7;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;animation:.26s cubic-bezier(.2,.8,.3,1) forwards chunk-burst-ring;position:absolute;top:50%;left:50%}@keyframes chunk-burst-ring{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(8)}}.voice-indicator{box-sizing:border-box;color:#f0f0ff;pointer-events:none;z-index:30;background:#0c0c1ae0;border:1px solid #ffffff38;border-radius:10px;flex-direction:column;justify-content:center;gap:4px;width:620px;height:94px;padding:9px 20px;display:flex;position:absolute;top:458px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 2px 14px #00000080}.voice-indicator.is-hidden{display:none}.spell-strip.is-voice-recording{opacity:0;pointer-events:none;transform:translateY(30px)}.spell-strip.is-voice-recording .spell-card{pointer-events:none}.voice-indicator-row{box-sizing:border-box;align-items:center;gap:14px;width:100%;padding-right:200px;display:flex}.voice-indicator-main{white-space:nowrap;flex-shrink:0;align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.voice-indicator-lower{flex-direction:column;gap:2px;min-width:0;max-width:calc(100% - 200px);display:flex}.voice-indicator-note{color:#d6e0f4cc;font-size:11px;line-height:1.3}.voice-indicator[data-state=processing] .voice-indicator-note{visibility:hidden}.voice-transcript{align-items:baseline;gap:5px;min-width:0;font-size:12px;line-height:1.35;display:flex}.voice-transcript-label{color:#8ad3ffe0;flex:none;font-weight:700}.voice-transcript-text{color:#f4f7ff;white-space:nowrap;scrollbar-width:none;flex:auto;min-width:0;overflow:auto hidden}.voice-transcript-text::-webkit-scrollbar{display:none}.voice-transcript-text.is-empty{color:#d6e0f48c}.voice-indicator-actions{white-space:nowrap;flex-shrink:0;align-items:center;gap:10px;display:flex;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.voice-indicator-dot{background:#f56;border-radius:50%;flex-shrink:0;width:12px;height:12px}.voice-indicator[data-state=recording] .voice-indicator-dot{animation:1s ease-in-out infinite voice-rec-blink}.voice-indicator[data-state=processing] .voice-indicator-dot{background:#58c8ff;border-radius:3px;animation:.8s linear infinite voice-processing-spin}@keyframes voice-rec-blink{0%,to{opacity:1}50%{opacity:.25}}@keyframes voice-processing-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chant-panel.is-voice .kanji-line,.chant-panel.is-voice .romaji-line,.voice-kanji{display:none}.chant-panel.is-voice .voice-kanji{color:#f4f7ff;text-align:center;justify-content:center;align-items:center;height:92px;font-weight:700;line-height:1.45;display:flex;position:absolute;top:8px;left:20px;right:20px;overflow:hidden}.voice-kanji-inner{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}.chant-panel.is-voice .kana-line{text-shadow:1px 1px #06080ef2,-1px 1px #06080ef2,1px -1px #06080ef2,-1px -1px #06080ef2,0 0 4px #000000e6,0 2px 6px #000c;background:#080a1299;height:30px;font-size:22px;line-height:30px;top:102px}.chant-panel.is-voice .voice-kanji{text-shadow:0 1px 3px #000000d9,0 0 8px #00000080}.chant-panel.is-voice-ruby .kana-line,.chant-panel.is-voice-ruby:after{display:none}.chant-panel.is-voice-ruby .voice-kanji{height:128px;line-height:1.7;top:6px}.vr-seg{color:#f4f7ff;transition:color .25s,text-shadow .25s}.vr-seg rt{color:#d6e0f4d9;font-size:.42em;font-weight:700;transition:color .25s}.vr-seg.is-done{color:var(--chant-color);text-shadow:0 0 10px color-mix(in srgb, var(--chant-color) 55%, transparent), 0 1px 3px #000000d9}.vr-seg.is-done rt{color:color-mix(in srgb, var(--chant-color) 80%, #fff)}.vr-seg.is-active{color:color-mix(in srgb, var(--chant-color) 45%, #f4f7ff)}.vr-seg.is-weak{color:color-mix(in srgb, var(--chant-color) 60%, #6c7488);text-shadow:0 1px 3px #000000d9}.vr-seg.is-weak rt{color:color-mix(in srgb, var(--chant-color) 45%, #6c7488)}.voice-meter{background:#ffffff24;border-radius:5px;flex:auto;min-width:60px;max-width:160px;height:10px;position:relative;overflow:hidden}.voice-indicator[data-state=processing] .voice-meter{visibility:hidden}.voice-meter-fill{background:#8a94a8;border-radius:4px;width:0%;transition:width 90ms linear;position:absolute;top:0;bottom:0;left:0}.voice-meter-fill[data-level=active]{background:#4ade80}.voice-meter-fill[data-level=hot]{background:#f97316}.voice-meter-tick{background:#ffffffbf;width:2px;position:absolute;top:-2px;bottom:-2px}.voice-finish-button{pointer-events:auto;color:#d9ffe8;cursor:pointer;background:#4ade8029;border:1px solid #ffffff59;border-radius:999px;flex-shrink:0;padding:9px 18px;font-size:14px;font-weight:700;transition:background .12s,border-color .12s}.voice-finish-button:hover{background:#4ade8057;border-color:#4ade80cc}.voice-cancel-button{pointer-events:auto;color:#d6e0f4;cursor:pointer;background:#ffffff14;border:1px solid #ffffff40;border-radius:999px;flex-shrink:0;padding:9px 15px;font-size:13px;font-weight:700;transition:background .12s,border-color .12s}.voice-cancel-button:hover{background:#ffffff2e;border-color:#fff9}.voice-indicator[data-state=processing] .voice-finish-button,.voice-indicator[data-state=processing] .voice-cancel-button,.voice-indicator[data-state=starting] .voice-finish-button,.voice-indicator[data-state=starting] .voice-cancel-button{visibility:hidden}.voice-indicator[data-state=starting] .voice-indicator-dot{background:#8a94a8;animation:none}.mic-device-row{margin-bottom:10px}.mic-device-select{color:#e6ecf8;background:#0e101cd9;border:1px solid #ffffff40;border-radius:6px;width:100%;padding:6px 10px;font-size:13px}.mic-processing-options{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.mic-processing-option{pointer-events:auto;color:#d6e0f4;cursor:pointer;background:#070a1075;border:1px solid #ffffff29;border-radius:6px;align-items:center;gap:6px;min-width:0;padding:7px 9px;font-size:11px;font-weight:700;display:flex}.mic-processing-option:hover{background:#203f586b;border-color:#84daff8a}.mic-processing-option input{accent-color:#84daff;cursor:pointer;flex:none;margin:0}.mic-processing-note{color:#c9d6eab8;font-size:11px}.mic-level-row{align-items:center;gap:12px;margin-bottom:8px;display:flex}.mic-test-meter{flex:1;min-width:0;max-width:none}.mic-threshold-value{text-align:right;color:#d6e2f8d1;font-variant-numeric:tabular-nums;flex-shrink:0;min-width:46px;font-size:12px;font-weight:700}.mic-button-row{gap:8px;margin-bottom:8px;display:flex}.mic-calibrate-button{color:#dcf2ff;cursor:pointer;background:#58c8ff29;border:1px solid #ffffff4d;border-radius:6px;flex:1;min-width:0;padding:6px 16px;font-size:13px;font-weight:700;transition:background .12s,border-color .12s}.mic-calibrate-button:hover:not(:disabled){background:#58c8ff52;border-color:#58c8ffbf}.mic-calibrate-button:disabled{opacity:.5;cursor:default}.message-panel{width:500px;height:38.96px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:0;position:absolute;bottom:311px;left:20px}.message-panel .panel-label{display:none}.hud-root.is-turn-planning-paused .message-panel{height:120.88px}.message-log{color:#f2f5ff;text-shadow:0 2px 3px #000000f2;align-content:end;gap:2px;height:100%;font-size:14px;font-weight:700;line-height:1.32;display:grid;overflow:hidden}.message-line{animation:2.5s ease-out forwards message-fade}.hud-root.is-turn-planning-paused .message-line{opacity:1;animation:none}@keyframes message-fade{0%,80%{opacity:1}to{opacity:0}}.hud-root.is-shop-mode .message-panel{display:none}.item-panel{padding:12px 14px;left:1000px;overflow:visible}.item-list{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);gap:7px;display:grid;overflow:visible}.item-gold-field{position:absolute;bottom:12px;left:14px;right:14px}.item-card{pointer-events:auto;border:1px solid color-mix(in srgb, var(--rarity-color,#fff) 68%, #ffffff21);background:radial-gradient(circle at 48% 34%, color-mix(in srgb, var(--rarity-color,#fff) 24%, transparent), transparent 52%), #080a108a;text-align:center;cursor:pointer;border-radius:7px;height:66px;padding:7px 5px;position:relative;box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #0006}.item-card.is-empty{opacity:.42;cursor:default;background:#080a108a;border-color:#ffffff21}.item-card:hover{z-index:100}.item-key{z-index:3;color:#fff;text-align:left;-webkit-text-stroke:4px #000000e6;paint-order:stroke fill;text-shadow:0 2px 4px #000000f2,0 0 8px #000000db;min-width:18px;height:20px;font-size:17px;font-weight:900;line-height:20px;position:absolute;top:3px;left:5px}.item-icon{background-image:var(--asset-items-image);background-repeat:no-repeat;background-size:var(--item-sheet-width) var(--item-sheet-height);background-position:var(--item-icon-x) var(--item-icon-y);filter:drop-shadow(0 1px 1px #000000e0)drop-shadow(0 0 3px #ffffff29);width:52px;height:52px;margin:-1px auto -7px;position:relative}.item-empty{background-image:none}.item-name{z-index:2;color:#eef4ff;height:18px;font-size:10px;font-weight:800;line-height:1.1;position:relative}.item-tooltip{transform-origin:100%;top:-10px;right:58px;transform:translate(6px)scale(.96)}.item-card:hover .item-tooltip{opacity:1;transform:translate(0)scale(1)}.settings-button{pointer-events:auto;color:#d9e6ff;cursor:pointer;z-index:2300;background:#070a108c;border:1px solid #ffffff2e;border-radius:50%;width:38px;height:38px;font-size:22px;font-weight:800;line-height:1;position:absolute;top:14px;right:14px}.settings-button:hover,.settings-button.is-active{color:#fff;border-color:#84daffa3}.run-context-label{z-index:1999;pointer-events:none;align-items:baseline;gap:7px;max-width:640px;font-size:14px;font-weight:700;line-height:1.32;display:flex;position:absolute;top:21px;left:14px}.run-context-label.is-hidden,.hud-root.is-shop-mode .run-context-label{display:none}.run-context-stage{color:#eef6ffdb;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 2px 3px #000000f2;min-width:0;overflow:hidden}.run-context-difficulty{--diff-color:var(--diff-color-normal);color:#f2f7ff;white-space:nowrap;text-shadow:-1px -1px 0 var(--diff-color), 1px -1px 0 var(--diff-color), -1px 1px 0 var(--diff-color), 1px 1px 0 var(--diff-color), 0 2px 4px #000000f2;flex:none}.run-context-difficulty[data-difficulty=easy]{--diff-color:var(--diff-color-easy)}.run-context-difficulty[data-difficulty=normal]{--diff-color:var(--diff-color-normal)}.run-context-difficulty[data-difficulty=hard]{--diff-color:var(--diff-color-hard)}.run-context-difficulty[data-difficulty=extreme]{--diff-color:var(--diff-color-extreme)}.run-context-difficulty[data-difficulty=endless]{--diff-color:var(--diff-color-endless)}.run-context-mode{color:#c8d6ecb8;white-space:nowrap;text-shadow:0 2px 3px #000000f2;flex:none;font-size:12px;font-weight:700}.settings-overlay{pointer-events:auto;z-index:2200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0103088a;place-items:center;display:grid}.run-overlay{pointer-events:auto;z-index:1600;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0103087a;place-items:center;display:grid}.settings-overlay.is-hidden,.run-overlay.is-hidden{display:none}.run-overlay.is-shop-overlay{z-index:1300;-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(90deg,#01030842,#0103080a 42%,#01030833),#01030824}.run-panel,.settings-panel{border-radius:8px}.run-panel{width:520px;padding:18px}.run-overlay.is-shop-overlay .run-panel{width:100%;height:100%;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.run-overlay.is-card-choice-overlay .run-panel{width:900px}.run-overlay.is-stage-choice-overlay .run-panel{width:980px}.run-overlay.is-deck-removal-overlay .run-panel{position:relative}.run-overlay.is-shop-overlay .run-panel-header{display:none}.run-panel-header strong{color:#fff;text-shadow:var(--text-outline-dark);font-size:24px;font-weight:900}.run-panel-body{gap:16px;margin-top:14px;display:grid}.run-overlay.is-shop-overlay .run-panel-body{width:100%;height:100%;margin-top:0;display:block}.run-overlay.is-shop-overlay.is-shop-entering .merchant-wagon{animation:.42s ease-out both shop-wagon-enter}.run-overlay.is-shop-overlay.is-shop-entering .merchant-clerk{animation:.38s ease-out 80ms both shop-clerk-enter}.run-overlay.is-shop-overlay.is-shop-entering .merchant-shop-board{animation:.32s ease-out .14s both shop-board-enter}.run-overlay.is-shop-overlay.is-shop-entering .merchant-speech{animation:.28s ease-out .22s both shop-speech-enter}.run-overlay.is-reward-entering .run-panel{animation:.22s ease-out both reward-panel-enter}.run-overlay.is-reward-entering .run-copy{animation:.24s ease-out 60ms both reward-copy-enter}.run-overlay.is-reward-entering .reward-choice-list .magic-choice-card,.run-overlay.is-reward-entering .stage-choice-list .stage-choice-button{animation:.34s ease-out both reward-card-enter}.run-overlay.is-reward-entering .reward-choice-list .magic-choice-card:first-child,.run-overlay.is-reward-entering .stage-choice-list .stage-choice-button:first-child{animation-delay:.12s}.run-overlay.is-reward-entering .reward-choice-list .magic-choice-card:nth-child(2),.run-overlay.is-reward-entering .stage-choice-list .stage-choice-button:nth-child(2){animation-delay:.18s}.run-overlay.is-reward-entering .reward-choice-list .magic-choice-card:nth-child(3),.run-overlay.is-reward-entering .stage-choice-list .stage-choice-button:nth-child(3){animation-delay:.24s}.run-overlay.is-reward-entering .reward-skip-row{animation:.22s ease-out .32s both reward-copy-enter}.run-copy{color:#dce7f8;gap:5px;font-size:14px;font-weight:800;line-height:1.35;display:grid}.run-copy strong{color:#ffd772;text-shadow:0 2px 8px #000000d1,0 0 16px #ffc74d38;font-size:18px;font-weight:900}.run-overlay.is-run-end-overlay{background:radial-gradient(circle at 50% 20%, color-mix(in srgb, var(--result-accent) 18%, transparent), transparent 34%), linear-gradient(180deg, #0103084d, #010308c2), #0103088a;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);--result-accent:#ffd772;--result-panel:#070b12e0;--result-panel-line:#ffd77252}.run-overlay.is-game-clear{--result-accent:#ffd772;--result-subaccent:#78dcff;--result-panel-line:#ffd7726b}.run-overlay.is-game-over{--result-accent:#ff7474;--result-subaccent:#b6c7e8;--result-panel-line:#ff74745c}.run-overlay.is-run-end-overlay .run-panel{border:1px solid var(--result-panel-line);background:linear-gradient(135deg, color-mix(in srgb, var(--result-accent) 16%, transparent), transparent 34%), linear-gradient(180deg, #121926f0, var(--result-panel));width:min(940px,100vw - 40px);max-height:calc(100vh - 38px);box-shadow:inset 0 1px 0 #ffffff1f, 0 24px 70px #00000094, 0 0 42px color-mix(in srgb, var(--result-accent) 16%, transparent);padding:22px;position:relative;overflow:hidden auto}.run-overlay.is-run-end-overlay .run-panel:before{content:"";border:1px solid color-mix(in srgb, var(--result-accent) 26%, transparent);pointer-events:none;border-radius:6px;position:absolute;inset:10px}.run-overlay.is-run-end-overlay .run-panel-header{justify-content:center;display:flex;position:relative}.run-overlay.is-run-end-overlay .run-panel-header strong{color:#fff;text-align:center;text-shadow:var(--text-outline-dark), 0 0 22px color-mix(in srgb, var(--result-accent) 54%, transparent);font-size:36px;line-height:1}.run-overlay.is-run-end-overlay .run-panel-body{margin-top:18px;position:relative}.run-end-layout{grid-template-columns:minmax(240px,360px) minmax(0,1fr);align-items:center;gap:22px;display:grid}.run-end-art-wrap{place-items:center;min-width:0;min-height:286px;display:grid;position:relative}.run-end-art-wrap:before{content:"";aspect-ratio:1;background:radial-gradient(circle, color-mix(in srgb, var(--result-accent) 40%, transparent), transparent 62%), radial-gradient(circle, color-mix(in srgb, var(--result-subaccent) 22%, transparent), transparent 70%);filter:blur(8px);opacity:.78;border-radius:50%;width:min(88%,300px);position:absolute}.run-end-art{aspect-ratio:1;object-fit:contain;width:min(100%,350px);filter:drop-shadow(0 24px 28px #0000007a) drop-shadow(0 0 18px color-mix(in srgb, var(--result-accent) 28%, transparent));animation:.34s ease-out both run-end-art-enter;position:relative}.run-end-content{gap:9px;min-width:0;animation:.26s ease-out 80ms both reward-copy-enter;display:grid}.run-end-copy{border-left:4px solid var(--result-accent);color:#dce7f8;background:#0000003d;border-radius:6px;gap:6px;min-width:0;padding:9px 12px;display:grid}.run-end-copy strong{color:var(--result-accent);text-shadow:0 2px 8px #000000d1,0 0 16px #ffc74d38;font-size:19px;font-weight:900;line-height:1.25}.run-end-button{border-color:color-mix(in srgb, var(--result-accent) 44%, #ffffff29);background:linear-gradient(180deg, color-mix(in srgb, var(--result-accent) 24%, #202d40db), #0b1019e0);justify-self:end}.kpm-rank-hero{background:linear-gradient(90deg,#ffd77238,#84daff1a 58%,#ffffff0a),#04070eb8;border:1px solid #ffd77261;border-radius:7px;grid-template-columns:auto auto auto;justify-content:center;align-items:center;gap:12px;min-height:78px;padding:12px 16px;display:grid;box-shadow:inset 0 1px #ffffff1f,0 0 26px #ffd7721f}.run-overlay.is-run-end-overlay .kpm-rank-hero{border-color:color-mix(in srgb, var(--result-accent) 48%, transparent);background:linear-gradient(90deg, color-mix(in srgb, var(--result-accent) 22%, transparent), #84daff1a 62%, #ffffff0a), #04070eb8;box-shadow:inset 0 1px 0 #ffffff1f, 0 0 26px color-mix(in srgb, var(--result-accent) 14%, transparent);grid-template-columns:auto auto minmax(0,auto);justify-content:start}.kpm-rank-hero span{color:#dbe8ffd1;letter-spacing:.08em;text-align:center;white-space:nowrap;font-size:13px;font-weight:900;line-height:1.28}.kpm-rank-hero strong{color:#ffd772;text-align:center;text-shadow:0 2px 8px #000000d1,0 0 18px #ffd7726b;font-size:46px;font-weight:900;line-height:1}.run-overlay.is-run-end-overlay .kpm-rank-hero strong{color:var(--result-accent);text-shadow:0 2px 8px #000000d1, 0 0 18px color-mix(in srgb, var(--result-accent) 48%, transparent)}.kpm-rank-hero em{color:#fff;overflow-wrap:anywhere;min-width:0;text-shadow:var(--text-outline-dark);font-size:24px;font-style:normal;font-weight:900;line-height:1.15}.run-stats{background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;gap:8px;padding:10px 14px;display:grid}.run-overlay.is-run-end-overlay .run-stats{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--result-accent) 70%, transparent) #04060cc2;gap:2px;max-height:clamp(140px,100vh - 380px,240px);padding:7px 12px;overflow-y:auto}.run-stat-row{justify-content:space-between;align-items:baseline;gap:12px;font-size:14px;display:flex}.run-overlay.is-run-end-overlay .run-stat-row{font-size:13px;line-height:1.35}.run-stat-label{color:#b4c8e6cc;font-weight:600}.run-stat-value{color:#ffd772;overflow-wrap:anywhere;text-align:right;min-width:0;font-size:16px;font-weight:800}.run-overlay.is-run-end-overlay .run-stat-value{color:var(--result-accent);font-size:14px}@keyframes run-end-art-enter{0%{opacity:0;filter:drop-shadow(0 16px 18px #0000005c)brightness(.82);transform:translateY(18px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=760px){.run-overlay.is-run-end-overlay .run-panel{width:min(520px,100vw - 24px);padding:16px}.run-overlay.is-run-end-overlay .run-panel-header strong{font-size:30px}.run-end-layout{grid-template-columns:1fr;gap:12px}.run-end-art-wrap{min-height:168px}.run-end-art{width:min(62vw,210px)}.run-overlay.is-run-end-overlay .kpm-rank-hero{grid-template-columns:auto auto;justify-content:center}.run-overlay.is-run-end-overlay .kpm-rank-hero em{text-align:center;grid-column:1/-1}.run-overlay.is-run-end-overlay .run-stats{max-height:180px}.run-end-button{justify-self:stretch}}.stage-choice-list,.reward-choice-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.deck-removal-list{scrollbar-width:thin;scrollbar-color:#ffd772b8 #04060cbd;grid-template-columns:repeat(3,minmax(0,1fr));max-height:430px;padding-right:8px;overflow:hidden auto}.deck-removal-list::-webkit-scrollbar{width:10px}.deck-removal-list::-webkit-scrollbar-track{background:linear-gradient(#0c111de0,#03050aeb);border:1px solid #ffffff1f;border-radius:999px;box-shadow:inset 0 0 8px #0000007a}.deck-removal-list::-webkit-scrollbar-thumb{background:linear-gradient(#ffe49a,#d79835);border:2px solid #04060ceb;border-radius:999px;box-shadow:inset 0 1px #ffffff57,0 0 10px #ffd77238}.deck-removal-list .magic-choice-card{grid-template-rows:46px 26px 34px 72px;gap:6px;min-height:214px;padding:11px 12px 13px}.deck-removal-list .magic-choice-card .spell-header{gap:8px;height:46px}.deck-removal-list .magic-choice-card .spell-name{font-size:15px;line-height:18px}.deck-removal-list .magic-choice-ruby{font-size:10px}.deck-removal-list .magic-choice-meta{height:26px;font-size:12px}.deck-removal-list .magic-choice-rank{font-size:16px}.deck-removal-list .magic-choice-desc{min-height:34px;padding:5px 7px;font-size:11px;line-height:1.2}.deck-removal-list .magic-choice-desc:before{display:none}.deck-removal-list .magic-choice-chant{height:72px;padding:5px 7px;font-size:11px;line-height:1.2}.deck-removal-list .magic-choice-chant span{font-size:9px}.shop-action-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.merchant-shop{width:100%;height:100%;position:relative;overflow:hidden}@keyframes shop-wagon-enter{0%{opacity:0;transform:translate(-64px)translateY(22px)}to{opacity:1;transform:translate(0)translateY(0)}}@keyframes shop-clerk-enter{0%{opacity:0;transform:translate(54px)translateY(18px)}to{opacity:1;transform:translate(0)translateY(0)}}@keyframes shop-board-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes shop-speech-enter{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes reward-panel-enter{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes reward-copy-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes reward-card-enter{0%{opacity:0;filter:brightness(.7);transform:translateY(26px)scale(.96)}to{opacity:1;filter:brightness();transform:translateY(0)scale(1)}}.merchant-wagon,.merchant-clerk{pointer-events:none;filter:drop-shadow(0 18px 28px #0000006b)drop-shadow(0 0 2px #ffffff38);background-position:bottom;background-repeat:no-repeat;background-size:contain;position:absolute}.merchant-wagon{aspect-ratio:9/8;background-image:var(--asset-merchant-wagon-image);width:920px;bottom:-96px;left:8px}.merchant-clerk{aspect-ratio:1024/1536;width:560px;bottom:-110px;right:-130px}.merchant-speech{pointer-events:auto;z-index:4;color:#101116;text-align:left;cursor:pointer;background:#fffaf8f5;border:4px solid #08080a;border-radius:28px;align-content:center;gap:8px;width:690px;min-height:116px;padding:18px 36px 30px;display:grid;position:absolute;top:28px;left:300px;box-shadow:0 16px 34px #00000057,inset 0 1px #ffffffd1}.merchant-speech:after{content:"";border-top:33px solid #0000;border-bottom:33px solid #0000;border-left:58px solid #08080a;width:0;height:0;position:absolute;top:56px;right:-58px}.merchant-speech:before{content:"";z-index:1;border-top:31px solid #0000;border-bottom:31px solid #0000;border-left:54px solid #fffaf8;width:0;height:0;position:absolute;top:58px;right:-49px}.merchant-speech strong{z-index:1;color:#58402a;letter-spacing:.14em;font-size:13px;font-weight:900;position:relative}.merchant-speech>[data-merchant-hint]{z-index:1;color:#111217;font-size:23px;font-weight:900;line-height:1.28;position:relative}.merchant-speech-page,.merchant-speech-next{z-index:2;color:#362a21b3;letter-spacing:.08em;font-size:10px;font-weight:800;line-height:1;position:absolute;bottom:11px}.merchant-speech-page{left:36px}.merchant-speech-next{right:36px}.merchant-speech-progress{z-index:2;background:#58402a29;border-radius:999px;width:120px;height:3px;position:absolute;bottom:5px;right:36px;overflow:hidden}.merchant-speech-progress-bar{border-radius:inherit;transform-origin:0;background:linear-gradient(90deg,#b8793e,#76502e);width:100%;height:100%;display:block;transform:scaleX(0)}.merchant-speech-progress-bar.is-counting{animation:10s linear forwards merchant-speech-progress}@keyframes merchant-speech-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.merchant-shop-board{z-index:3;border-radius:8px;align-content:start;gap:10px;width:740px;padding:12px;display:grid;position:absolute;top:170px;bottom:22px;left:188px;overflow:visible}.run-overlay.is-shop-overlay .merchant-shop-board{width:auto;inset:200px 285px 20px}.merchant-shop-panel{background:linear-gradient(#090c1385,#0305096b);border:1px solid #ffffff29;border-radius:7px;min-height:0;padding:9px}.merchant-shop-heading{gap:2px}.merchant-shop-heading strong{font-size:14px}.merchant-shop-heading span{font-size:10px}.merchant-shop-main{grid-template-columns:minmax(0,1.25fr) minmax(210px,.75fr);align-items:start;gap:10px;display:grid}.merchant-shop-column{align-content:start;gap:8px;min-width:0;display:grid}.merchant-shop-actions{grid-template-columns:1fr;gap:6px}.shop-section{grid-template-rows:auto auto;align-content:start;gap:10px;display:grid}.shop-item-list{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;align-items:start;gap:6px;display:grid;overflow:visible}.shop-item-card{text-align:left;background:radial-gradient(circle at 48% 34%, color-mix(in srgb, var(--rarity-color,#fff) 24%, transparent), transparent 52%), #080a1052;grid-template-rows:auto;grid-template-columns:56px minmax(0,1fr);align-content:start;align-items:start;gap:6px;width:100%;height:auto;min-height:92px;padding:6px 7px;transition:border-color .12s ease-out,background .12s ease-out,box-shadow .12s ease-out,transform .12s ease-out;display:grid}.shop-item-card:disabled{opacity:.48;cursor:default}.shop-item-card .item-key{align-items:baseline;gap:4px;font-size:14px;display:flex;top:5px;left:7px}.shop-item-card .item-key del{color:#ffffff73;font-size:11px;font-weight:700;text-decoration:line-through}.shop-item-card .sale-price{color:#ffd560;text-shadow:0 0 8px #ffc83cb3;font-size:15px;font-weight:900}.shop-item-card .item-icon{width:var(--shop-icon-size,54px);height:var(--shop-icon-size,54px);background-size:var(--item-tooltip-sheet-width) var(--item-tooltip-sheet-height);background-position:var(--item-tooltip-icon-x) var(--item-tooltip-icon-y);justify-self:center;margin:16px 0 0}.shop-item-body,.shop-treasure-body{align-content:start;gap:4px;min-width:0;display:grid}.shop-item-body{align-self:start;padding-top:12px}.shop-card-name{color:#fff;text-shadow:var(--text-outline-dark);font-size:13px;font-weight:900;line-height:1.18}.shop-card-meta{color:var(--rarity-color);text-shadow:var(--text-outline-dark);font-size:10px;font-weight:900;line-height:1.15}.shop-card-desc{color:#dce7f8;text-shadow:0 2px 4px #000000d1;font-size:10px;font-weight:800;line-height:1.18}.shop-item-card .item-tooltip{display:none}.shop-item-card:hover:not(:disabled),.shop-item-card:focus-visible:not(:disabled){border-color:color-mix(in srgb, var(--rarity-color,#46d46f) 72%, white);background:radial-gradient(circle at 48% 34%, color-mix(in srgb, var(--rarity-color,#fff) 34%, transparent), transparent 54%), #0e141ec7;box-shadow:inset 0 1px 0 #ffffff29, 0 0 0 2px color-mix(in srgb, var(--rarity-color,#46d46f) 20%, transparent), 0 0 24px color-mix(in srgb, var(--rarity-color,#46d46f) 22%, transparent), 0 12px 28px #00000057;transform:translateY(-2px)}.treasure-removal-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.shop-treasure-gift{align-content:start;gap:8px;display:grid;overflow:visible}.shop-treasure-actions{grid-template-columns:1fr;gap:6px;display:grid}.shop-treasure-card{pointer-events:auto;background:radial-gradient(circle at 18% 42%, color-mix(in srgb, var(--rarity-color) 22%, transparent), transparent 48%), #080a1052;width:100%;min-height:92px;box-shadow:inset 0 1px 0 #ffffff14, inset 4px 0 0 color-mix(in srgb, var(--rarity-color) 58%, transparent);color:#d9e6ff;text-align:left;cursor:pointer;border:1px solid #ffffff29;border-radius:7px;grid-template-columns:56px minmax(0,1fr);align-items:start;gap:6px;padding:6px 7px;transition:border-color .12s ease-out,background .12s ease-out,box-shadow .12s ease-out,transform .12s ease-out;display:grid;position:relative}.shop-treasure-card .item-key{align-items:baseline;gap:4px;font-size:14px;display:flex;top:2px;left:12px}.shop-treasure-card:hover:not(:disabled),.shop-treasure-card:focus-visible:not(:disabled){border-color:color-mix(in srgb, var(--rarity-color) 72%, white);background:radial-gradient(circle at 18% 42%, color-mix(in srgb, var(--rarity-color) 32%, transparent), transparent 50%), #0e141ec7;box-shadow:inset 0 1px 0 #ffffff24, inset 4px 0 0 color-mix(in srgb, var(--rarity-color) 68%, transparent), 0 0 0 2px color-mix(in srgb, var(--rarity-color) 20%, transparent), 0 0 24px color-mix(in srgb, var(--rarity-color) 22%, transparent), 0 12px 28px #00000057;transform:translateY(-2px)}.shop-treasure-card:disabled{opacity:.48;cursor:default}.shop-treasure-card .treasure-tooltip{opacity:1;pointer-events:none;position:static;transform:none}.shop-treasure-icon{width:var(--shop-icon-size,54px);height:var(--shop-icon-size,54px);opacity:1;pointer-events:none;justify-self:center;margin:16px 0 0;position:static;transform:none}.shop-spell-section{grid-column:auto}.shop-spell-list{grid-template-columns:1fr;display:grid}.run-overlay.is-title-overlay{z-index:1700;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.run-overlay.is-title-overlay .run-panel{width:1280px;height:720px;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.run-overlay.is-title-overlay .run-panel-header{display:none}.run-overlay.is-title-overlay .run-panel-body{width:100%;height:100%;margin-top:0;display:block}.title-root{color:#f1e4c4;width:100%;height:100%;font-family:inherit;position:relative;overflow:hidden}.title-backdrop{background-color:#a9cfee;background-image:var(--asset-title-back-image), linear-gradient(#a9cfee 0%, #cfe4f4 52%, #a8c67f 100%);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.title-panes{z-index:3;position:absolute;inset:0}.title-footer{z-index:4;align-items:center;gap:12px;font-size:11px;line-height:1;display:flex;position:absolute;bottom:8px;right:12px}.title-footer-link{color:#dce4f8;font-family:inherit;font-size:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.title-footer-link:hover{color:#e8eefa}.title-footer-version,.title-footer-copyright{color:#dce4f8;font-size:inherit;-webkit-user-select:none;user-select:none}.title-modal-backdrop{z-index:5;opacity:0;visibility:hidden;pointer-events:none;background:#00000085;transition:opacity .18s,visibility 0s linear .18s;position:absolute;inset:0}.title-root[data-view=difficulty] .title-modal-backdrop,.title-root[data-view=weapons] .title-modal-backdrop,.title-root[data-view=bestiary] .title-modal-backdrop,.title-root[data-view=records] .title-modal-backdrop,.title-root[data-view=music] .title-modal-backdrop,.title-root[data-view=license] .title-modal-backdrop{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .18s,visibility linear}.title-main-pane{pointer-events:auto;flex-direction:column;align-items:flex-end;gap:0;display:flex;position:absolute;bottom:72px;right:80px}.title-sub-pane{z-index:10;opacity:0;visibility:hidden;pointer-events:none;background:var(--panel-bg);border:1px solid var(--panel-border-color);width:420px;max-height:560px;box-shadow:var(--panel-shadow);color:#d9e6ff;border-radius:8px;flex-direction:column;gap:14px;padding:22px 24px;transition:transform .2s,opacity .16s,visibility 0s linear .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,calc(12px - 50%))}.title-root[data-view=difficulty] .title-sub-pane[data-sub=difficulty],.title-root[data-view=weapons] .title-sub-pane[data-sub=weapons],.title-root[data-view=bestiary] .title-sub-pane[data-sub=bestiary],.title-root[data-view=records] .title-sub-pane[data-sub=records],.title-root[data-view=music] .title-sub-pane[data-sub=music],.title-root[data-view=license] .title-sub-pane[data-sub=license]{opacity:1;visibility:visible;pointer-events:auto;transition:transform .2s,opacity .16s,visibility linear;transform:translate(-50%,-50%)}.title-sub-pane[data-sub=difficulty]{max-width:fit-content;max-height:none}.title-sub-pane[data-sub=records]{width:720px;max-height:none}.title-license-pane{width:820px;height:600px;max-height:600px}.title-license-text{color:#cfd9ec;min-height:0;font-family:var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;background:#00000052;border:1px solid #ffffff1f;border-radius:6px;flex:1;margin:0;padding:14px 16px;font-size:11px;line-height:1.5;overflow:auto}.title-sub-title{color:#d9e6ff;letter-spacing:.06em;text-shadow:var(--text-outline-dark);margin:0;font-size:18px;font-weight:900}.title-sub-header{justify-content:space-between;align-items:baseline;gap:16px;padding-right:44px;display:flex}.title-sub-header>span{color:#aebbd2;flex:none;font-size:12px;font-weight:800}.title-sub-buttons{flex-direction:column;gap:10px;display:flex}.title-voice-guide{z-index:10;opacity:0;visibility:hidden;pointer-events:none;background:#07101bf2;border:1px solid #84daff9e;border-radius:8px;flex-direction:column;gap:10px;width:262px;padding:13px 15px;transition:opacity .16s,visibility 0s linear .16s;display:flex;position:absolute;top:50%;left:50%;transform:translate(226px,calc(-50% - 160px));box-shadow:inset 0 1px #ffffff14,0 10px 26px #0009,0 0 14px #58c8ff38}.title-root[data-view=difficulty] .title-voice-guide{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .16s,visibility linear}.title-voice-guide:after{content:"";background:#07101bf2;border-bottom:1px solid #84daff9e;border-left:1px solid #84daff9e;width:12px;height:12px;margin-top:-6px;position:absolute;top:18%;left:-7px;transform:rotate(45deg)}.title-voice-guide-title{color:#84daff;letter-spacing:.06em;text-shadow:0 0 8px #84daff73;font-size:13px;font-weight:900}.title-voice-guide-list{color:#dbe7ff;gap:8px;margin:0;padding-left:1.15em;font-size:12px;font-weight:700;line-height:1.5;display:grid}.title-voice-guide-list li::marker{color:#84daffe6}.title-voice-guide-button{width:100%;min-width:0;height:34px;margin-top:2px;padding:0;font-size:13px}.title-sub-buttons .run-primary-button[data-title-mode]{--diff-color:var(--diff-color-normal);--diff-color-dim:color-mix(in srgb, var(--diff-color-normal) 16%, transparent);text-align:left;background:linear-gradient(90deg, var(--diff-color-dim), #080e188c 60%), #080e18b3;border-color:color-mix(in srgb, var(--diff-color) 42%, #ffffff1f);flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;width:100%;min-width:0;height:auto;padding:10px 14px 11px 22px;transition:border-color .13s ease-out,background .13s ease-out,transform .13s ease-out;display:flex;position:relative}.title-sub-buttons .run-primary-button[data-title-mode]:before{content:"";background:var(--diff-color);width:3px;box-shadow:0 0 8px color-mix(in srgb, var(--diff-color) 70%, transparent);border-radius:2px;position:absolute;top:9px;bottom:9px;left:7px}.title-sub-buttons .run-primary-button[data-title-mode]>strong{color:var(--diff-color);letter-spacing:.04em;text-shadow:0 1px 2px #000000b3;font-size:16px;font-weight:900;display:block}.title-sub-buttons .run-primary-button[data-title-mode]>small{color:#cfd9ec;letter-spacing:.02em;background:#0000004d;border:1px solid #ffffff0f;border-radius:4px;width:100%;padding:4px 8px;font-size:12px;font-weight:700;display:block}.title-sub-buttons .run-primary-button[data-title-mode=easy]{--diff-color:var(--diff-color-easy);--diff-color-dim:color-mix(in srgb, var(--diff-color-easy) 16%, transparent)}.title-sub-buttons .run-primary-button[data-title-mode=normal]{--diff-color:var(--diff-color-normal);--diff-color-dim:color-mix(in srgb, var(--diff-color-normal) 16%, transparent)}.title-sub-buttons .run-primary-button[data-title-mode=hard]{--diff-color:var(--diff-color-hard);--diff-color-dim:color-mix(in srgb, var(--diff-color-hard) 18%, transparent)}.title-sub-buttons .run-primary-button[data-title-mode=extreme]{--diff-color:var(--diff-color-extreme);--diff-color-dim:color-mix(in srgb, var(--diff-color-extreme) 18%, transparent)}.title-sub-buttons .run-primary-button[data-title-mode=endless]{--diff-color:var(--diff-color-endless);--diff-color-dim:color-mix(in srgb, var(--diff-color-endless) 18%, transparent)}.title-sub-buttons .run-primary-button[data-title-mode]:hover:not(:disabled){border-color:color-mix(in srgb, var(--diff-color) 78%, #fff3);background:linear-gradient(90deg, var(--diff-color-dim), #080e1866 60%), #141c2ac7}.title-button{pointer-events:auto;color:#eef5ff;letter-spacing:.12em;-webkit-text-stroke:2px #000000e0;paint-order:stroke fill;text-shadow:0 3px 10px #000000eb,0 0 14px #50a0ff2e;cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:7px 30px 9px;font-family:inherit;font-size:26px;font-weight:900;line-height:1.15;transition:color .18s,text-shadow .18s,transform .22s cubic-bezier(.2,.8,.3,1);animation:.5s cubic-bezier(.16,.84,.32,1) backwards title-button-in;display:inline-flex;position:relative}.title-button[data-title-action=start]{margin-bottom:8px;padding:9px 30px 12px;font-size:36px}.title-button:nth-child(2){animation-delay:60ms}.title-button:nth-child(3){animation-delay:.12s}.title-button:nth-child(4){animation-delay:.18s}.title-button:nth-child(5){animation-delay:.24s}@keyframes title-button-in{0%{opacity:0;transform:translate(40px)}}@media (prefers-reduced-motion:reduce){.title-button{animation:none}}.title-button .title-button-label{display:block}.title-button strong{font-size:inherit;font-weight:900;display:block}.title-button small{color:#b4d2ffb3;letter-spacing:.04em;margin-top:2px;font-size:11px;font-weight:700;display:block}.title-button:after{content:"";opacity:0;clip-path:polygon(0 50%,4% 0%,100% 0%,100% 100%,4% 100%);filter:drop-shadow(0 0 3px #ffffffd9)drop-shadow(0 0 5px #3c8cffcc)drop-shadow(0 0 9px #2864dc73);pointer-events:none;background:linear-gradient(90deg,#0d4fa8 0%,#3d8eff 30%,#9dd0ff 62%,#fff 100%);height:2px;transition:left .16s cubic-bezier(.05,0,.15,1),opacity 80ms;position:absolute;bottom:4px;left:calc(100% - 34px);right:34px}.title-button:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,#fff 30%,#9dd0ff);width:8px;height:8px;transition:transform .16s cubic-bezier(.2,.9,.3,1.45),opacity 80ms;position:absolute;bottom:1px;right:30px;transform:rotate(45deg)scale(0);box-shadow:0 0 6px #ffffffe6,0 0 14px #50a0ffd9}.title-button:hover:not(:disabled):after,.title-button:focus-visible:not(:disabled):after{opacity:1;transition:left .16s cubic-bezier(.7,0,.2,1) 90ms,opacity 50ms 90ms;left:30px}.title-button:hover:not(:disabled):before,.title-button:focus-visible:not(:disabled):before{opacity:1;transform:translate(-50%)rotate(45deg)scale(1)}.title-button:hover:not(:disabled),.title-button:focus-visible:not(:disabled){color:#fff;text-shadow:0 3px 10px #000000eb,0 0 24px #64b4ffa6,0 0 48px #3c82ff59;transform:translate(-8px)}.title-button:focus-visible{outline:none}.title-button:disabled{cursor:not-allowed;opacity:.4}.title-button[data-coming-soon]:before{content:none}.title-button[data-coming-soon]:after{content:"準備中";clip-path:none;filter:none;opacity:1;color:#a0beff80;letter-spacing:.1em;background:0 0;height:auto;font-size:10px;font-weight:900;transition:none;bottom:4px;left:auto;right:10px}.title-record-layout{gap:14px;display:grid}.title-record-rank{background:linear-gradient(90deg,#ffd77233,#84daff17),#04070ea8;border:1px solid #ffd77257;border-radius:7px;grid-template-columns:auto auto auto;justify-content:center;align-items:center;gap:12px;min-height:70px;padding:11px 14px;display:grid}.title-record-rank span{color:#dbe8ffd1;text-align:center;white-space:nowrap;font-size:12px;font-weight:900;line-height:1.28}.title-record-rank strong{color:#ffd772;text-align:center;text-shadow:var(--text-outline-dark);font-size:40px;font-weight:900;line-height:1}.title-record-rank em{color:#fff;overflow-wrap:anywhere;min-width:0;text-shadow:var(--text-outline-dark);font-size:21px;font-style:normal;font-weight:900;line-height:1.15}.title-record-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.title-record-card,.title-record-empty{background:linear-gradient(#0f192ac2,#050810b8);border:1px solid #ffffff1f;border-radius:6px;align-content:center;gap:5px;min-height:74px;padding:12px 14px;display:grid}.title-record-card span,.title-record-empty span{color:#aebbd2;font-size:12px;font-weight:800}.title-record-card strong,.title-record-empty strong{color:#ffd772;overflow-wrap:anywhere;min-width:0;text-shadow:var(--text-outline-dark);font-size:20px;font-weight:900;line-height:1.1}.title-record-empty{grid-column:1/-1}.title-record-difficulty{background:#0000003d;border:1px solid #ffffff1f;border-radius:6px;gap:8px;padding:12px;display:grid}.title-record-difficulty>strong{color:#d9e6ff;font-size:13px;font-weight:900}.title-record-difficulty>div{gap:6px;display:grid}.title-record-row{background:#090e189e;border:1px solid #ffffff14;border-radius:5px;grid-template-columns:1fr 110px 150px;align-items:center;gap:10px;min-height:34px;padding:7px 10px;font-size:13px;font-weight:800;display:grid}.title-record-row strong{color:#fff;font-weight:900}.title-record-row span{color:#cfd9ec;text-align:right}.title-sub-pane[data-sub=weapons]{width:900px;max-height:700px}.title-weapon-summary{background:#05080e94;border:1px solid #ffffff1f;border-radius:6px;gap:2px;padding:4px 10px;display:grid}.title-weapon-summary strong{color:#ffd772;text-shadow:var(--text-outline-dark);font-size:13px;font-weight:900}.title-weapon-summary span{color:#b9c7dc;font-size:11px;font-weight:700;line-height:1.3}.title-weapon-list{scrollbar-width:thin;scrollbar-color:#84daff6b #03050a6b;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:450px;padding-right:8px;display:grid;overflow-y:auto}.title-weapon-list::-webkit-scrollbar{width:8px}.title-weapon-list::-webkit-scrollbar-track{background:#03050a6b;border:1px solid #ffffff0d;border-radius:8px}.title-weapon-list::-webkit-scrollbar-thumb{background:linear-gradient(#84daff9e,#4f9dff57);border:1px solid #ffffff1f;border-radius:8px}.title-weapon-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(#b0ebffc2,#64b4ff75)}.title-weapon-card{border:1px solid color-mix(in srgb, var(--rarity-color,#fff) 58%, #ffffff1f);background:radial-gradient(circle at 34% 16%, color-mix(in srgb, var(--rarity-color,#fff) 28%, transparent), transparent 48%), linear-gradient(180deg, color-mix(in srgb, var(--rarity-color,#fff) 12%, #0c111ce0), #05080edb);min-height:200px;box-shadow:inset 4px 0 0 color-mix(in srgb, var(--rarity-color,#fff) 52%, transparent), inset 0 1px 0 #ffffff1a;border-radius:6px;grid-template-rows:minmax(0,1fr) auto;align-items:stretch;gap:4px;padding:9px;transition:border-color .12s ease-out,background .12s ease-out,box-shadow .12s ease-out;display:grid;position:relative;overflow:hidden}.title-weapon-card.is-equipped{background:radial-gradient(circle at 34% 16%,#84daff52,#0000 50%),linear-gradient(#1b4660eb,#08121ceb)}.title-weapon-card:hover{border-color:color-mix(in srgb, var(--rarity-color,#84daff) 74%, white);background:radial-gradient(circle at 34% 16%, color-mix(in srgb, var(--rarity-color,#fff) 34%, transparent), transparent 50%), linear-gradient(180deg, color-mix(in srgb, var(--rarity-color,#fff) 16%, #0f1622eb), #070b13e6)}.title-weapon-thumb{object-fit:contain;border:1px solid color-mix(in srgb, var(--rarity-color,#fff) 30%, #ffffff14);background:linear-gradient(#ffffff0f,#0000001f),#0000003d;border-radius:4px;width:100%;height:110px;display:block}.title-weapon-main{grid-template-rows:110px auto minmax(28px,auto);gap:7px;min-width:0;display:grid}.title-weapon-heading{align-items:center;gap:7px;min-width:0;display:flex}.title-weapon-heading strong{text-overflow:ellipsis;white-space:nowrap;color:#fff;min-width:0;text-shadow:var(--text-outline-dark);font-size:14px;font-weight:900;line-height:1.2;overflow:hidden}.title-weapon-rarity{background:color-mix(in srgb, var(--rarity-color,#fff) 14%, #0000005c);border:1px solid color-mix(in srgb, var(--rarity-color,#fff) 54%, #ffffff1a);min-width:58px;color:var(--rarity-color,#dce7f8);text-align:center;text-shadow:var(--text-outline-dark);border-radius:4px;flex:none;padding:2px 5px;font-size:10px;font-weight:900}.title-weapon-effect{color:#c9d6ea;text-shadow:0 2px 4px #000000d1;font-size:10px;font-weight:700;line-height:1.35}.title-weapon-action{z-index:2;grid-template-columns:1fr;align-items:center;display:grid;position:relative}.title-weapon-card .run-primary-button{z-index:3;justify-self:stretch;width:100%;min-width:0;height:32px;padding:0 10px;font-size:13px;position:relative}.title-weapon-card.is-equipped .run-primary-button{color:#fff;background:#154660d1;border-color:#d8f7ffa3}.title-weapon-card.is-equipped .run-primary-button:disabled{opacity:1;cursor:default}.title-weapon-equipped-badge{z-index:4;color:#06101a;pointer-events:none;background:#84daffeb;border-radius:2px;padding:3px 8px;font-size:11px;font-weight:900;position:absolute;top:13px;left:13px}.title-weapon-card.is-unowned:after{content:"未購入";color:#dce8f8d1;pointer-events:none;background:#00000094;border:1px solid #ffffff24;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:900;position:absolute;top:13px;right:13px}.title-sub-pane[data-sub=bestiary]{width:1040px;max-height:700px}.title-bestiary-layout{grid-template-columns:310px minmax(0,1fr);gap:14px;min-height:0;display:grid}.title-bestiary-list{scrollbar-width:thin;scrollbar-color:#84daff6b #03050a6b;flex-direction:column;gap:8px;max-height:530px;padding-right:8px;display:flex;overflow-y:auto}.title-bestiary-list::-webkit-scrollbar{width:8px}.title-bestiary-list::-webkit-scrollbar-track{background:#03050a6b;border:1px solid #ffffff0d;border-radius:8px}.title-bestiary-list::-webkit-scrollbar-thumb{background:linear-gradient(#84daff9e,#4f9dff57);border:1px solid #ffffff1f;border-radius:8px}.title-bestiary-card{color:#d9e6ff;background:#060a12b8;border:1px solid #ffffff21;border-radius:6px;gap:8px;min-height:92px;padding:8px 10px;transition:border-color .12s ease-out,background .12s ease-out,box-shadow .12s ease-out;display:grid}.title-bestiary-card.is-selected{background:linear-gradient(90deg,#1d4f68c7,#080d16d1);border-color:#84daffb8;box-shadow:inset 3px 0 #84daffd1}.title-bestiary-card strong{text-overflow:ellipsis;white-space:nowrap;color:#fff;text-shadow:var(--text-outline-dark);font-size:15px;font-weight:900;overflow:hidden}.title-bestiary-thumbs{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.title-bestiary-thumb{border:1px solid color-mix(in srgb, var(--monster-element-color,#84daff) 34%, #ffffff1a);cursor:pointer;background:#03060b94;border-radius:5px;min-width:0;height:48px;padding:3px;transition:border-color .12s ease-out,background .12s ease-out,transform .12s ease-out}.title-bestiary-thumb:hover:not(:disabled),.title-bestiary-thumb.is-selected{border-color:color-mix(in srgb, var(--monster-element-color,#84daff) 78%, white);background:linear-gradient(180deg, color-mix(in srgb, var(--monster-element-color,#84daff) 14%, #121926eb), #05080edb)}.title-bestiary-thumb.is-selected{transform:translateY(-2px)}.title-bestiary-thumb:disabled{cursor:default;opacity:.62}.title-bestiary-thumb img{object-fit:contain;width:100%;height:40px}.title-bestiary-thumb>span{color:#dae6ffa3;width:100%;height:40px;text-shadow:var(--text-outline-dark);place-items:center;font-size:22px;font-weight:900;display:grid}.title-bestiary-detail{background:#04080eb8;border:1px solid #ffffff21;border-radius:6px;grid-template-rows:minmax(0,1fr) 104px;gap:10px;min-width:0;min-height:530px;padding:14px;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff14}.title-bestiary-preview{border:1px solid color-mix(in srgb, var(--monster-element-color,#84daff) 48%, #ffffff1f);background:radial-gradient(circle at 32% 42%, color-mix(in srgb, var(--monster-element-color,#84daff) 28%, transparent), transparent 42%), linear-gradient(180deg, #0c121cd1, #03060bdb);border-radius:6px;grid-template-columns:minmax(360px,1fr) 240px;align-items:center;gap:16px;min-height:0;padding:18px;display:grid;overflow:hidden}.title-bestiary-preview img{object-fit:contain;filter:drop-shadow(0 10px 16px #0000008c);justify-self:center;width:100%;max-width:450px;height:100%;max-height:360px}.title-bestiary-preview span{align-content:center;gap:8px;min-width:0;display:grid}.title-bestiary-preview strong{color:#fff;text-shadow:var(--text-outline-dark);font-size:22px;font-weight:900;line-height:1.2}.title-bestiary-preview small{background:color-mix(in srgb, var(--monster-element-color,#84daff) 18%, #0000006b);border:1px solid color-mix(in srgb, var(--monster-element-color,#84daff) 62%, #ffffff14);color:var(--monster-element-color,#84daff);text-shadow:var(--text-outline-dark);border-radius:4px;justify-self:start;padding:4px 10px;font-size:12px;font-weight:900}.title-bestiary-preview em{color:#c7d4e8;background:#00000040;border:1px solid #ffffff17;border-radius:6px;padding:10px 12px;font-size:13px;font-style:normal;font-weight:700;line-height:1.45;display:block}.title-bestiary-empty{color:#aebbd2;text-align:center;place-content:center;gap:6px;min-height:420px;display:grid}.title-bestiary-empty strong{color:#fff;text-shadow:var(--text-outline-dark);font-size:28px;font-weight:900}.title-bestiary-actions{--action-color:#69c8ff;box-sizing:border-box;background:#00000040;border:1px solid #ffffff17;border-radius:6px;grid-template-rows:auto minmax(0,1fr);gap:8px;width:100%;min-width:0;max-width:100%;height:104px;padding:10px;display:grid;overflow:hidden}.title-bestiary-actions>strong{color:#fff;text-shadow:var(--text-outline-dark);font-size:13px;font-weight:900}.title-bestiary-actions>div{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#84daff6b #03050a6b;flex-wrap:nowrap;align-items:flex-start;gap:6px;min-width:0;max-width:100%;height:62px;padding-bottom:10px;display:flex;overflow:scroll hidden}.title-bestiary-actions>div::-webkit-scrollbar{height:8px}.title-bestiary-actions>div::-webkit-scrollbar-track{background:#03050a6b;border:1px solid #ffffff0d;border-radius:8px}.title-bestiary-actions>div::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#84daff9e,#4f9dff57);border:1px solid #ffffff1f;border-radius:8px}.title-bestiary-action{--action-color:#69c8ff;box-sizing:border-box;border:1px solid color-mix(in srgb, var(--action-color) 58%, #ffffff1a);background:linear-gradient(90deg, color-mix(in srgb, var(--action-color) 18%, #080c14c2), #070c14a8);width:126px;height:48px;box-shadow:inset 3px 0 0 color-mix(in srgb, var(--action-color) 70%, transparent), 0 0 8px color-mix(in srgb, var(--action-color) 22%, transparent);border-radius:5px;flex:none;gap:2px;padding:6px 8px;display:inline-grid;overflow:hidden}.title-bestiary-action[data-type=attack]{--action-color:#69c8ff}.title-bestiary-action[data-type=empower]{--action-color:#ffa550}.title-bestiary-action[data-type=hinder]{--action-color:#c070f0}.title-bestiary-action[data-type=idle]{--action-color:#ffffff5c}.title-bestiary-action[data-type=flee]{--action-color:gold}.title-bestiary-action b{text-overflow:ellipsis;white-space:nowrap;color:#fff;min-width:0;text-shadow:0 0 8px var(--action-color);font-size:12px;font-weight:900;overflow:hidden}.title-bestiary-action small,.title-bestiary-actions.is-locked>span{text-overflow:ellipsis;white-space:nowrap;color:#9fb0c8;min-width:0;font-size:11px;font-weight:800;overflow:hidden}.stage-choice-button,.shop-action-button,.run-primary-button,.magic-choice-card{pointer-events:auto;color:#d9e6ff;cursor:pointer;background:#070a10b8;border:1px solid #ffffff29;border-radius:7px;font-weight:900}.stage-choice-button,.shop-action-button{text-align:left;align-content:center;gap:8px;min-height:96px;padding:12px;display:grid}.stage-choice-button strong,.shop-action-button strong{color:#fff;text-shadow:var(--text-outline-dark);font-size:18px;line-height:1.15}.stage-choice-button span,.shop-action-button span{color:#c9d6ea;font-size:12px;font-weight:800;line-height:1.35}.merchant-shop-board .shop-action-button{gap:2px;min-height:44px;padding:6px 10px}.merchant-shop-board .shop-action-button strong{font-size:14px}.merchant-shop-board .shop-action-button span{font-size:10px;line-height:1.24}.reward-skip-row{justify-content:center;display:flex}.magic-choice-card{isolation:isolate;text-align:left;--spell-color:#ff8a4c;background:linear-gradient(#151c2ae6,#0a0d14d6),#06080cc7;grid-template-rows:46px 26px minmax(34px,auto) 64px;align-content:start;gap:7px;min-height:188px;padding:11px 13px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1a,0 14px 34px #00000052}.magic-choice-card:before{content:"";z-index:-2;background:radial-gradient(circle at 18% 18%, color-mix(in srgb, var(--spell-color) 26%, transparent), transparent 42%), linear-gradient(120deg, color-mix(in srgb, var(--spell-color) 20%, transparent), transparent 46%);opacity:.9}.magic-choice-card:after{content:"";z-index:-1;border-left:5px solid var(--spell-color);box-shadow:inset 0 0 24px color-mix(in srgb, var(--spell-color) 14%, transparent);pointer-events:none}.magic-choice-card:not(.is-readonly):hover{border-color:color-mix(in srgb, var(--spell-color) 72%, white);box-shadow:inset 0 1px 0 #ffffff29, 0 0 0 2px color-mix(in srgb, var(--spell-color) 18%, transparent), 0 18px 42px #00000061;background:linear-gradient(#1c263af0,#0c111ce6),#06080cd1;transform:translateY(-3px)}.magic-choice-card .rank-watermark{display:none}.magic-choice-card .spell-header{align-items:center;gap:10px;min-width:0;height:46px}.magic-choice-card .spell-name{min-width:0;font-size:18px;line-height:22px;display:block}.magic-choice-title{align-content:center;gap:2px;min-width:0;display:grid}.magic-choice-ruby{min-width:0;color:color-mix(in srgb, var(--spell-color) 72%, #fff);text-overflow:ellipsis;text-shadow:var(--text-outline-dark);white-space:nowrap;font-size:11px;font-weight:900;line-height:1.1;display:block;overflow:hidden}.magic-choice-meta{color:#c9d6ea;min-width:0;height:26px;text-shadow:var(--text-outline-dark);justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:900;display:flex}.magic-choice-rank{color:#ffd772;letter-spacing:.03em;text-shadow:var(--text-outline-dark), 0 0 10px #ffd77247;flex:none;margin-left:auto;font-size:25px;line-height:1}.magic-choice-chant{color:#eef4ff;height:64px;text-shadow:var(--text-outline-light);background:#03050a6b;border:1px solid #ffffff21;border-radius:6px;align-content:start;justify-items:start;gap:2px;padding:7px 8px;font-size:12px;font-weight:800;line-height:1.32;display:grid;overflow:hidden}.magic-choice-chant span{color:#ffd772;letter-spacing:.08em;font-size:10px;font-weight:900;line-height:1}.magic-choice-desc{color:#dce7f8;min-height:34px;text-shadow:var(--text-outline-light);background:#03050a52;border:1px solid #ffffff1c;border-radius:5px;padding:6px 8px;font-size:11px;font-weight:800;line-height:1.28;display:block}.magic-choice-desc:before{content:"効果 ";color:#ffd772;letter-spacing:.04em;margin-bottom:2px;font-size:10px;font-weight:900;display:block}.shop-spell-card{text-align:left;grid-template-rows:40px 22px minmax(0,58px);gap:5px;min-height:128px;padding:8px 9px 8px 58px;position:relative;overflow:hidden}.shop-spell-card .item-key{font-size:13px;top:4px;left:8px}.shop-spell-card .rank-watermark{font-size:42px}.shop-spell-card .spell-header{gap:7px;height:40px}.shop-spell-card .spell-name{font-size:13px;line-height:16px}.shop-spell-card .magic-choice-ruby{font-size:10px}.shop-spell-card .magic-choice-meta{height:22px}.shop-spell-card .magic-choice-rank{font-size:16px}.shop-spell-details{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px;min-width:0;min-height:0;display:grid}.shop-spell-card .magic-choice-chant{height:58px;padding:5px 6px;font-size:9px;line-height:1.18}.shop-spell-card .magic-choice-desc{height:58px;min-height:0;padding:4px 6px;font-size:9px;line-height:1.18;overflow:hidden}.shop-spell-card .magic-choice-desc:before,.shop-spell-card .magic-choice-chant span{margin-bottom:1px;font-size:9px;line-height:1}.shop-spell-card:disabled{opacity:.48;cursor:default}.run-close-button{pointer-events:auto;z-index:2;color:#d9e6ff;cursor:pointer;background:radial-gradient(circle at 35% 24%,#ffffff1a,#0000 54%),#070a10c7;border:1px solid #ffffff3d;border-radius:50%;width:34px;height:34px;font-size:22px;font-weight:900;line-height:30px;transition:color .12s,border-color .12s,background .12s;position:absolute;top:14px;right:14px;box-shadow:inset 0 1px #ffffff1f,0 8px 18px #00000052}.run-close-button:hover{color:#fff;background:radial-gradient(circle at 35% 24%,#84daff38,#0000 54%),#203f58c7;border-color:#84daffa8}.run-primary-button{justify-self:end;min-width:132px;height:40px;padding:0 18px;font-size:14px}.title-music-controls .run-primary-button{justify-self:stretch;place-items:center;width:100%;min-width:0;height:38px;padding:0;font-size:13px;line-height:1;display:grid}.title-music-controls .title-music-loop-button{letter-spacing:.08em;padding:0 12px;font-size:15px}.stage-choice-button:hover,.shop-action-button:hover:not(:disabled),.run-primary-button:hover:not(:disabled){color:#fff;background:#203f58c2;border-color:#84daffa8}.shop-action-button:disabled,.run-primary-button:disabled{opacity:.52;cursor:default}.title-sub-pane[data-sub=music]{width:980px;max-height:700px}.title-music-layout{grid-template-columns:380px minmax(0,1fr);gap:14px;min-height:0;display:grid}.title-music-list{scrollbar-width:thin;scrollbar-color:#84daff6b #03050a6b;flex-direction:column;gap:8px;max-height:500px;padding-right:8px;display:flex;overflow-y:auto}.title-music-list::-webkit-scrollbar{width:8px}.title-music-list::-webkit-scrollbar-track{background:#03050a6b;border:1px solid #ffffff0d;border-radius:8px}.title-music-list::-webkit-scrollbar-thumb{background:linear-gradient(#84daff9e,#4f9dff57);border:1px solid #ffffff1f;border-radius:8px}.title-music-track{--track-image:none;background:linear-gradient(90deg, #070c14e0, #070c14b3), var(--track-image);color:#d9e6ff;text-align:left;cursor:pointer;background-position:50%;background-size:cover;border:1px solid #ffffff21;border-radius:6px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:72px;padding:10px 12px 10px 16px;transition:border-color .12s ease-out,background .12s ease-out,transform .12s ease-out;display:grid;position:relative;overflow:hidden}.title-music-track:before{content:"";opacity:0;background:#84daff9e;border-radius:0 2px 2px 0;width:3px;position:absolute;top:10px;bottom:10px;left:0;box-shadow:0 0 10px #84daff73}.title-music-track:hover,.title-music-track.is-playing{background:linear-gradient(90deg, #0f2d46db, #070c149e), var(--track-image);background-position:50%;background-size:cover;border-color:#84daffb8}.title-music-track.is-playing:before{opacity:1}.title-music-player{background:#04080eb8;border:1px solid #ffffff21;border-radius:6px;grid-template-rows:minmax(0,1fr) auto auto auto;gap:12px;min-width:0;min-height:500px;padding:14px;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff14}.title-music-now{gap:4px;display:grid}.title-music-now small{color:#93b9ff;letter-spacing:.12em;font-size:10px;font-weight:900}.title-music-now strong{text-overflow:ellipsis;white-space:nowrap;color:#fff;min-height:28px;text-shadow:var(--text-outline-dark);font-size:22px;font-weight:900;overflow:hidden}.title-music-controls{grid-template-columns:repeat(4,42px) 64px;justify-content:start;gap:8px;display:grid}.title-music-icon-button{min-width:0;height:38px;padding:0;font-size:13px}.title-music-seek{color:#aebbd2;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:8px;font-size:11px;font-weight:900;display:grid}.title-music-seek input{accent-color:#84daff;min-width:0}.title-music-seek input:disabled{opacity:.45}.title-music-empty{color:#aebbd2;text-align:center;place-content:center;gap:6px;min-height:240px;display:grid}.title-music-empty strong{color:#fff;text-shadow:var(--text-outline-dark);font-size:22px;font-weight:900}.title-music-player{background:linear-gradient(#ffffff0a,#ffffff03),#16161aeb;border-color:#ffffff29;border-radius:8px;grid-template-rows:minmax(0,1fr) auto auto;align-content:end;gap:18px;min-height:384px;padding:28px;display:grid;box-shadow:inset 0 1px #ffffff1a,0 18px 44px #00000057}.title-music-now{align-self:end;gap:10px}.title-music-now small{color:#b8cbff;letter-spacing:.16em;font-size:15px}.title-music-now strong{white-space:normal;min-height:52px;font-size:32px;line-height:1.2}.title-music-controls{align-items:center;gap:14px;display:flex}.title-music-icon-button{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff38;border-radius:8px;flex:0 0 48px;place-items:center;width:48px;height:48px;padding:0;transition:border-color .14s,background .14s,transform .14s;display:grid;position:relative;box-shadow:inset 0 1px #ffffff1a}.title-music-icon-button:hover{background:#84daff29;border-color:#84daffb8;transform:translateY(-1px)}.player-icon{width:22px;height:22px;display:block;position:relative}.title-music-volume{background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:10px;min-width:154px;height:48px;padding:0 16px;display:grid}.title-music-list{gap:10px;max-height:384px}.title-music-track{background:#ffffff14;border:0;border-radius:6px;grid-template-columns:minmax(0,1fr);min-height:64px;padding:0 18px}.title-music-track:hover,.title-music-track.is-playing{background:#2c7cce80}.title-music-track:before{background:#46a8ff;width:6px;top:0;bottom:0}.title-music-track strong{text-overflow:ellipsis;white-space:nowrap;color:#fff;text-shadow:0 2px 10px #0000008f;min-width:0;font-size:20px;font-weight:900;line-height:1.2;overflow:hidden}.title-music-seek{color:#ecf1ffbd;grid-template-columns:58px minmax(0,1fr) 58px;gap:14px;font-size:15px}.title-music-seek input,.title-music-volume input{--range-progress:0%;appearance:none;background:linear-gradient(90deg, #84daffeb var(--range-progress), #ffffff47 var(--range-progress));cursor:pointer;border-radius:999px;width:100%;height:18px}.title-music-seek input::-webkit-slider-thumb{appearance:none;background:#fff;border:0;border-radius:50%;width:28px;height:28px;box-shadow:0 2px 12px #0000006b}.title-music-volume input::-webkit-slider-thumb{appearance:none;background:#fff;border:0;border-radius:50%;width:28px;height:28px;box-shadow:0 2px 12px #0000006b}.title-music-seek input::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:28px;height:28px;box-shadow:0 2px 12px #0000006b}.title-music-volume input::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:28px;height:28px;box-shadow:0 2px 12px #0000006b}.title-sub-pane[data-sub=music]{background:var(--panel-bg);gap:14px;width:1040px;max-height:700px;padding:22px 24px}.title-music-layout{grid-template-columns:minmax(0,1fr) 380px;gap:14px}.title-music-player{min-height:430px;padding:22px}.title-music-player.has-image{isolation:isolate;background:var(--track-image), linear-gradient(180deg, #121722f0, #05080eeb);background-position:50%;background-size:cover;position:relative;overflow:hidden}.title-music-player.has-image:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(#080a0f1a 0%,#080a0f2e 36%,#080a0f94 60%,#080a0fd1 78%,#080a0ff0 100%);position:absolute;inset:0 0 -3px}.title-music-player.has-image:after{content:"";z-index:0;background:#0000002e;position:absolute;inset:0}.title-music-player.has-image>*{z-index:1;position:relative}.title-music-now small{font-size:12px}.title-music-now strong{min-height:44px;font-size:26px}.title-music-icon-button{flex:0 0 48px;width:48px;height:48px}.title-music-icon-button .player-icon,.title-music-volume .player-icon{color:#cfd9ec;fill:currentColor;width:24px;height:24px}.title-music-icon-button .player-icon path,.title-music-volume .player-icon path,.title-music-icon-button .player-icon text{fill:currentColor}.title-music-list{box-sizing:border-box;height:343px;max-height:none}.title-music-player{aspect-ratio:16/9;background:linear-gradient(#121722f0,#05080eeb);border-color:#84daff52;grid-template-rows:minmax(0,1fr) auto auto;align-content:end;gap:12px;height:auto;min-height:0;padding:20px}.title-music-layout{grid-template-columns:610px 360px;align-items:start;gap:22px}.title-music-player,.title-music-list{box-sizing:border-box;width:100%;min-width:0}.title-music-player.has-image{background-image:var(--track-image);background-position:50%;background-size:cover}.title-music-player.has-image:before{background:linear-gradient(#04070c05 0%,#04070c1a 34%,#04070c94 62%,#04070cdb 100%);inset:0}.title-music-player.has-image:after{background:#00000024;inset:0}.title-music-controls{gap:14px}.title-music-icon-button{width:34px;height:34px;box-shadow:none;color:#ebf3ffd1;background:0 0;border:0;border-radius:0;flex:0 0 34px}.title-music-icon-button:hover{color:#fff;background:0 0;border:0;transform:translateY(-1px)}.title-music-icon-button .player-icon,.title-music-volume .player-icon{width:25px;height:25px}.title-music-volume{background:0 0;border:0;border-radius:0;min-width:170px;height:34px;padding:0}.title-music-seek input,.title-music-volume input{background:linear-gradient(90deg, #84daffeb var(--range-progress), #ffffff38 var(--range-progress));border-radius:0;height:20px}.title-music-volume input{height:12px}.title-music-seek input::-webkit-slider-thumb{border-radius:0;width:12px;height:20px}.title-music-volume input::-webkit-slider-thumb{border-radius:0;width:12px;height:20px}.title-music-volume input::-webkit-slider-thumb{width:10px;height:18px}.title-music-seek input::-moz-range-thumb{border-radius:0;width:12px;height:20px}.title-music-volume input::-moz-range-thumb{border-radius:0;width:12px;height:20px}.title-music-volume input::-moz-range-thumb{width:10px;height:18px}.title-root[data-view=custom] .title-modal-backdrop{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .18s,visibility linear}.title-root[data-view=custom] .title-sub-pane[data-sub=custom]{opacity:1;visibility:visible;pointer-events:auto;transition:transform .2s,opacity .16s,visibility linear;transform:translate(-50%,-50%)}.title-sub-pane[data-sub=custom]{width:640px;max-height:600px}.title-custom-layout{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.title-custom-intro{color:#dce4f8bf;margin:0;font-size:13px}.title-custom-actions{gap:8px;display:flex}.title-custom-input-row{align-items:stretch;gap:8px;display:flex}.title-custom-input-row textarea{resize:none;border:1px solid var(--panel-border-color);color:#e8ecf6;background:#05080ecc;border-radius:8px;outline:none;flex:1;padding:8px 10px;font-family:inherit;font-size:13px}.title-custom-input-row textarea:focus{border-color:#b6caff8c}.title-custom-input-row .run-primary-button{min-width:96px}.title-custom-message{color:#ffd88a;white-space:pre-wrap;margin:0;font-size:12px}.title-custom-list{flex-direction:column;flex:1;gap:8px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.title-custom-card{border:1px solid var(--panel-border-color);border-left:3px solid var(--spell-color,#b6caff);background:linear-gradient(#151c2ab8,#080b12a8);border-radius:8px;align-items:center;gap:10px;padding:8px 12px;display:flex}.title-custom-card-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.title-custom-card-heading{align-items:baseline;gap:10px;min-width:0;display:flex}.title-custom-card-heading strong{color:var(--spell-color,#e8ecf6);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.title-custom-card-meta{color:#dce4f8a6;white-space:nowrap;font-size:11px}.title-custom-card-desc{color:#dce4f8d9;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.title-custom-card-code{font-family:var(--font-mono);color:#ffe9a8d9;align-items:center;gap:10px;font-size:11px;display:flex}.title-custom-author,.title-custom-author-link{color:#b6caffd9;font-family:inherit;font-size:11px}.title-custom-author-link{color:#8fd0ff;width:17px;height:17px;font-family:var(--font-mono);cursor:pointer;background:#8fd0ff1a;border:1px solid #8fd0ff80;border-radius:4px;justify-content:center;align-items:center;padding:0;font-size:9px;display:inline-flex;overflow:hidden}.title-custom-author-link:hover{color:#fff;border-color:#fff}.title-custom-author-link img{object-fit:cover;width:100%;height:100%;display:block}.title-custom-remove{flex-shrink:0;padding:6px 14px;font-size:12px}.title-custom-empty{color:#dce4f899;border:1px dashed var(--panel-border-color);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:24px 12px;font-size:12px;display:flex}.title-option-grid{grid-template-columns:auto 1fr;align-items:center;gap:8px 14px;margin-bottom:14px;display:grid}.title-option-label{color:#dce4f8bf;letter-spacing:.08em;white-space:nowrap;font-size:12px}.title-option-buttons{grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;display:grid}.title-custom-mode-button{color:#dce4f8bf;border:1px solid var(--panel-border-color);text-align:center;white-space:nowrap;cursor:pointer;background:#05080e99;border-radius:999px;padding:5px 14px;font-family:inherit;font-size:12px}.title-custom-mode-button:hover{border-color:#b6caff8c}.title-custom-mode-button.is-selected{color:#0b1020;background:linear-gradient(#cfdcff,#93aef5);border-color:#0000;font-weight:700}.custom-spell-badge{color:#ffe9a8e6;align-self:flex-start;align-items:center;gap:6px;margin-top:4px;font-size:10px;display:inline-flex}.custom-spell-badge-label{letter-spacing:.08em;background:#ffd27829;border:1px solid #ffdc9666;border-radius:4px;padding:1px 6px}.custom-spell-badge-code{font-family:var(--font-mono)}.title-root[data-view=ranking] .title-modal-backdrop{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .18s,visibility linear}.title-root[data-view=ranking] .title-sub-pane[data-sub=ranking]{opacity:1;visibility:visible;pointer-events:auto;transition:transform .2s,opacity .16s,visibility linear;transform:translate(-50%,-50%)}.title-sub-pane[data-sub=ranking]{width:780px;height:620px;max-height:620px}.title-ranking-root{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.title-ranking-identity{border:1px solid var(--panel-border-color);background:#05080e8c;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:6px 10px;display:flex}.title-ranking-identity-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.title-ranking-identity-name.is-anon,.title-ranking-name.is-anon{color:#b4c0d89e}.title-ranking-identity-name.is-named,.title-ranking-name.is-named{color:#e8ecf6}.title-ranking-name-button{color:#cbd8f8;cursor:pointer;background:#93aef529;border:1px solid #93aef55c;border-radius:6px;flex:none;padding:4px 12px;font-family:inherit;font-size:12px}.title-ranking-name-button:hover:not(:disabled){background:#93aef547}.title-ranking-name-button:disabled{color:#aab6ce73;cursor:not-allowed;background:#78849c1a;border-color:#78849c47}.title-ranking-identity-buttons{flex:none;gap:6px;display:flex}.title-ranking-notice{color:#ffd696eb;background:#ffc46b1a;border-left:2px solid #ffc46bb3;border-radius:4px;margin:0;padding:5px 10px;font-size:12px}.title-ranking-hint{color:#dce4f89e;margin:0;font-size:11px}.title-ranking-category,.title-ranking-modes{flex-wrap:wrap;gap:6px;display:flex}.title-ranking-tab{border:1px solid var(--panel-border-color);color:#dce4f8b8;cursor:pointer;background:#05080e99;border-radius:7px;padding:5px 14px;font-family:inherit;font-size:12px;transition:background .12s,color .12s,border-color .12s}.title-ranking-tab:hover{color:#e8ecf6;background:#93aef524}.title-ranking-tab.is-selected{color:#fff;background:#93aef53d;border-color:#93aef599}.title-ranking-tab.is-mode.diff-easy.is-selected{border-color:var(--diff-color-easy);color:var(--diff-color-easy)}.title-ranking-tab.is-mode.diff-normal.is-selected{border-color:var(--diff-color-normal);color:var(--diff-color-normal)}.title-ranking-tab.is-mode.diff-hard.is-selected{border-color:var(--diff-color-hard);color:var(--diff-color-hard)}.title-ranking-tab.is-mode.diff-extreme.is-selected{border-color:var(--diff-color-extreme);color:var(--diff-color-extreme)}.title-ranking-tab.is-mode.diff-endless.is-selected{border-color:var(--diff-color-endless);color:var(--diff-color-endless)}.title-ranking-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.title-ranking-controls label{color:#dce4f8ad;align-items:center;gap:6px;font-size:12px;display:flex}.title-ranking-controls select{border:1px solid var(--panel-border-color);color:#e8ecf6;background:#05080ecc;border-radius:6px;outline:none;padding:4px 8px;font-family:inherit;font-size:12px}.title-ranking-list{scrollbar-width:thin;scrollbar-color:#84daff6b #03050a6b;flex-direction:column;flex:1;gap:2px;min-height:0;padding-right:8px;display:flex;overflow-y:auto}.title-ranking-list::-webkit-scrollbar{width:8px}.title-ranking-list::-webkit-scrollbar-track{background:#03050a6b;border:1px solid #ffffff0d;border-radius:8px}.title-ranking-list::-webkit-scrollbar-thumb{background:linear-gradient(#84daff9e,#4f9dff57);border:1px solid #ffffff1f;border-radius:8px}.title-ranking-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(#b0ebffc2,#64b4ff75)}.title-ranking-placeholder{text-align:center;color:#dce4f88c;flex:1;place-items:center;min-height:0;font-size:13px;display:grid}.title-ranking-row{background:#05080e6b;border:1px solid #0000;border-radius:6px;grid-template-columns:40px minmax(0,1fr) 92px 62px 62px 62px 30px 46px 44px 58px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;display:grid}.title-ranking-row.is-self{background:#78ebff14;border-color:#78ebff99}.title-ranking-rank{color:#dce4f8b3;font-family:var(--font-numeric);font-variant-numeric:tabular-nums;text-align:right}.title-ranking-name{white-space:nowrap;align-items:center;gap:5px;display:flex;overflow:hidden;transform:translateY(-1px)}.title-ranking-x{color:#8fd0ff;width:17px;height:17px;font-family:var(--font-mono);cursor:pointer;background:#8fd0ff1a;border:1px solid #8fd0ff80;border-radius:4px;flex:none;justify-content:center;align-items:center;padding:0;font-size:9px;display:inline-flex;overflow:hidden}.title-ranking-x:hover{color:#fff;border-color:#fff}.title-ranking-x img{object-fit:cover;width:100%;height:100%;display:block}.title-ranking-score,.title-ranking-progress,.title-ranking-metric{font-family:var(--font-numeric);font-variant-numeric:tabular-nums;text-align:right;color:#dce4f8d1}.title-ranking-score{color:#ffe6a8}.title-ranking-weapon{justify-content:center;align-items:center;display:flex}.title-ranking-weapon img{object-fit:contain;width:26px;height:26px}.title-ranking-badges{justify-content:center;gap:3px;display:flex}.title-ranking-badge{border-radius:4px;justify-content:center;align-items:center;width:17px;height:17px;font-size:10px;font-weight:700;display:inline-flex}.title-ranking-badge.is-custom{color:#ca87ff;background:#ca87ff38}.title-ranking-badge.is-platform{color:#9db6f2;background:#93aef52e}.title-ranking-date{color:#dce4f873;font-family:var(--font-numeric);font-variant-numeric:tabular-nums;text-align:right;font-size:11px}.title-ranking-share-slot{justify-content:flex-end;display:flex}.title-ranking-share,.run-end-ranking-share{color:#b9e3ff;white-space:nowrap;cursor:pointer;background:#8fd0ff1f;border:1px solid #8fd0ff7a;border-radius:5px;justify-content:center;align-items:center;gap:4px;padding:3px 6px;font-family:inherit;font-size:10px;line-height:1;display:inline-flex}.title-ranking-share:hover,.run-end-ranking-share:hover{color:#fff;background:#8fd0ff3d;border-color:#fff}.title-ranking-share img,.run-end-ranking-share img{border-radius:2px;width:13px;height:13px}.title-ranking-self{border-top:1px solid var(--panel-border-color);flex:none;padding-top:6px}.ranking-name-dialog,.ranking-id-dialog{pointer-events:auto;z-index:2400;background:#03050ab8;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ranking-name-dialog.is-hidden,.ranking-id-dialog.is-hidden{display:none}.ranking-name-panel,.ranking-id-panel{background:var(--panel-bg);border:1px solid var(--panel-border-color);width:420px;max-width:calc(100% - 40px);box-shadow:var(--panel-shadow);border-radius:12px;flex-direction:column;gap:12px;padding:22px 24px 20px;display:flex;position:relative}.ranking-id-panel{width:560px}.ranking-id-label{color:#dce4f8c7;font-size:12px}.ranking-id-description,.ranking-id-import-note{color:#dce4f8b8;margin:-2px 0 0;font-size:12px;line-height:1.6}.ranking-id-security-warning{color:#ff9c9c;margin:-3px 0 0;font-size:12px;font-weight:700;line-height:1.55}.ranking-id-row{gap:8px;display:flex}.ranking-id-row input,.ranking-id-input{border:1px solid var(--panel-border-color);color:#e8ecf6;min-width:0;font-family:var(--font-mono);background:#05080ecc;border-radius:8px;outline:none;flex:1;padding:8px 10px;font-size:12px}.ranking-id-row input:focus,.ranking-id-input:focus{border-color:#93aef5b3}.ranking-id-row .run-primary-button{flex:none;width:auto;padding-inline:16px}.ranking-id-visibility-button{cursor:pointer;background:#93aef51f;border:1px solid #93aef55c;border-radius:7px;flex:none;place-items:center;width:34px;padding:0;display:grid}.ranking-id-visibility-button:hover{background:#93aef540}.ranking-id-visibility-button[aria-pressed=true]{background:#ff9c9c2e;border-color:#ff9c9c8c}.ranking-id-eye{border:1.5px solid #cbd8f8;border-radius:50%;width:16px;height:10px;display:block;position:relative}.ranking-id-eye:after{content:"";background:#cbd8f8;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ranking-id-visibility-button[aria-pressed=true] .ranking-id-eye:before{z-index:1;content:"";background:#ff9c9c;width:21px;height:1.5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-42deg);box-shadow:0 0 0 1px #05080eb3}.ranking-name-title{color:#cbd8f8;letter-spacing:.04em;font-size:15px}.ranking-name-input-row{align-items:center;gap:8px;display:flex}.ranking-name-input-row input,.ranking-x-input-row input{border:1px solid var(--panel-border-color);color:#e8ecf6;background:#05080ecc;border-radius:8px;outline:none;flex:1;padding:8px 10px;font-family:inherit;font-size:14px}.ranking-name-input-row input:focus,.ranking-x-input-row:focus-within{border-color:#93aef5b3}.ranking-name-input-row input:disabled,.ranking-x-input-row input:disabled{opacity:.5;cursor:not-allowed}.ranking-x-label{color:#dce4f8c7;gap:6px;margin-bottom:-6px;font-size:12px;display:flex}.ranking-x-label span{color:#dce4f873}.ranking-x-input-row{border:1px solid var(--panel-border-color);background:#05080ecc;border-radius:8px;align-items:center;display:flex;overflow:hidden}.ranking-x-prefix{color:#dce4f88c;font-family:var(--font-mono);padding-left:10px}.ranking-x-input-row input{background:0 0;border:none;min-width:0}.ranking-name-count{color:#dce4f880;font-family:var(--font-numeric);font-variant-numeric:tabular-nums;font-size:12px}.ranking-name-notes{color:#dce4f8ad;margin:0;padding-left:18px;font-size:12px;line-height:1.7}.ranking-name-message{color:#ff9c9c;min-height:1em;margin:0;font-size:12px}.ranking-name-buttons{gap:10px;display:flex}.ranking-name-buttons .run-primary-button{flex:1}.ranking-name-buttons .run-primary-button.is-secondary{color:#dce4f8cc;background:#05080e99}.run-end-ranking:empty{display:none}.run-end-ranking{flex-direction:column;gap:1px;min-width:0;display:flex}.run-end-score{align-items:baseline;gap:10px;display:flex}.run-end-score small{color:#dce4f88c;letter-spacing:.16em;font-size:11px}.run-end-score strong{color:#ffe6a8;font-family:var(--font-numeric);font-variant-numeric:tabular-nums;text-shadow:var(--text-outline-dark);font-size:26px;line-height:1.05}.run-end-ranking-board{flex-wrap:wrap;align-items:center;gap:10px;margin-top:2px;font-size:12px;display:flex}.run-end-ranking-label{color:#dce4f8c7}.run-end-ranking-rank{color:#8fd0ff;font-family:var(--font-numeric);font-variant-numeric:tabular-nums}.run-end-ranking-best{color:#ffe6a8;background:#ffe6a82e;border-radius:999px;padding:1px 8px;font-size:11px}.run-end-ranking-actions{align-items:center;gap:7px;margin-top:3px;display:flex}.run-end-ranking-name{color:#cbd8f8;cursor:pointer;background:#93aef529;border:1px solid #93aef55c;border-radius:6px;padding:2px 12px;font-family:inherit;font-size:12px}.run-end-ranking-name:hover{background:#93aef547}.run-end-ranking-share{padding:3px 9px;font-size:11px}.run-end-ranking-notice{color:#ffd696e6;margin:2px 0 0;font-size:11px}.stage-choice-list .stage-choice-button{isolation:isolate;border-color:color-mix(in srgb, var(--risk-color) 44%, #ffffff29);background:linear-gradient(180deg, #05080e4d, #04060ceb 58%, #03050af5), linear-gradient(90deg, #03050ae0, #03050a33 48%, #03050adb), var(--stage-bg), #06080cc7;background-position:50%;background-size:auto,auto,cover,auto;grid-template-rows:1fr;align-content:stretch;gap:0;min-height:0;padding:0;transition:border-color .12s ease-out,background .12s ease-out,box-shadow .12s ease-out,transform .12s ease-out;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1a,0 14px 34px #00000052}.stage-choice-list .stage-choice-button:before{content:"";z-index:-1;border-left:5px solid var(--risk-color);background:radial-gradient(circle at 24% 18%, color-mix(in srgb, var(--risk-color) 28%, transparent), transparent 42%);box-shadow:inset 0 0 24px color-mix(in srgb, var(--risk-color) 14%, transparent), inset 0 -70px 80px #0000007a;position:absolute;inset:0}.stage-choice-list .stage-choice-button:hover,.stage-choice-list .stage-choice-button:focus-visible{border-color:color-mix(in srgb, var(--risk-color) 74%, white);background:linear-gradient(180deg, #080c1433, #05080ee0 58%, #03050af2), linear-gradient(90deg, #03050ad6, #03050a24 48%, #03050ad1), var(--stage-bg), #06080cd1;box-shadow:inset 0 1px 0 #ffffff29, 0 0 0 2px color-mix(in srgb, var(--risk-color) 18%, transparent), 0 18px 42px #00000061;background-position:50%;background-size:auto,auto,cover,auto;transform:translateY(-3px)}.stage-choice-body{grid-template-rows:auto 1fr;gap:10px;min-width:0;min-height:0;padding:13px 14px 14px;display:grid}.stage-choice-header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;min-width:0;display:grid}.stage-choice-button .stage-choice-header strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;min-width:0;text-shadow:var(--text-outline-dark);font-size:18px;font-weight:900;line-height:22px;overflow:hidden}.stage-risk-badge{border:1px solid color-mix(in srgb, var(--risk-color) 72%, white);background:radial-gradient(circle at 34% 24%, color-mix(in srgb, var(--risk-color) 34%, transparent), transparent 56%), #03050a75;color:#fff;min-width:54px;height:24px;text-shadow:var(--text-outline-dark), 0 0 10px color-mix(in srgb, var(--risk-color) 42%, transparent);border-radius:4px;justify-content:center;align-items:center;padding:0 8px;font-size:11px;font-weight:900;line-height:1;display:inline-flex}.stage-choice-content{grid-template-columns:1fr 108px;gap:10px;min-width:0;min-height:0;display:grid}.stage-choice-info{flex-direction:column;justify-content:space-between;gap:8px;min-width:0;display:flex}.stage-choice-description{color:#c8daf8d1;min-width:0;text-shadow:var(--text-outline-dark);flex:1;font-size:10.5px;font-weight:600;line-height:1.55}.stage-rank-label{color:#ffd772;text-shadow:var(--text-outline-dark);background:#03050a61;border:1px solid #ffd77247;border-radius:5px;align-self:flex-start;align-items:center;padding:4px 8px;font-size:10px;font-weight:900;line-height:1;display:inline-flex}.stage-radar-block{flex-direction:column;align-items:center;gap:4px;min-width:0;padding:0;display:flex}.stage-radar-title{color:#ffd772;letter-spacing:.04em;text-shadow:var(--text-outline-dark);justify-self:start;font-size:10px;font-weight:900;line-height:1}.stage-radar{filter:drop-shadow(0 2px 4px #000000d9)drop-shadow(0 0 10px #0000007a);width:108px;height:108px;overflow:visible}.stage-radar-ring{fill:none;stroke:#ffffff47;stroke-width:1px}.stage-radar-axis{stroke:#fff3;stroke-width:1px}.stage-radar-area{fill:color-mix(in srgb, var(--risk-color) 28%, #84daff33);stroke:none}.stage-radar-line{fill:none;stroke:color-mix(in srgb, var(--risk-color) 70%, #fff);stroke-width:2px;stroke-linejoin:round;filter:drop-shadow(0 0 5px color-mix(in srgb, var(--risk-color) 48%, transparent))}.stage-radar-label{overflow:visible}.stage-radar-icon{place-items:center;width:22px;height:22px;display:grid}.stage-radar-icon .element-icon{filter:drop-shadow(0 1px 2px #000000e6) drop-shadow(0 0 6px color-mix(in srgb, var(--stage-element-color) 72%, transparent))}.settings-panel{border-color:#b6caff47;grid-template-rows:auto auto 1fr;width:680px;height:620px;padding:18px;display:grid;position:relative}.settings-header{justify-content:space-between;align-items:baseline;margin-bottom:16px;padding-right:44px;display:flex}.settings-header strong{color:#fff;text-shadow:var(--text-outline-dark);font-size:22px;font-weight:900}.settings-header span{color:#84daff;letter-spacing:.16em;text-shadow:0 0 8px #84daff7a;font-size:11px;font-weight:900}.tab-bar{border-bottom:1px solid #b6caff2e;gap:2px;display:flex}.tab-bar__tab{pointer-events:auto;color:#8c9bb5;letter-spacing:.02em;cursor:pointer;background:0 0;border:none;flex:0 auto;height:38px;padding:0 18px;font-size:13px;font-weight:900;transition:color .12s;position:relative}.tab-bar__tab:after{content:"";background:0 0;border-radius:2px;height:2px;transition:background .12s,box-shadow .12s;position:absolute;bottom:-1px;left:10px;right:10px}.tab-bar__tab:hover{color:#d9e6ff}.tab-bar__tab.is-active{color:#fff}.tab-bar__tab.is-active:after{background:#84daff;box-shadow:0 0 8px #84daff99}.tab-bar__tab.is-hidden,.tab-panel.is-hidden{display:none}.settings-tabs{margin-bottom:14px}.settings-panel .tab-panel{min-height:0;overflow-y:auto}.settings-section{gap:8px;margin-bottom:16px;display:grid}.settings-section:last-child{margin-bottom:0}.settings-label{color:#c9d6ea;font-size:12px;font-weight:900}.settings-note{color:#c9d6ea;font-size:12px;font-weight:800;line-height:1.45}.display-mode-options{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.display-mode-button,.settings-danger-button{pointer-events:auto;color:#d9e6ff;cursor:pointer;background:#070a10a3;border:1px solid #ffffff29;border-radius:6px;min-width:0;font-size:12px;font-weight:900;line-height:1}.display-mode-button{height:34px}.display-mode-button.is-wide{grid-column:1/-1}.settings-danger-button{color:#ffd8d8;border-color:#ff656561;height:36px}.display-mode-button:hover,.display-mode-button.is-selected{color:#fff;background:#203f58c2;border-color:#84daffa8}.settings-danger-button:hover:not(:disabled){color:#fff;background:#5e181ed6;border-color:#ff6565c2}.settings-danger-button:disabled{color:#d9e6ff52;cursor:not-allowed;background:#070a1066;border-color:#ffffff1a}.volume-row{grid-template-columns:64px 1fr 36px;align-items:center;gap:10px;padding:4px 0;display:grid}.volume-name{color:#c9d6ea;font-size:12px}.volume-value{color:#84daff;text-align:right;font-size:11px;font-family:var(--font-numeric);font-variant-numeric:tabular-nums}.volume-slider{pointer-events:auto;cursor:pointer;appearance:none;background:#ffffff29;border-radius:2px;outline:none;width:100%;height:4px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#84daff;border-radius:50%;width:14px;height:14px;box-shadow:0 0 5px #84daff99}.volume-slider:hover::-webkit-slider-thumb{background:#c0ecff;box-shadow:0 0 8px #84daffe6}@keyframes miss-pop{0%{opacity:0;transform:translateY(8px)scale(.72)}35%{opacity:1;transform:translateY(0)scale(1.08)}to{opacity:0;transform:translateY(-12px)scale(1)}}.grimoire-button{pointer-events:auto;background:#070a108c 50%/26px 26px no-repeat;background-image:var(--asset-grimoire-icon);cursor:pointer;z-index:2000;border:1px solid #fff3;border-radius:50%;width:38px;height:38px;padding:0;position:absolute;top:14px;right:62px}.grimoire-button:hover,.grimoire-button.is-active{border-color:#ffd7729e}.grimoire-button.is-hidden{display:none}.grimoire-button.is-shuffling{animation:.55s ease-out grimoire-shuffle-pulse}@keyframes grimoire-shuffle-pulse{0%{border-color:#ffd7729e;transform:scale(1);box-shadow:0 0 #ffd77200}35%{border-color:#ffd772;transform:scale(1.32);box-shadow:0 0 22px #ffd772d9}to{border-color:#fff3;transform:scale(1);box-shadow:0 0 #ffd77200}}.grimoire-count{pointer-events:none;color:#dce7f8;text-shadow:0 2px 3px #000000eb;z-index:2000;align-items:flex-end;gap:2px;height:38px;font-size:16px;font-weight:900;line-height:1;display:inline-flex;position:absolute;top:14px;right:108px}.grimoire-count.is-hidden{display:none}.grimoire-count-label{color:#d6e2f8b8;letter-spacing:.04em;padding-bottom:2px;font-size:11px;font-weight:800}.grimoire-count-num{pointer-events:auto;cursor:help;padding:0 2px 1px;display:inline-block;position:relative}.grimoire-count-num:hover{color:#ffd772}.grimoire-count-sep{color:#d6e2f899;padding:0 3px 1px;font-size:14px}.grimoire-tooltip{color:#dce7f8;white-space:nowrap;z-index:2100;scrollbar-width:thin;scrollbar-color:#ffd77299 #04060ccc;background:#070a10f2;border:1px solid #ffd77266;border-radius:4px;min-width:200px;max-width:280px;max-height:60vh;padding:8px 10px;font-size:12px;line-height:1.4;position:absolute;top:26px;right:0;overflow-y:auto;box-shadow:0 8px 22px #00000094}.grimoire-tooltip.is-hidden{display:none}.grimoire-tooltip-header{color:#d6e2f89e;letter-spacing:.08em;border-bottom:1px solid #ffffff1a;margin-bottom:4px;padding-bottom:4px;font-size:10px;font-weight:800}.grimoire-tooltip-list{gap:2px;display:grid}.grimoire-tooltip-row{font-family:var(--font-mono);align-items:baseline;gap:6px;font-size:12px;font-weight:700;display:flex}.grimoire-tooltip-rank{color:#d6e2f89e;min-width:18px;font-size:10px}.grimoire-tooltip-name{color:var(--spell-color,#dce7f8)}.grimoire-tooltip-empty{color:#d6e2f880;font-size:12px;font-style:italic}.run-overlay.is-deck-viewer-overlay .run-panel{flex-direction:column;width:940px;height:640px;padding:14px 18px 18px;display:flex}.run-overlay.is-deck-viewer-overlay .run-panel-header{flex:none}.run-overlay.is-deck-viewer-overlay .run-panel-body{flex:auto;grid-template-rows:auto 1fr;gap:8px;min-height:0;margin-top:10px;display:grid}.deck-viewer-tabs{margin:0}.tab-bar__tab-count{color:#d6e2f88c;margin-left:6px;font-size:11px;font-weight:700}.tab-bar__tab.is-active .tab-bar__tab-count{color:#84daffd9}.deck-viewer-tab-panel{scrollbar-width:thin;scrollbar-color:#ffd772b3 #04060cbd;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:12px;min-height:0;padding-right:8px;display:grid;overflow-y:auto}.deck-viewer-tab-panel.is-hidden{display:none}.deck-viewer-tab-panel::-webkit-scrollbar{width:10px}.deck-viewer-tab-panel::-webkit-scrollbar-track{background:linear-gradient(#0c111de0,#03050aeb);border:1px solid #ffffff1f;border-radius:999px}.deck-viewer-tab-panel::-webkit-scrollbar-thumb{background:linear-gradient(#ffe49a,#d79835);border:2px solid #04060ceb;border-radius:999px}.deck-viewer-empty{color:#d6e2f88c;text-align:center;grid-column:1/-1;padding:24px;font-size:14px;font-style:italic;font-weight:700}.deck-viewer-tab-panel .magic-choice-card{cursor:default;grid-template-rows:46px 26px 34px 72px;gap:6px;min-height:214px;padding:11px 12px 13px}.deck-viewer-tab-panel .magic-choice-card .spell-header{gap:8px;height:46px}.deck-viewer-tab-panel .magic-choice-card .spell-name{font-size:15px;line-height:18px}.deck-viewer-tab-panel .magic-choice-ruby{font-size:10px}.deck-viewer-tab-panel .magic-choice-meta{height:26px;font-size:12px}.deck-viewer-tab-panel .magic-choice-rank{font-size:16px}.deck-viewer-tab-panel .magic-choice-desc{min-height:34px;padding:5px 7px;font-size:11px;line-height:1.2}.deck-viewer-tab-panel .magic-choice-desc:before{display:none}.deck-viewer-tab-panel .magic-choice-chant{height:72px;padding:5px 7px;font-size:11px;line-height:1.2}.deck-viewer-tab-panel .magic-choice-chant span{font-size:9px}