[hidden]{display:none!important}.entry-screen{min-height:100vh;background:radial-gradient(ellipse at 18% 2%,#214b4a80,transparent 54%),radial-gradient(ellipse at 98% 80%,#6d4e283a,transparent 47%),#08141f;color:#e8f1f5;padding:42px 30px 20px}.entry-wrap{max-width:1340px;margin:auto}.entry-header .eyebrow{color:#7fd4bf;letter-spacing:3px;font-size:11px}.entry-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.entry-heading h1{font-size:43px;letter-spacing:4px;margin:14px 0 8px;line-height:1.4}.entry-heading h1 span{font-size:21px;letter-spacing:3px;font-weight:400;color:#afc2c8;margin-left:18px}.entry-heading p{color:#92abb8;font-size:14px;margin:0}.entry-version{border:1px solid #46635f;background:#1a36324d;color:#b7d9ce;border-radius:30px;padding:9px 15px;font-size:12px;white-space:nowrap}.entry-section-head{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #35505e;padding-top:25px;margin:30px 0 18px;gap:15px}.entry-section-head h2{margin:0;font-size:19px;color:#f2e1ba;letter-spacing:1px}.entry-section-head h2 span{font-size:9px;font-weight:400;color:#789aab;letter-spacing:2px;margin-left:13px}.entry-section-head p{font-size:12px;color:#91b0ba}.slot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.slot-card{position:relative;border:1px solid #2d4757;border-radius:13px;overflow:hidden;background:linear-gradient(155deg,#1c3543,#102230 72%);box-shadow:0 12px 30px #0003;transition:border-color .15s}.slot-card.selected{border:1px solid #d2b575;box-shadow:0 0 0 2px #b8984e28,0 15px 35px #0005}.slot-select{width:100%;min-height:352px;display:block;text-align:center;background:transparent;border:0;border-radius:0;padding:17px 14px 22px;color:inherit;cursor:pointer}.slot-select:hover{background:#ffffff04}.slot-number{display:block;color:#8ba9b5;letter-spacing:2px;font:10px ui-monospace,monospace;text-align:left}.selected .slot-number{color:#e4c888}.slot-select .art-entry{display:block;width:165px;height:160px;margin:16px auto 8px;filter:drop-shadow(0 8px 12px #0005)}.slot-select h2{font-size:21px;margin:8px 0;color:#e9f3f7;line-height:1.4;letter-spacing:1px;overflow-wrap:anywhere}.slot-select p{font-size:12px;color:#9ac9c6;margin:8px 0;line-height:1.6}.slot-select small{font-size:11px;color:#93aebd;line-height:1.7}.slot-levels{display:flex;justify-content:center;gap:14px;margin:14px 0;font-size:10px;color:#8fafbc}.slot-levels b{color:#e1e9dd;font-size:15px;margin-left:3px}.slot-actions{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:6px;padding:13px;border-top:1px solid #2a4351;background:#0a1a244d}.slot-actions button{padding:9px 3px;font-size:11px;white-space:nowrap}.slot-empty-art{display:grid;place-items:center;width:135px;height:145px;margin:22px auto 22px;border:1px dashed #4b656f;border-radius:40% 40% 18% 18%;font-size:47px;font-weight:200;color:#577d89;background:radial-gradient(ellipse,#31525d38,transparent)}.slot-card.empty .slot-select h2{font-weight:400;color:#8baab5;font-size:18px}.entry-bottom{display:flex;justify-content:space-between;gap:28px;align-items:center;padding:25px 26px;background:#122935;border:1px solid #35515d;border-radius:12px;margin-top:24px}.entry-bottom b{font-size:15px;color:#e6d4ae}.entry-bottom p{font-size:12px;color:#b5c9ce;margin:9px 0}.entry-bottom small{display:block;color:#7f9ba9;font-size:11px;line-height:1.7;max-width:650px}.entry-enter{flex-shrink:0;padding:16px 29px;font-size:16px;color:#102222;font-weight:750;background:linear-gradient(120deg,#e6cc8e,#c4a966);border:1px solid #f7dfa0;box-shadow:0 5px 20px #a2813726}.entry-enter:hover{background:#eddaa8}.entry-enter:disabled{color:#72909a;background:#203b47;border-color:#415b68;box-shadow:none}.entry-footer{font-size:11px;color:#577785;letter-spacing:1px;margin-top:10px}.create-slot-label{color:#e6cc8e!important}.active-slot{font-size:11px;color:#d4bc81;white-space:nowrap}.topright{flex-wrap:wrap}#createModal,#renameModal{z-index:20}#toast{z-index:40}.fusion-result{z-index:30}.auto-fusion-panel{border-color:#8e7750;background:linear-gradient(145deg,#26383c,#142938)}.auto-fusion-panel h3{font-size:16px;margin:7px 0}.auto-fusion-panel .gear-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.auto-fusion-panel .gear-filters input{width:100%;box-sizing:border-box;margin-top:4px;background:#112331;color:#e7f2f6;border:1px solid #426170;border-radius:7px;padding:8px}.auto-fusion-panel .gear-filters select{padding:9px 5px}.auto-fusion-panel .fusion-status{color:#edcf8e;padding:10px;border:1px solid #806b46;border-radius:7px;margin:12px 0}.auto-fusion-panel>button{width:100%;padding:10px}.fusion-protected{display:block;color:#f0ce82;font-size:10px;margin-bottom:7px}.formation-units{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.formation-unit{background:#0d2231;border:1px solid #3d5c6b;border-radius:8px;padding:9px;min-width:0}.formation-unit span{display:block;color:#e4c18b;font-size:10px;margin-bottom:5px}.formation-unit.ranged span{color:#9ecfee}.formation-unit b{display:block;font-size:12px;overflow-wrap:anywhere}.formation-unit small{display:block;font-size:10px;margin-top:7px;color:#91afbf}.formation-panel>p{line-height:1.7}.entry-screen button:focus-visible{outline:2px solid #89e1cc;outline-offset:-4px}.fusion-result .gear-affixes{font-size:13px}.fusion-result .modal p{font-size:13px;line-height:1.8}
@media(max-width:1100px){.slot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.slot-select{min-height:330px}.entry-heading h1{font-size:35px}.entry-bottom{align-items:flex-start}.entry-heading h1 span{display:block;margin-left:0;font-size:18px}}
@media(max-width:600px){.entry-screen{padding:27px 16px 15px}.entry-heading h1{font-size:29px;letter-spacing:2px}.entry-version{font-size:10px;padding:7px 10px}.entry-section-head h2 span{display:none}.entry-section-head{margin-top:23px;padding-top:18px}.entry-bottom{display:block;padding:20px}.entry-enter{display:block;width:100%;margin-top:17px;font-size:14px}.slot-grid{gap:10px}.slot-select{padding:12px 7px 15px;min-height:305px}.slot-select .art-entry{width:130px;height:142px}.slot-select h2{font-size:17px}.slot-select p{font-size:10px}.slot-actions{padding:9px 6px;gap:4px}.slot-actions button{font-size:10px;padding:8px 2px}.slot-number{font-size:8px;letter-spacing:1px}.slot-empty-art{width:105px;height:130px;margin:20px auto}.slot-levels{gap:8px}.slot-select small{font-size:9px}.slot-card.empty .slot-select h2{font-size:15px}.entry-heading{gap:8px}.entry-section-head p{font-size:10px}.auto-fusion-panel .gear-filters{grid-template-columns:1fr 1fr}}

.class-range{display:block;color:#e0c98e;font-size:10px;margin-top:5px}

/* Stable arena geometry: encounters never reflow the controls below. */
#encounter{height:350px;min-height:350px;max-height:350px;display:grid;grid-template-rows:44px minmax(0,1fr) 38px;gap:8px;overflow:hidden;contain:layout}
#encounter .encounter-heading{height:44px;margin:0;flex-wrap:nowrap;min-width:0}
#encounter .encounter-heading>span{max-width:44%}
#encounter .encounter-heading label{flex-shrink:0;font-size:11px}
#encounter .enemy-lineup{height:100%;min-height:0;overflow-x:auto;overflow-y:hidden;padding:2px 0 12px;align-items:stretch;scrollbar-gutter:stable}
#encounter .enemy-target{height:206px;min-height:206px;flex-shrink:0;overflow:hidden}
#encounter .art-monster{width:96px;height:96px;min-height:96px;flex-shrink:0}
#encounter .enemy-label{height:34px;min-height:34px;overflow:hidden}
#encounter .enemy-idle{display:grid;align-content:center;height:206px;flex:1;text-align:center;padding:20px}
#encounter>.tiny{height:38px;overflow:auto;line-height:18px}
.skill-spec{display:block;font-size:10px;line-height:1.7;color:#a6d3db;margin-top:3px}
@media(max-width:430px){#encounter .encounter-heading{gap:4px}#encounter .encounter-heading select{max-width:112px;padding:5px 2px}#encounter .encounter-heading label{gap:3px;font-size:10px}}

.area.volcano{background:linear-gradient(130deg,#532e28,#28283a);border-color:#a86440}.area.abyss{background:linear-gradient(130deg,#184855,#162638);border-color:#417f91}.area.ruins{background:linear-gradient(130deg,#524a30,#25393c);border-color:#9d8953}.area.eclipse{background:linear-gradient(130deg,#3e3057,#202a3b);border-color:#8d77ac}.area.celestial{background:linear-gradient(130deg,#343b66,#28313d);border-color:#9c8b64}

.enemy-lineup .enemy-target.map-boss{border-color:#e49566;background:linear-gradient(145deg,#63313a,#33293f);box-shadow:inset 0 0 20px #f09d5422}.enemy-target.map-boss .enemy-label{color:#ffd5a5}.enemy-target.map-boss .art-monster{filter:drop-shadow(0 0 5px #ef9357aa)}

.transfer-option{border-top:1px solid #45606e;margin-top:10px;padding:12px 0}.transfer-option .art-choice{float:left;width:76px;height:76px;margin-right:12px}.transfer-option:after{content:'';display:block;clear:both}.evolution-modal{z-index:35;background:#030916e8}.evolution-modal .modal{max-width:600px;text-align:center;background:radial-gradient(ellipse at center,#284255,#101e30 70%);border-color:#af965d}.evolution-modal h2{font-size:24px;line-height:1.6}.evolution-scene{height:260px;position:relative;isolation:isolate}.evolution-scene img{position:absolute;width:250px;height:250px;object-fit:contain;left:50%;top:50%;transform:translate(-50%,-50%)}.evolution-scene #evolutionAfter{opacity:0}.evolution-halo{position:absolute;inset:15%;border:1px solid #a7dbff77;border-radius:50%;box-shadow:0 0 70px #72c9ff33,inset 0 0 50px #e4c16a22}.evolving #evolutionBefore{animation:evolve-before 4s ease-in-out forwards}.evolving #evolutionAfter{animation:evolve-after 4s ease-in-out forwards}.evolving .evolution-halo{animation:evolve-halo 4s ease-in-out forwards}.complete #evolutionBefore{opacity:0}.complete #evolutionAfter{opacity:1;filter:drop-shadow(0 0 20px #dfc06b88)}.evolution-actions{display:flex;gap:10px;justify-content:center}.evolution-actions button{padding:11px 22px}.evolution-modal #evolutionStatus{min-height:50px;line-height:1.8}@keyframes evolve-before{0%{opacity:1;filter:blur(0) brightness(1);transform:translate(-50%,-50%) scale(1)}30%{opacity:1;filter:blur(4px) brightness(3);transform:translate(-50%,-50%) scale(.8,1.1)}60%{opacity:.5;filter:blur(14px) brightness(5);transform:translate(-50%,-50%) scale(1.2,.9)}100%{opacity:0;filter:blur(20px) brightness(3)}}@keyframes evolve-after{0%,25%{opacity:0;filter:blur(22px) brightness(4);transform:translate(-50%,-50%) scale(.6)}65%{opacity:.7;filter:blur(10px) brightness(3);transform:translate(-50%,-50%) scale(1.12)}100%{opacity:1;filter:blur(0) brightness(1);transform:translate(-50%,-50%) scale(1)}}@keyframes evolve-halo{0%{transform:scale(.6);opacity:.5}60%{transform:scale(1.2) rotate(120deg);opacity:1;box-shadow:0 0 100px #c9edff99,inset 0 0 80px #eac97566}100%{transform:scale(1);opacity:.6}}@media(prefers-reduced-motion:reduce){.evolving #evolutionBefore{animation:none;opacity:0}.evolving #evolutionAfter{animation:none;opacity:.6;filter:blur(3px)}.evolving .evolution-halo{animation:none}}