@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700;900&display=swap";.agp-launcher{position:fixed;z-index:240;width:54px;height:54px;color:#f8fafc;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1;pointer-events:none}.agp-launcher *,.agp-launcher *:before,.agp-launcher *:after{box-sizing:border-box}.agp-launcher__button,.agp-launcher__item{margin:0;padding:0;border:0;font:inherit;-webkit-tap-highlight-color:transparent}.agp-launcher__button{position:relative;display:grid;width:54px;min-width:54px;height:54px;min-height:54px;place-items:center;overflow:visible;border:1px solid rgba(255,221,156,.58);border-radius:16px;background:#192238;box-shadow:0 12px 28px #0307126b,0 0 0 1px #070c18b8;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;pointer-events:auto;transition:box-shadow .16s ease,transform .16s ease,border-color .16s ease}.agp-launcher__button:after{content:"";position:absolute;right:-2px;bottom:-2px;width:12px;height:12px;border:2px solid #192238;border-radius:999px;background:#e7b760;box-shadow:0 0 10px #e7b7609e}.agp-launcher--registered .agp-launcher__button:after{background:#8ed4ff;box-shadow:0 0 10px #8ed4ffb8}.agp-launcher--dragging .agp-launcher__button{cursor:grabbing;transform:scale(1.045)}.agp-launcher--open .agp-launcher__button{border-color:#ffdea0f0;box-shadow:0 16px 36px #03071280,0 0 0 4px #e7b7601f}.agp-launcher__button:focus-visible,.agp-launcher__item:focus-visible{outline:3px solid #8ed4ff;outline-offset:3px}.agp-launcher__logo{display:block;width:48px;height:48px;border-radius:14px;object-fit:cover;pointer-events:none}.agp-launcher__menu{position:absolute;inset:0;width:54px;height:54px;pointer-events:none}.agp-launcher__item{--agp-x: 0px;--agp-y: 0px;--agp-delay: 0ms;position:absolute;left:calc(50% + var(--agp-x));top:calc(50% + var(--agp-y));display:grid;width:43px;min-width:43px;height:43px;min-height:43px;place-items:center;border:1px solid rgba(255,222,160,.54);border-radius:999px;background:#202b43;color:#ffe0a1;box-shadow:0 10px 24px #0307126b;cursor:pointer;pointer-events:auto;transform:translate(-50%,-50%);animation:agp-fan-in .21s cubic-bezier(.2,.85,.28,1.12) var(--agp-delay) both}.agp-launcher__item:hover,.agp-launcher__item:active{border-color:#ffe0a1;background:#2a3855}.agp-launcher__item svg{width:19px;height:19px;stroke-width:1.8}.agp-launcher__label{position:absolute;top:50%;display:block;min-width:max-content;padding:6px 9px;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:#0d1320f5;color:#f8fafc;box-shadow:0 8px 22px #03071257;font-size:12px;font-weight:650;letter-spacing:.02em;line-height:1;white-space:nowrap;transform:translateY(-50%);pointer-events:none}.agp-launcher__item--fan-left .agp-launcher__label{right:calc(100% + 7px)}.agp-launcher__item--fan-right .agp-launcher__label{left:calc(100% + 7px)}.agp-launcher__item--fan-end.agp-launcher__item--fan-down .agp-launcher__label{top:calc(100% + 7px);right:auto;left:50%;transform:translate(-50%)}.agp-launcher__item--fan-end.agp-launcher__item--fan-up .agp-launcher__label{top:auto;right:auto;bottom:calc(100% + 7px);left:50%;transform:translate(-50%)}@keyframes agp-fan-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.58)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media(prefers-reduced-motion:reduce){.agp-launcher__button{transition:none}.agp-launcher__item{animation:none}}:root{font-family:"Noto Serif SC",Songti SC,SimSun,serif;color:#eef0fb;background:#080f20;font-synthesis:none;--gold: #e7cd92;--silver: #c9d5ee;--blue: #98b7ec;--ink: #111c36;--line: rgba(208, 218, 243, .4)}*{box-sizing:border-box}body{margin:0}html,body,#root{min-height:100%;min-height:100vh}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer;background:transparent;border:1px solid var(--line);border-radius:6px;padding:9px 13px;display:inline-flex;gap:7px;align-items:center;justify-content:center;transition:filter .2s,background .2s,transform .2s}button:hover:not(:disabled){background-color:#b2cdff21;filter:brightness(1.12)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #f4d78f;outline-offset:3px}button:disabled{opacity:.4;cursor:not-allowed}button svg{width:19px;height:19px;flex-shrink:0}h1,h2,h3,p{margin:0}p{line-height:1.9}small{font-size:11px;line-height:1.7}h3{font-size:18px}em{font-style:normal}input,textarea,select{color:#edf1ff;background:#0c1730;border:1px solid var(--line);border-radius:5px;padding:12px;width:100%;min-width:0;font-size:16px}input[type=checkbox]{width:19px;height:19px;accent-color:#bacbf9}input[type=range]{padding:0}select option{background:#14213b}label{display:block}textarea{resize:vertical;line-height:1.8}a{color:var(--gold)}button,input,textarea{-webkit-tap-highlight-color:transparent}*{scrollbar-width:none}*::-webkit-scrollbar{display:none}.app{max-width:1100px;margin:auto;min-height:100vh;min-height:100dvh;position:relative;background:#111c36;box-shadow:0 0 100px #263d6b55}.app-content{min-height:100vh;min-height:100dvh}.locked{pointer-events:none}.topbar{height:76px;display:flex;align-items:center;padding:12px 22px;gap:16px;position:absolute;top:0;left:0;right:0;z-index:10;background:linear-gradient(#08102499,transparent)}.brand{padding:0;border:0;gap:12px;white-space:nowrap;text-align:left}.brand>svg{width:28px;height:28px;border:1px solid #cbd9ee66;padding:3px;border-radius:3px}.brand span{display:flex;flex-direction:column}.brand b{font-size:20px;letter-spacing:2px}.brand small{font-size:9px;letter-spacing:3px;color:#becce5}.currencies{margin-left:auto;display:flex;gap:15px}.currencies button{background:linear-gradient(90deg,#101b30ce,#172540cc);border:1px solid #98abcf70;border-radius:20px;padding:5px 13px;min-width:95px;gap:9px}.currencies button>svg{color:#badbff;filter:drop-shadow(0 0 6px #6899ee)}.currencies button:nth-child(2)>svg{color:#f6d28b}.currencies span{font-size:16px;white-space:nowrap}.currencies small{margin-left:8px;font-size:10px;color:#b1c0d9}.settings-button{border:0;padding:6px}.eyebrow{font-family:Georgia,serif;letter-spacing:4px;font-size:11px;color:#d6dcee}.frame{position:relative;border:1px solid #b6c9eb99;background:linear-gradient(145deg,#18233be8,#10192eea);border-radius:13px;box-shadow:inset 0 0 0 4px #1b294270,inset 0 0 0 5px #9caccc24,0 8px 22px #02081355}.frame:before,.frame:after{content:"";position:absolute;width:18px;height:18px;pointer-events:none;border:1px solid var(--silver);opacity:.8}.frame:before{left:4px;top:4px;border-right:0;border-bottom:0;border-radius:6px 0 0}.frame:after{right:4px;bottom:4px;border-left:0;border-top:0;border-radius:0 0 6px}.ornate{position:relative;min-height:55px;padding:12px 30px;color:#1d3159;border-radius:14px 26px;border:1px solid #f6f8ff;background:linear-gradient(115deg,#eef2ff,#cad4ed 25%,#f9f8ff 50%,#c0cce9 80%,#f6f8ff);box-shadow:inset 0 0 0 3px #6d7fa370,inset 0 0 0 5px #ffffffc2,0 0 0 2px #7185aa,0 0 16px #d7e7ff36;font-weight:700;letter-spacing:2px}.ornate:before,.ornate:after{content:"✦";position:absolute;top:50%;transform:translateY(-50%);font-size:30px;color:#ecf0ff;text-shadow:0 0 2px #304976}.ornate:before{left:-13px}.ornate:after{right:-13px}.ornate.gold{border-color:#fff0bd;background:linear-gradient(110deg,#ffe8ac,#e1b872 20%,#fff6d3 47%,#edd09a 65%,#d8ac63 90%,#fff1c2);color:#423017;box-shadow:inset 0 0 0 3px #af804ca6,inset 0 0 0 5px #fff7d5bb,0 0 0 2px #b28b53,0 0 24px #eeca8360}.ornate.gold:before,.ornate.gold:after{color:#ffe3a1;text-shadow:0 0 3px #523410}.ornate:hover:not(:disabled){background-color:initial;filter:brightness(1.08);transform:translateY(-1px)}.ornate.large{min-height:66px;width:100%;font-size:20px}.game-stage{position:absolute;inset:0;pointer-events:none;overflow:hidden}.pixi-host{position:absolute;inset:0}.pixi-host canvas{display:block}.city-stage{pointer-events:auto}.location-fallback{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:20px;gap:10px}.location-fallback button{background:#101c37d9}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.cover{position:relative;min-height:980px;min-height:max(900px,100dvh);background:linear-gradient(0deg,#0c1531,#101a3022 45%,#07132f55),url(/app/3011/assets/summon-39ZNgaJM.webp) center/cover;display:flex;flex-direction:column;align-items:center;padding:135px 35px 40px}.cover-heading{z-index:1;text-align:center;align-self:flex-start;margin-left:8%;text-shadow:0 3px 20px #0a194f}.cover-heading h1{font-size:clamp(68px,10vw,115px);line-height:1.12;font-weight:600;letter-spacing:12px;color:#ffffed;margin:20px 0 22px}.cover-heading h1 em{color:#ffefd1}.cover-heading p{font-size:16px;color:#dee8ff;letter-spacing:3px}.cover-bottom{z-index:1;margin-top:auto;width:350px;max-width:90%;display:flex;flex-direction:column;gap:20px;padding-top:160px;text-align:center}.cover-tags{display:flex;align-items:center;justify-content:center;gap:15px;color:#d5dbee;font-size:13px}.cover-tags i{font-style:normal;color:var(--gold)}.text-button{border:0;font-size:13px;color:#d4def2}.motto{text-align:center;letter-spacing:4px;font-size:13px;color:#c1cbe0;padding:22px 0;opacity:.75}.setup-page{min-height:100vh;padding:105px 25px 60px;max-width:600px;margin:auto;background:linear-gradient(#101a31cc,#0d1730ef),url(/app/3011/assets/summon-39ZNgaJM.webp) center/cover}.setup-page h1{font-size:43px;line-height:1.4;font-weight:500;margin:18px 0}.setup-page>.frame{padding:25px;margin:22px 0}.setup-page label{font-size:14px;margin:16px 0 8px;line-height:2.2}.back-button{border:0;padding-left:0;margin-bottom:20px;font-size:13px}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.race-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.race-grid button{padding:10px 4px;font-size:13px}.race-grid .selected{background:#dfd9bd;color:#20304b;border-color:#f5e5ac}.race-description{font-size:13px;color:#bac9e2;margin-top:13px;min-height:50px}.setup-page>small{display:block;margin-top:20px;text-align:center}.comic-screen{height:100vh;height:100dvh;padding:86px 18px 20px;display:flex;flex-direction:column;gap:12px;max-width:980px;margin:auto;background:radial-gradient(ellipse at top,#253757,#091426 75%)}.comic-heading{display:flex;justify-content:space-between;color:#d6c295;font-size:13px;letter-spacing:2px}.comic-panel{min-height:0;flex:1;overflow:auto;border:1px solid #71829d66;background:#101c30;box-shadow:0 10px 40px #0005;animation:comic-enter .35s ease-out}.comic-illustration{position:relative;overflow:hidden}.comic-illustration img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}.comic-illustration>span{position:absolute;left:0;top:14px;padding:6px 12px;background:#061020de;border-left:2px solid #e7d6ac;font-size:11px;color:#eef3ff}.comic-copy{padding:18px 20px 22px}.comic-copy h1{font-size:26px;font-weight:500;color:#f4dfaa;margin:0 0 12px}.comic-copy p{font-size:14px;line-height:1.9;margin:10px 0}.comic-copy .comic-identity{color:#a5c3e8;border-left:2px solid #557399;padding-left:12px}.comic-copy blockquote{margin:18px 0;padding:14px 16px;border:1px solid #8296b56b;border-radius:3px 16px 16px;background:#243650}.comic-copy blockquote b{color:#f0d49c;font-size:12px;font-weight:500}.comic-copy blockquote p{margin:6px 0 0;color:#f0f3ff}.comic-copy .comic-aside{color:#9baeca;font-size:12px}.comic-controls{display:flex;align-items:center;gap:9px;flex:none;padding-bottom:env(safe-area-inset-bottom,0px)}.comic-controls>button{min-height:44px;padding:8px 12px}.comic-controls>.ornate{flex:1;font-size:15px}.comic-controls .comic-skip{flex:0 0 62px;padding:8px 0;color:#9cacc6;font-size:11px}.motion-comic .comic-panel{display:block;background:#091321}.comic-scene-title{padding:14px 16px 12px}.comic-scene-title small{color:#93acca;font-size:10px;letter-spacing:1px}.comic-scene-title h1{margin:5px 0 0;font-size:24px;font-weight:500;color:#f3dfad}.comic-montage{display:block;position:relative;isolation:isolate;width:100%;aspect-ratio:1;padding:0;overflow:hidden;border:0;border-radius:0;background:#020712;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.comic-montage:hover,.comic-montage:active{transform:none;background:#020712}.comic-montage:disabled{opacity:1;cursor:default}.comic-montage:focus-visible{outline:2px solid #f7d897;outline-offset:-3px}.comic-shot{position:absolute;inset:0;overflow:hidden;opacity:0;transform:translateY(22px) scale(.97);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transition:clip-path .52s cubic-bezier(.2,.7,.2,1),opacity .22s,transform .4s cubic-bezier(.2,.8,.2,1)}.comic-shot.is-visible{opacity:1;transform:none}.comic-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.6);transform-origin:var(--focus);transition:transform .54s cubic-bezier(.2,.75,.2,1);pointer-events:none;user-select:none}.comic-shot.shot-1 img{transform:translate(var(--pan-x),var(--pan-y)) scale(1.75)}.comic-shot.shot-2 img{transform:translate(var(--pan-x),var(--pan-y)) scale(1.8)}.beat-1 .shot-0,.beat-2 .shot-0{clip-path:polygon(0 0,100% 0,100% 39%,0 48%)}.shot-1{clip-path:polygon(0 50%,100% 41%,100% 100%,0 100%)}.beat-2 .shot-1{clip-path:polygon(0 50%,49% 45.5%,43% 100%,0 100%)}.shot-2{clip-path:polygon(51% 45%,100% 41%,100% 100%,45% 100%)}.is-merged .shot-0{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.is-merged .shot-1{clip-path:polygon(0 50%,50% 45%,44% 100%,0 100%)}.is-merged .shot-2{clip-path:polygon(50% 45%,100% 40%,100% 100%,44% 100%)}.is-merged .comic-shot img{transform:scale(1)}.comic-frame-mark{position:absolute;z-index:3;padding:5px 9px;font-size:12px;line-height:1.4;color:#f6f3e9;background:#081426e8;border-left:2px solid #ead29b;box-shadow:2px 3px #0009;transform:rotate(-3deg);animation:comic-caption .25s ease-out;pointer-events:none}.comic-frame-mark.mark-0{top:14px;left:12px}.comic-frame-mark.mark-1{bottom:42px;left:12px;max-width:40%}.comic-frame-mark.mark-2{bottom:82px;right:8px;max-width:40%;transform:rotate(3deg)}.comic-tap-hint{position:absolute;z-index:4;bottom:0;left:0;right:0;padding:18px 0 8px;background:linear-gradient(transparent,#030a17d9);color:#d4e1f3;font-size:10px;letter-spacing:2px;pointer-events:none}.comic-impact{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0}.motion-comic[data-scene="1"] .comic-impact{background:radial-gradient(ellipse,transparent 30%,#c4caff66),repeating-conic-gradient(from 20deg at 48% 45%,transparent 0deg 13deg,#b8c9ff66 13.4deg 14deg,transparent 14.4deg 24deg);animation:comic-impact .4s ease-out}.motion-comic[data-scene="2"] .comic-impact{background:radial-gradient(ellipse at 50% 65%,#fff3c470,transparent 68%);animation:comic-impact .5s ease-out}.motion-comic[data-scene="1"] .comic-montage.beat-1{animation:comic-jolt .24s ease-out}.comic-sound-word{position:absolute;z-index:4;top:35%;right:12%;color:#fff4c9;font-size:50px;font-weight:900;font-style:italic;text-shadow:3px 3px #17223c,-2px -2px #17223c,0 0 16px #cfacff;pointer-events:none;opacity:0;animation:comic-hit-word .5s ease-out}.comic-beat-copy{padding:14px 16px 18px;min-height:140px;color:#d9e5f6;animation:comic-caption .3s ease-out}.comic-beat-copy p{font-size:14px;line-height:1.9;margin:0}.comic-beat-copy blockquote{margin:0;padding:10px 14px;border-left:2px solid #e5c999;background:linear-gradient(110deg,#223451,#132139)}.comic-beat-copy b{display:block;color:#edd3a3;font-size:12px;margin-bottom:5px}.comic-beat-copy .comic-identity{color:#a9c5e9;font-size:12px;margin-bottom:10px}.comic-beat-copy .comic-merge-line{color:#f7deb0;font-size:16px}@keyframes comic-caption{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@keyframes comic-impact{0%{opacity:.8}to{opacity:0}}@keyframes comic-jolt{20%{transform:translate(-3px,2px)}45%{transform:translate(3px,-2px)}70%{transform:translate(-1px,1px)}to{transform:none}}@keyframes comic-hit-word{0%{opacity:0;transform:scale(1.7) rotate(-14deg)}20%{opacity:1;transform:scale(1) rotate(-9deg)}65%{opacity:1}to{opacity:0;transform:scale(.95) rotate(-9deg)}}.comic-reduced *,.comic-reduced *:before,.comic-reduced *:after{animation:none!important;transition:none!important}.comic-reduced .comic-impact,.comic-reduced .comic-sound-word{display:none}@media(min-width:760px){.motion-comic .comic-panel{display:grid;grid-template-columns:1.35fr 1fr;align-content:center}.comic-scene-title{grid-column:1/-1}.comic-montage{aspect-ratio:1}.comic-beat-copy{align-self:center;padding:24px}}.cheat-code-panel{padding:18px}.cheat-code-panel h3{margin:0 0 8px}.cheat-code-panel form{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.cheat-code-panel input{flex:1 1 150px;min-width:0;width:100%;padding:10px 12px}.cheat-code-panel button{flex:0 0 auto;min-height:44px;padding:8px 16px}.awakened-skills{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.awakened-skills button{border:1px solid var(--quality);color:var(--quality);background:#19273dcc;border-radius:5px;padding:6px 10px;font-size:13px}@keyframes comic-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.reduced-motion .comic-panel{animation:none}@media(min-width:760px){.comic-panel{display:grid;grid-template-columns:1.1fr 1fr;align-items:start}.comic-illustration{position:sticky;top:0}.comic-illustration img{aspect-ratio:3/4}}.summon-page{background:#182544 var(--summon-background) center top/100% auto no-repeat;padding-bottom:74px}.summon-hero{height:790px;position:relative;padding-top:95px;background:linear-gradient(0deg,#101c3b66,transparent 45%)}.summon-heading{text-align:center;margin-left:14%;position:relative;z-index:1}.summon-heading>small{font-size:11px;letter-spacing:5px}.summon-heading h1{font-size:clamp(60px,8vw,100px);line-height:1.35;font-weight:600;letter-spacing:6px;text-shadow:0 0 30px #7499ec,0 4px 10px #283b63}.summon-heading p{letter-spacing:5px;font-size:16px}.title-rule{display:inline-block;border-top:1px solid #d9d9de80;margin-top:12px;padding:7px 35px;font:11px Georgia,serif;color:#c9d3e7;letter-spacing:4px}.pool-nav{position:absolute;z-index:3;left:0;top:115px;display:flex;flex-direction:column;width:175px;gap:7px}.pool-nav button{height:62px;justify-content:flex-start;border:0;border-bottom:1px solid #bdcce51f;border-left:1px solid #c8dbfa77;border-radius:0;background:linear-gradient(90deg,#1a2943c9,#101b3120);padding:10px 15px;color:#ccd8ec;font-size:17px;white-space:nowrap}.pool-nav svg{width:28px;height:28px}.pool-nav .active{background:linear-gradient(110deg,#f9fbff,#d8e2fa,#fafbff);color:#304e8e;border:2px solid #a0b2dd;border-radius:0 13px 13px 0;box-shadow:0 0 12px #cde2ff99,inset 0 0 0 3px #f2f5ff;font-weight:700}.summon-flavor{position:absolute;right:25px;top:280px;text-align:right;font-size:16px;color:#edf3ff;text-shadow:0 2px 8px #233755}.summon-flavor svg{width:30px;height:30px;color:#f1dfa7;margin-bottom:10px}.hero-callout{position:absolute;bottom:43px;left:25px;text-shadow:0 3px 10px #000b28}.hero-callout>span{background:#12203bc4;border:1px solid #b1c4e1aa;border-radius:20px;padding:5px 16px;font-size:12px;color:var(--gold)}.hero-callout h2{font-size:35px;font-weight:500;margin:16px 0 5px;color:#fff1cf}.hero-callout p{font-size:17px;letter-spacing:2px}.summon-counter{position:absolute;right:22px;bottom:40px;border:1px solid #dce8ff66;border-radius:22px 5px;background:linear-gradient(130deg,#142444b3,#101b37e6);display:flex;align-items:center;gap:12px;padding:13px 20px;min-width:190px;box-shadow:inset 0 0 0 4px #8d9bba1a}.summon-counter>svg{width:40px;height:40px;color:var(--gold)}.summon-counter div{display:flex;flex-direction:column}.summon-counter b{font-size:30px;color:#efdb9b;line-height:1.3}.summon-counter em{font-size:12px;color:#d6e2ff}.summon-lower{padding:0 24px 20px;background:linear-gradient(0deg,#121e37e8,#15233f55)}.tool-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding:14px 0}.tool-strip button{flex-direction:column;min-height:79px;background:linear-gradient(140deg,#1e2a43d9,#10192cde);border:1px solid #adb8d090;box-shadow:inset 0 0 0 3px #1d2a45,inset 0 0 0 4px #b2bed532;border-radius:10px 5px;font-size:13px;letter-spacing:1px}.tool-strip svg{width:28px;height:28px;color:#d5ddec}.warehouse{padding:18px;margin:8px 0 26px}.warehouse>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;gap:10px}.warehouse h3{font-size:20px}.warehouse h3 span{color:#8a9fc7;letter-spacing:3px}.warehouse header button{border:0;font-size:12px;padding:0;white-space:nowrap}.warehouse-cards{display:flex;gap:10px;overflow-x:auto;padding-bottom:3px}.warehouse-empty{min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;color:#a8badb;font-size:13px;gap:7px}.warehouse-empty svg{color:#e3d4a4}.warehouse-empty small{color:#8b9bbc}.draw-buttons{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:4px 0}.draw-buttons button{flex-direction:column;gap:4px;min-height:68px;padding:10px 16px;border-radius:5px 12px;border:1px solid #b8c8e4;background:linear-gradient(115deg,#e8edf8,#c8d5e9);box-shadow:inset 0 0 0 2px #e7eef855,0 3px 8px #050d2026;font-weight:500}.draw-buttons button.gold{border-color:#dcc18b;background:linear-gradient(115deg,#f5e6c2,#dfc28d);color:#4a361c;box-shadow:inset 0 0 0 2px #fff1d455,0 3px 8px #050d2026}.draw-buttons button:before,.draw-buttons button:after{display:none}.draw-buttons small{order:2;font-size:12px;display:flex;gap:4px;align-items:center;letter-spacing:.5px;opacity:.8}.draw-buttons small svg{width:13px;height:13px}.draw-buttons strong{order:1;font-size:24px;font-weight:500;letter-spacing:2px;line-height:1.2}.draw-buttons span{display:none}.earn-link{border:0;display:flex;margin:15px auto;font-size:12px;color:#e3cea3}.pending-card{padding:25px;margin:0 0 20px;scroll-margin-top:20px}.pending-card>small{color:var(--gold);letter-spacing:2px}.pending-card h2{font-weight:500;margin:8px 0;font-size:26px}.pending-card>p{color:#bbcae6;font-size:13px}.pending-card>.ornate{display:flex;margin:22px auto 0;max-width:550px}.skill-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:18px 0}.opening-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.skill-card{--quality: #bacfff;display:flex;flex-direction:column;align-items:stretch;text-align:left;position:relative;min-width:0;min-height:175px;border-radius:4px 12px;padding:15px 12px 11px;border:1px solid var(--quality);background:linear-gradient(135deg,#28314bea,#101525f5 75%);box-shadow:inset 0 0 0 3px #152037,inset 0 0 0 4px #8c9dc82e,0 4px 12px #060d1e55;overflow:hidden;width:100%}.skill-card:before{content:"";position:absolute;top:-40px;left:30%;width:90px;height:90px;background:var(--quality);opacity:.13;filter:blur(22px);pointer-events:none}.skill-card small{color:var(--quality);font-size:10px}.skill-card strong{font-size:18px;color:var(--quality);line-height:1.5;margin:13px 0;overflow-wrap:anywhere;font-weight:600}.skill-card p{font-size:11px;color:#c6cee3;line-height:1.8;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin-bottom:10px}.card-foot{display:flex;align-items:center;justify-content:center;gap:3px;margin-top:auto;border-top:1px solid #b8c7e231;padding-top:7px;font-size:10px;color:#c6d3ec}.skill-card.compact{width:110px;min-width:95px;min-height:126px;flex:1;padding:9px}.skill-card.compact strong{font-size:15px;margin:10px 0}.skill-card.selected{box-shadow:inset 0 0 0 2px #fff1ac,0 0 20px #f3d88877;background:linear-gradient(130deg,#4f4b48,#182238)}.quality-rainbow{background:linear-gradient(135deg,#333052,#172b49,#30284b);animation:rainbow-glow 5s infinite}.skill-more{font-size:10px;border:0;width:100%;padding:8px;color:#b8c9e8}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(1100px,100%);z-index:20;background:linear-gradient(#111d36f5,#090f20);border-top:1px solid #a6bad76b;display:grid;grid-template-columns:repeat(5,1fr);padding:7px 12px max(7px,env(safe-area-inset-bottom));min-height:70px;box-shadow:0 -10px 28px #07132955}.bottom-nav button{border:0;flex-direction:column;gap:4px;font-size:12px;padding:4px;position:relative;color:#a9bbdc}.bottom-nav button svg{width:23px;height:23px}.bottom-nav .active{color:#f5e2b3;text-shadow:0 0 9px #ddc69699}.bottom-nav .summon-nav svg{width:31px;height:31px;margin-top:-8px;filter:drop-shadow(0 0 8px #b2d0ff)}.bottom-nav i{position:absolute;top:0;right:30%;width:6px;height:6px;border-radius:50%;background:#ffd98f}.novel-page{height:100vh;height:100dvh;min-height:580px;padding:80px 24px 74px;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;background:linear-gradient(#101a3155,#0e1930e8 46%,#0b1428fa),var(--city-background) center top/cover}.novel-hud{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #b1c2db38;padding:8px 0 13px;gap:8px}.novel-hud>button{border:0;padding:0;text-align:left;gap:10px}.novel-hud>button>svg{width:35px;height:35px;border:1px solid #ccced390;padding:6px;border-radius:50%}.novel-hud span span,.novel-hud button span{display:flex;flex-direction:column}.novel-hud>div{display:flex;gap:14px;font-size:12px;color:#cddcf5}.novel-hud>div span{display:flex;gap:5px;align-items:center}.novel-hud>div svg{width:13px;height:13px;color:var(--gold)}.chapter-banner{padding:28px 5px 22px;display:flex;align-items:center;justify-content:space-between;gap:10px}.chapter-banner h1{font-size:40px;font-weight:500;letter-spacing:5px;margin:6px 0}.chapter-banner p{font-size:12px;color:#bfcde4}.chapter-banner i{margin:0 8px;opacity:.4}.chapter-banner button{border-color:#b0c2da55;background:#12203a88;font-size:12px}.quickcast-bar{border:1px solid #b7c9e044;border-radius:12px;padding:10px 12px;background:linear-gradient(115deg,#172944b8,#0c1830c8);box-shadow:inset 0 0 20px #5d79ae12}.quickcast-bar-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#e4d5af;font-size:12px}.quickcast-bar-heading span,.quickcast-bar-heading button{display:inline-flex;align-items:center;gap:6px}.quickcast-bar-heading button{border:0;padding:3px 5px;color:#9eb9e8;font-size:11px}.quickcast-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;overflow-x:auto;padding-top:8px}.quickcast-action{flex:1 0 145px;min-width:145px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:9px 11px;border:1px solid var(--quality);border-radius:8px;background:#152541d9;text-align:left;box-shadow:inset 0 0 14px color-mix(in srgb,var(--quality) 12%,transparent)}.quickcast-action:disabled{opacity:.48;cursor:not-allowed}.quickcast-action strong{color:var(--quality);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.quickcast-action small{color:#a9b8d2;font-size:10px}.quickcast-empty{width:100%;margin-top:8px;border:1px dashed #9fb7dd66;padding:9px;color:#a9bcdd;font-size:11px}.novel-scroll{min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 5% 15px;border-top:1px solid #b3c3df40;background:linear-gradient(#17223b44,#10193099)}.novel-entry{padding:24px 0;border-bottom:1px solid #b2c3de26}.novel-entry blockquote,.journal-entry blockquote{margin:0 0 20px;padding:12px 17px;border-left:2px solid #d1ba7e;background:#1b2a4480;color:#d4dff3;font-size:14px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.novel-prose{font-size:17px;line-height:2.15;color:#e2e6f0;letter-spacing:.5px}.novel-prose p{line-height:2.15;white-space:pre-wrap;margin-bottom:18px;overflow-wrap:anywhere}.novel-entry.intro{padding:40px 0;font-size:16px;color:#cfd8eb}.intro h2{font-size:29px;font-weight:500;margin:16px 0 24px;color:#f2e6c5}.intro p{margin:15px 0;line-height:2.1}.deltas{display:flex;flex-wrap:wrap;gap:6px;margin:15px 0}.deltas span{color:#d1bf92;border:1px solid #d8c79826;background:#b5a67408;font-size:11px;padding:4px 8px}.rewrite{border:0;color:#8fa9d0;font-size:11px;padding:8px 0}.rewrite svg{width:13px;height:13px}.composer{padding:6px 0 0;border-top:1px solid #b3c9ee4d}.suggestions{display:flex;gap:7px;overflow:auto;padding:0 0 6px;white-space:nowrap}.suggestions button{font-size:11px;padding:6px 10px;background:#1b2c46;border-color:#849dcb55}.composer form{display:flex;align-items:center;min-height:44px;gap:8px}.composer textarea{flex:1;min-width:0;background:#17223bcc;resize:none;font-size:15px;padding:10px 15px;line-height:22px;height:44px;min-height:44px;max-height:44px;overflow-y:auto}.composer form button{flex-shrink:0;height:44px;color:#1c2b4b;background:linear-gradient(#e6e5d5,#b6c2dd);width:57px}.composer form .quickcast-trigger{width:44px;height:44px;align-self:center;padding:0;border:1px solid #cdb78088;border-radius:10px;color:#edd4a0;background:#172640}.modal-shade{position:fixed;inset:0;background:#040a18c7;z-index:40;display:flex;align-items:center;justify-content:center;padding:24px 18px;backdrop-filter:blur(8px)}.modal{width:min(620px,100%);max-height:88vh;max-height:88dvh;display:flex;flex-direction:column;background:linear-gradient(130deg,#22314aed,#0d172bef);box-shadow:0 0 80px #000b,inset 0 0 0 4px #182842,inset 0 0 0 5px #bdc9df2c}.modal.wide{width:min(940px,100%)}.modal-head{flex-shrink:0;display:flex;align-items:center;gap:8px;padding:15px 17px;border-bottom:1px solid #ccd4de52}.modal-head h2{font-size:21px;font-weight:500;letter-spacing:3px;flex:1;text-align:center}.modal-head button{padding:5px;border:0}.modal-body{overflow:auto;min-height:0;padding:24px;overscroll-behavior:contain}.modal-body>p{margin-bottom:18px;font-size:14px}.modal-body>h3{margin:25px 0 12px;color:#e3d3ad}.muted{color:#a8b7d1;font-size:13px}.gold-text{color:var(--gold)}.danger-text{color:#eeadbd;font-size:13px}.empty{padding:35px 0;text-align:center;color:#95a8c9;font-size:14px}.prose p{margin:18px 0;font-size:14px}.prose .ornate{margin:15px 0;width:100%}.profile-title{display:flex;gap:20px;align-items:center;margin-bottom:20px}.profile-title>svg{width:65px;height:65px;color:#ddc899}.profile-title h2{font-size:32px;letter-spacing:3px;margin:3px 0}.profile-title p{color:#d7c69f}.vital-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.vital-grid>div{display:flex;flex-direction:column;gap:5px}.vital-grid small{color:#93aed7}.vital-grid b{font-size:14px}meter{height:8px;width:100%;appearance:none;border-radius:5px;background:#0a1225;border:0}meter::-webkit-meter-bar{background:#0a1225;border:0}meter::-webkit-meter-optimum-value{background:linear-gradient(90deg,#7e9cce,#d8e4fd)}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.stat-grid>div{border:1px solid #bcccec44;background:#1c2b4655;padding:13px;display:flex;justify-content:space-between;gap:8px;font-size:13px}.stat-grid strong{color:var(--gold);font-size:18px}.profile-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px}.profile-section-heading h3{margin:0}.text-action{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid #a9bde355;color:#b8caeb;font-size:11px}.profile-skill-tags{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 18px}.profile-skill-tag{min-width:116px;max-width:100%;display:grid;gap:4px;padding:9px 11px;border:1px solid var(--quality);border-radius:8px;background:linear-gradient(135deg,#172844e8,#101b32e8);text-align:left;box-shadow:inset 0 0 13px color-mix(in srgb,var(--quality) 12%,transparent)}.profile-skill-tag strong{color:var(--quality);font-size:13px;overflow-wrap:anywhere}.profile-skill-tag span,.profile-skill-tag small{color:#aebed9;font-size:10px}.profile-skill-tag small{color:#d9c898}.quickcast-count{color:#d8c99f;font-size:12px;padding:10px 0}.quickcast-config-list{display:grid;gap:8px}.quickcast-config-item{display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:11px;border:1px solid #a9bcde36;border-left:3px solid var(--quality);background:#14233ce8;text-align:left}.quickcast-config-item.selected{border-color:var(--quality);box-shadow:0 0 14px color-mix(in srgb,var(--quality) 20%,transparent)}.quickcast-config-mark{width:20px;height:20px;display:grid;place-items:center;border:1px solid #abbfe255;color:var(--quality)}.quickcast-config-mark>span{width:7px;height:7px;border-radius:50%;background:#667895}.quickcast-config-copy{min-width:0;display:grid;gap:4px}.quickcast-config-copy strong{color:var(--quality);font-size:14px;overflow-wrap:anywhere}.quickcast-config-copy small,.quickcast-config-effect{color:#aab9d4;font-size:10px;line-height:1.5}.quickcast-config-effect{max-width:170px;text-align:right}.list-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;gap:15px;border-bottom:1px solid #9bafd126;font-size:13px}.list-row small{display:block;color:#9dacc5;margin-top:4px}.list-row button{font-size:12px;white-space:nowrap}.list-row>span:last-child{font-size:11px;color:#b4c7e4}.search{position:relative;display:flex;align-items:center;gap:10px}.search input{font-size:14px}.search svg{width:17px;flex-shrink:0;color:#bdcee9}.quality-tabs{display:flex;gap:5px;margin:15px 0;justify-content:space-between}.quality-tabs button{font-size:12px;padding:7px 12px}.quality-tabs .active{border-color:#e8dcac;background:#596b8733}.check-label{display:flex;align-items:center;gap:10px;font-size:12px}.pagination{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:20px;font-size:12px}.pagination button{font-size:12px}.task-card{padding:21px;margin-bottom:16px}.task-card header{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#d8c393}.task-card h3{margin:10px 0;font-size:20px}.task-card p{font-size:13px;color:#b5c5e2;margin-bottom:12px}.task-card small{color:#a4b3cf}.rewards{display:flex;flex-wrap:wrap;gap:9px;margin:17px 0;font-size:11px;color:#e5d4a5}.rewards span{display:flex;align-items:center;gap:4px}.rewards svg{width:12px;height:12px}.task-card>button{font-size:13px;width:100%}.item-row{padding:17px;display:flex;gap:15px;align-items:center;margin:13px 0}.item-row>div:first-child{flex:1;min-width:0}.item-row small{color:#9cb1d2}.item-row h3{font-size:17px}.item-row em{font-size:12px;color:#95afd0}.item-row p{font-size:12px;color:#b8c7dc;margin-top:6px}.row-actions{display:flex;flex-direction:column;gap:7px}.row-actions button{font-size:11px;white-space:nowrap}.record{padding:18px;margin-bottom:15px}.record header{display:flex;flex-direction:column;gap:8px}.record header b{font-size:16px;color:#dfd1aa}.record header small,.record p{font-size:11px;color:#9eafcf}.record p{margin:10px 0}.record-skills{display:flex;flex-wrap:wrap;gap:7px}.record-skills button{font-size:12px;padding:5px 8px}.journal-entry{border-bottom:1px solid #adbfdf33;padding:15px 0}.journal-entry>small{color:var(--gold)}.journal-entry blockquote{margin-top:13px}.journal-entry p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:2}.journal-entry footer{font-size:11px;color:#d9c89f;margin-top:12px}.settings-list label{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid #9bafcf33;font-size:14px}.settings-list input[type=range]{width:45%}.settings-list select{width:100px}.settings-list>button{width:100%;margin-top:20px}.settings-list>p{margin-top:25px}.table-scroll{overflow-x:auto;margin:20px -10px}table{border-collapse:collapse;width:100%;min-width:610px;font-size:12px}th,td{padding:12px 7px;text-align:center;border-bottom:1px solid #a9bcde3b;white-space:nowrap}th{color:var(--gold);font-weight:500}.city-map{height:330px;position:relative;background:linear-gradient(#131e3344,#10193044),var(--city-background) center/cover;border-radius:10px;overflow:hidden;border:1px solid #a4bfdf77}.location-row{padding:18px;display:flex;align-items:center;gap:15px;justify-content:space-between;margin:15px 0}.location-row h3{font-size:19px;color:#e8d8b6}.location-row small{color:#a1b5d5}.location-row p{font-size:12px;margin-top:7px}.location-row button{font-size:11px;white-space:nowrap}.skill-detail h2{color:var(--quality);font-size:29px;margin:18px 0}.quality-badge{color:var(--quality);border:1px solid var(--quality);padding:5px 14px;font-size:13px;display:inline-block}.skill-detail p{font-size:14px;margin:15px 0}.skill-detail dl{display:grid;grid-template-columns:90px minmax(0,1fr);font-size:13px;line-height:1.9;gap:15px 10px;padding:20px 0;border-block:1px solid #a1b7da3d}.skill-detail dt{color:#90a7ce}.skill-detail dd{margin:0;overflow-wrap:anywhere}.skill-detail>button{margin-top:15px;width:100%}.busy-veil{position:fixed;inset:0;z-index:90;background:#06122b60;display:flex;align-items:flex-end;justify-content:center;padding:25px 18px 95px;backdrop-filter:blur(1px)}.busy-banner{padding:17px 22px;display:flex;gap:18px;align-items:center;background:#14223cef;max-width:480px;width:100%;color:#e5d6ab;box-shadow:0 0 30px #7098dc55}.busy-banner svg{width:36px;height:36px}.busy-banner b{font-size:14px}.busy-banner p{font-size:11px;color:#a6bcdf;margin-top:4px}.notice{position:fixed;left:50%;transform:translate(-50%);bottom:100px;z-index:100;max-width:min(90vw,550px);background:#e8e4d4;color:#283a54;box-shadow:0 4px 40px #030714bb;border:1px solid #fff0ba;font-size:13px;text-align:left;line-height:1.8;padding:14px 20px;overflow-wrap:anywhere}.loading,.fatal{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:35px;color:#dce8ff;background:#0e192e}.loading svg{width:45px;height:45px;color:var(--gold)}.spin{animation:orbit 10s linear infinite}.reveal-grid .skill-card{animation:reveal .6s ease both}.reveal-grid .skill-card:nth-child(2n){animation-delay:.1s}.reveal-grid .skill-card:nth-child(3n){animation-delay:.2s}.reduced-motion *{animation:none!important;transition:none!important}.summon-ritual{position:absolute;inset:12% 0 auto;height:380px;display:grid;place-items:center;pointer-events:none;overflow:hidden}.summon-ritual img{height:260px;width:220px;object-fit:contain;filter:drop-shadow(0 0 28px #b4caff);animation:crystal-pulse 1.6s ease-in-out infinite alternate}.summon-ritual i{position:absolute;width:300px;height:300px;border:1px solid #ead29ba8;border-radius:50%;box-shadow:0 0 40px #797ff266,inset 0 0 30px #a2b9ff44;animation:orbit 4s linear infinite}.summon-ritual i:nth-child(2){transform:rotateX(55deg);width:360px;height:160px;border-width:3px;animation-direction:reverse}.summon-ritual span{position:absolute;bottom:6px;letter-spacing:.5em;color:#f2ddaa}.reveal-progress{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0}.draw-reveal-slot{min-width:0;perspective:900px}.draw-reveal-slot .skill-card{width:100%;min-height:230px}.draw-reveal-slot.is-revealed .skill-card{animation:card-turn .75s ease both;box-shadow:0 0 18px color-mix(in srgb,var(--quality) 25%,transparent)}.draw-card-back{width:100%;min-height:230px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;border:1px solid #ddcaa1;border-radius:12px;background:radial-gradient(ellipse,#5264a480,#14213d 70%);box-shadow:inset 0 0 0 5px #131e33,inset 0 0 0 6px #b7c7ed55;color:#e8d6b0;letter-spacing:.22em}.draw-card-back img{height:82px;width:82px;object-fit:contain;animation:orbit 8s linear infinite}.profile-skill,.contact-card{padding:18px;margin:12px 0;overflow-wrap:anywhere}.profile-skill{border-color:var(--quality)}.profile-skill header,.contact-card header{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.profile-skill strong{color:var(--quality)}.profile-skill p,.contact-card p{line-height:1.8;margin:10px 0}.meet-person{display:grid;gap:10px;margin:16px 0}.meet-person input{width:100%;padding:12px}.action-log pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:14px;line-height:1.9;max-width:100%;color:#c5d1e7}.action-log h4{font-size:13px;color:var(--gold);margin:12px 0}.music-preview{padding:16px;margin:16px 0}.music-preview audio{display:block;width:100%;max-width:100%;margin:14px 0}.city-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.city-tabs button{flex:1 0 70px;padding:9px 5px}.city-tabs button.active{background:#e1e8ff;color:#203d71;border-color:#e7d4ab}.city-map{isolation:isolate;background:none}.city-map:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(#131e3344,#10193044),var(--city-background) center/cover}@keyframes crystal-pulse{to{transform:scale(1.12) translateY(-14px);filter:drop-shadow(0 0 50px #dac2ff)}}@keyframes card-turn{0%{transform:rotateY(-95deg) scale(.9);opacity:.2}to{transform:rotateY(0) scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.draw-reveal-slot *,.summon-ritual *,.draw-card-back img{animation:none!important}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes reveal{0%{opacity:0;transform:perspective(500px) rotateY(80deg) translateY(20px)}to{opacity:1;transform:perspective(500px) rotateY(0) translateY(0)}}@keyframes rainbow-glow{0%,to{box-shadow:0 0 10px #929fff66,inset 0 0 15px #977eef33}50%{box-shadow:0 0 18px #7bd8d466,inset 0 0 20px #eb8fa933}}@media(min-width:1000px){.summon-hero{height:840px}.hero-callout{bottom:50px}.summon-counter{bottom:48px}.cover{min-height:1000px}.novel-scroll{padding-inline:10%}.novel-page{padding-inline:55px}.chapter-banner{padding-top:20px;padding-bottom:20px}.novel-prose{font-size:18px}}@media(max-width:700px){.topbar{height:65px;padding:12px 13px;gap:7px}.brand{gap:7px}.brand b{font-size:14px;letter-spacing:1px}.brand small{font-size:7px;letter-spacing:1px}.brand>svg{width:25px;height:25px}.currencies{gap:5px}.currencies button{min-width:0;padding:4px 7px;gap:4px}.currencies button>svg{width:15px;height:15px}.currencies span{font-size:12px}.currencies small{display:none}.currencies button:nth-child(3){display:none}.settings-button svg{width:18px;height:18px}.cover{min-height:100vh;min-height:100dvh;padding:110px 22px 20px;background-position:center}.cover-heading{margin-left:5%;text-align:left}.cover-heading h1{font-size:72px;letter-spacing:6px;margin:18px 0}.cover-heading p{font-size:13px;letter-spacing:2px}.cover-heading>.eyebrow{font-size:9px;letter-spacing:3px}.cover-bottom{padding-top:130px;gap:15px;width:280px}.cover-tags{font-size:11px;gap:10px}.cover .motto{padding:5px 0;font-size:10px}.ornate.large{font-size:17px;min-height:59px}.summon-page{background-size:auto 880px;background-position:center top}.summon-hero{height:610px;padding-top:91px}.summon-heading{margin-left:16%;padding-right:10px}.summon-heading>small{font-size:8px;letter-spacing:3px}.summon-heading h1{font-size:48px;letter-spacing:2px;line-height:1.45}.summon-heading p{font-size:10px;letter-spacing:1px}.title-rule{font-size:7px;letter-spacing:1px;padding:5px 8px;margin-top:7px}.pool-nav{top:92px;width:87px;gap:5px}.pool-nav button{height:46px;font-size:11px;padding:8px 5px;gap:3px}.pool-nav svg{width:19px;height:19px}.summon-flavor{top:228px;right:14px;font-size:11px}.summon-flavor svg{width:22px;height:22px;margin-bottom:5px}.hero-callout{left:15px;bottom:55px;right:12px}.hero-callout>span{font-size:10px;padding:4px 10px}.hero-callout h2{font-size:24px;margin:13px 0 5px;letter-spacing:0}.hero-callout p{font-size:12px;letter-spacing:0}.summon-counter{right:13px;bottom:5px;min-width:110px;padding:6px 11px;gap:8px;flex-direction:row}.summon-counter>svg{width:22px;height:22px}.summon-counter div{flex-direction:row;align-items:center;gap:6px}.summon-counter div>small:first-child{font-size:9px}.summon-counter div>small:last-child{display:none}.summon-counter b{font-size:24px}.summon-counter em{font-size:10px}.summon-lower{padding:0 12px 15px}.tool-strip{gap:5px;padding:10px 0;grid-template-columns:repeat(3,minmax(0,1fr))}.tool-strip button{min-height:65px;font-size:11px;border-radius:7px;flex-direction:row;gap:7px;padding:8px 5px;letter-spacing:0}.tool-strip svg{width:22px;height:22px}.warehouse{padding:13px;margin:8px 0 19px}.warehouse h3{font-size:16px}.warehouse header button{font-size:10px}.warehouse-cards{gap:7px}.warehouse-empty{min-height:83px;font-size:11px}.warehouse-empty small{font-size:9px}.draw-buttons{gap:12px;padding:4px 0}.draw-buttons button{min-height:64px;padding:8px}.draw-buttons small{font-size:12px;gap:4px}.draw-buttons small svg{width:12px;height:12px}.draw-buttons strong{font-size:20px;letter-spacing:1px}.draw-buttons span{font-size:9px;letter-spacing:0}.motto{font-size:10px;letter-spacing:2px;padding:17px 0}.pending-card{padding:18px 13px;margin-top:10px}.pending-card h2{font-size:19px}.pending-card>p{font-size:11px}.opening-grid,.skill-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.skill-card{min-height:157px;padding:12px 10px}.skill-card strong{font-size:16px;margin:9px 0}.skill-card p{font-size:11px}.skill-more{font-size:10px}.novel-page{padding:65px 14px 74px;min-height:500px}.novel-hud{padding:7px 0 10px}.novel-hud>button>svg{width:28px;height:28px}.novel-hud>button{gap:6px}.novel-hud b{font-size:13px}.novel-hud small{font-size:9px}.novel-hud>div{gap:8px;font-size:10px;flex-wrap:wrap;justify-content:flex-end}.novel-hud>div svg{width:11px}.chapter-banner{padding:17px 0 14px}.chapter-banner h1{font-size:29px;letter-spacing:4px}.chapter-banner .eyebrow{font-size:8px;letter-spacing:2px}.chapter-banner p{font-size:9px}.quickcast-bar{padding:8px 9px}.quickcast-action{flex-basis:128px;min-width:128px;padding:8px 9px}.quickcast-action strong{font-size:12px}.profile-section-heading{align-items:flex-start;flex-direction:column;gap:8px}.profile-skill-tag{min-width:0;flex:1 1 112px}.quickcast-config-item{grid-template-columns:22px minmax(0,1fr)}.quickcast-config-effect{grid-column:2;max-width:none;text-align:left}.chapter-banner i{margin:0 3px}.chapter-banner button{font-size:11px;padding:8px}.novel-scroll{padding:0 4px 10px}.novel-entry{padding:19px 0}.novel-prose{font-size:16px;letter-spacing:.2px}.novel-entry blockquote{font-size:13px;padding:10px 12px;margin-bottom:17px}.intro h2{font-size:24px}.novel-entry.intro{padding:26px 5px;font-size:14px}.intro p{line-height:2}.composer form{min-height:44px}.composer textarea{font-size:16px;padding:10px}.composer form button{width:44px}.modal-shade{padding:15px 10px;align-items:center}.modal{max-height:91vh;max-height:91dvh}.modal-head{padding:13px 10px}.modal-head h2{font-size:19px;letter-spacing:2px}.modal-body{padding:18px 15px}.modal-body>p{font-size:12px}.quality-tabs{gap:3px}.quality-tabs button{padding:7px 8px;font-size:11px}.task-card{padding:18px 14px}.task-card h3{font-size:18px}.profile-title{gap:13px}.profile-title>svg{width:49px;height:49px}.profile-title h2{font-size:27px}.stat-grid{gap:8px}.stat-grid>div{padding:10px 8px;font-size:11px}.stat-grid strong{font-size:16px}.vital-grid{gap:8px}.list-row{font-size:12px;gap:10px}.list-row>span:last-child{font-size:10px}.location-row{flex-direction:column;align-items:stretch;padding:15px}.location-row button{width:100%}.city-map{height:300px}.skill-detail dl{grid-template-columns:78px minmax(0,1fr);font-size:12px;gap:13px 8px}.skill-detail h2{font-size:25px}.notice{font-size:12px;bottom:87px;padding:12px 16px}.setup-page{padding:88px 20px 40px}.setup-page h1{font-size:37px}.setup-page>.frame{padding:17px}.setup-page label,.settings-list label{font-size:13px}}@media(max-width:370px){.brand>svg{display:none}.brand b{font-size:13px}.summon-heading h1{font-size:43px}.summon-heading{margin-left:19%}.hero-callout h2{font-size:22px}.draw-buttons strong{font-size:20px}.tool-strip button{font-size:10px}.tool-strip svg{width:18px}.quality-tabs button{padding:7px}.skill-card small{font-size:9px}.novel-hud>div{gap:5px}.race-grid button{font-size:12px}.modal-body{padding:15px 12px}}.novel-page{grid-template-columns:minmax(0,1fr)}.novel-page>*{min-width:0}.composer{min-width:0;overflow:hidden}.novel-scroll{min-width:0}.suggestions{min-width:0;max-width:100%}.novel-hud>div{min-width:0}.app-content{overflow-x:clip}.ornate:before,.ornate:after{content:"";width:24px;height:34px;background:url(/app/3011/assets/star-we6MG9H-.png) center/contain no-repeat;filter:drop-shadow(0 0 3px #d9e7ff)}.summon-hero{background:linear-gradient(0deg,#101c3b70,transparent 48%,#09173355),var(--summon-background) center 35% / cover}.summon-page[data-pool=low] .summon-hero{background-position:center,center 80%}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.save-manager{display:grid;gap:14px;min-width:0}.save-intro{margin:0;font-size:12px;line-height:1.7}.save-auto{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border:1px solid #a49b7966;background:linear-gradient(115deg,#b1a27418,#15233b);border-radius:8px}.save-auto>div{display:grid;gap:5px;min-width:0}.save-auto strong{color:#f1e3b6;overflow-wrap:anywhere}.save-auto small,.save-auto span{color:#a8bdd7;font-size:11px}.save-manager button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:36px;padding:6px 11px;border-radius:5px;border:1px solid #63789870;background:#1a2941;color:#ccd9ee;font-size:12px;white-space:nowrap}.save-manager button:disabled{opacity:.4;cursor:default}.save-manager button:focus-visible{outline:2px solid #e4ca88;outline-offset:2px}.save-list-heading{display:flex;align-items:center;justify-content:space-between;color:#d1dcef;font-size:13px}.save-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.save-slot{min-width:0;padding:12px;border:1px solid #647b9b60;border-radius:7px;background:linear-gradient(140deg,#26385190,#0e1727c0)}.save-slot.vacant{border-style:dashed;background:#14203675}.save-slot-heading{display:flex;align-items:baseline;gap:9px}.save-slot-heading small{flex-shrink:0;font-size:10px;letter-spacing:.08em;color:#8da7ca}.save-slot-heading strong{font-size:14px;color:#e7ddb9;overflow-wrap:anywhere}.save-slot p{font-size:12px;line-height:1.6;margin:7px 0;color:#bccbe0;overflow-wrap:anywhere}.save-slot time{display:block;color:#8296b4;font-size:10px}.save-slot-actions{display:flex;gap:7px;margin-top:11px;flex-wrap:wrap}.save-manager .save-primary{color:#f2dfb0;border-color:#b6a16b80;background:#78684428}.save-manager .save-delete{color:#c99d9d;margin-left:auto}.save-confirm{margin-top:10px;border-top:1px solid #7587a444;padding-top:5px}.save-confirm input{width:100%;min-width:0;padding:9px;min-height:38px;border:1px solid #7082a1;border-radius:4px;background:#0e1b30;color:#e5eafa;font-size:14px}.save-manager .save-error{color:#efb5ab;font-size:12px}@media(max-width:540px){.save-slots{grid-template-columns:minmax(0,1fr)}}.custom-skill-editor{display:grid;gap:12px;margin:20px 0}.custom-skill-editor h3{margin:0}.custom-skill-editor .muted{font-size:12px;line-height:1.7;margin:0}.custom-skill-form{display:grid;gap:12px;padding:14px;min-width:0}.custom-skill-form header{display:flex;align-items:center;justify-content:space-between}.custom-skill-form label{display:grid;gap:6px;min-width:0;font-size:12px;color:#b5c9e8}.custom-skill-form input,.custom-skill-form select,.custom-skill-form textarea{width:100%;min-width:0;border:1px solid #7e91b060;background:#132037;border-radius:5px;padding:9px;color:#e9e9f1}.custom-skill-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.custom-skill-preview{margin:0;padding:10px;background:#c8a96714;color:#ecd69c;font-size:12px;line-height:1.7}.skill-loadout{display:grid;gap:10px}.skill-loadout h3,.skill-loadout p{margin:0}.skill-loadout .muted{font-size:12px;line-height:1.7}.loadout-list{display:grid;gap:8px}.loadout-skill{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid #8194ba45;border-left:2px solid var(--quality);border-radius:5px;background:#1e2c444a}.loadout-inspect{flex:1;display:grid;justify-content:start;gap:5px;text-align:left;min-width:0;border:0;padding:4px}.loadout-inspect strong{color:var(--quality);overflow-wrap:anywhere;font-size:14px}.loadout-inspect small{color:#a6b8d2;font-size:11px}.loadout-skill>button:last-child{flex-shrink:0;font-size:12px;padding:7px 10px}.loadout-replace{display:flex;flex-wrap:wrap;gap:8px;padding:12px}.loadout-replace h4{width:100%;margin:0 0 5px}.loadout-replace button{font-size:12px}.skill-loadout>input{width:100%;min-width:0;background:#152138;border:1px solid #7e91b060;color:#e4e9f3;padding:10px;border-radius:5px}