/* Risschroniken: cold light, dark metal and readable choices. */
/* The sheet already owns scrolling; the creation scene fills its content box. */
#sheet.onboarding>#sheetContent{padding:0;min-width:0}
.rift-creation>*{min-width:0}
.creation-story{overflow-wrap:anywhere}
.creation-steps li,.creation-steps button,.starter-book>span,.creation-navigation>button{min-width:0}
.creation-navigation{flex-wrap:wrap}
.rift-creation .portrait-choices button{height:110px;width:90px}
.rift-creation .portrait-choices button img{width:100%;height:100%}
.rift-creation{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);min-height:620px;background:#070b12;color:#e9eff2;margin:0;isolation:isolate}
.creation-cinematic{position:relative;overflow:hidden;background:#02050a;min-height:560px}.creation-scene{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:67% center;opacity:.68}.creation-cinematic:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#050910 3%,transparent 70%),linear-gradient(90deg,transparent,#070b1250)}
.creation-hero{position:absolute;inset:15% 0 12%;display:flex;align-items:end;justify-content:center;z-index:1;filter:drop-shadow(0 0 28px #67bad033)}.creation-hero img{object-fit:contain;width:95%;height:100%;animation:hero-arrival 1.2s ease both}
.creation-caption{position:absolute;bottom:30px;left:25px;right:25px;display:grid;gap:8px;z-index:2}.creation-caption small{letter-spacing:2px;color:#a2c6d4;font-size:9px}.creation-caption strong{font:29px Georgia,serif}.creation-caption span{color:#9ab2bc;font-size:12px}
.creation-story{padding:26px 32px 30px}.creation-story h1{font:clamp(25px,4vw,36px)/1.16 Georgia,serif;margin:12px 0}.narrator-line{font:14px/1.65 Georgia,serif;color:#b8c5ce;max-width:48ch}.creation-steps{list-style:none;padding:0;display:flex;gap:14px;justify-content:space-between;margin:20px 0 28px}.creation-steps li{flex:1}.creation-steps button{border:0;border-bottom:1px solid #304452;border-radius:0;display:flex;align-items:center;gap:8px;padding:8px 0;color:#8096a4;font-size:12px;width:100%;background:none}.creation-steps .current button{color:#c5efff;border-color:#7dc5e2}.creation-steps .done button{color:#9aadb7}.creation-steps span{font-size:10px}
.narrative-classes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0}.narrative-classes button{padding:6px 3px 9px;border:1px solid #283c4c;background:linear-gradient(#14212b,#0c111b);border-radius:7px;display:grid;justify-items:center;gap:4px;color:#b8c8d0;min-width:0}.narrative-classes button.chosen,.starter-book.chosen{border-color:#8bd9ed;box-shadow:0 0 18px #7ed7ed16,inset 0 0 20px #7ed7ed10;color:#e7f8ff}.narrative-classes img{height:72px;width:100%;object-fit:contain}.narrative-classes span{font-size:11px}.narrative-passive{border-left:2px solid #527f95;padding:9px 14px;background:#101c2766;margin:14px 0}.narrative-passive small{font-size:9px;color:#8cbece;letter-spacing:1.2px}.narrative-passive p,.class-identity{font-size:12px;line-height:1.6;color:#b5c3cd;margin:6px 0}.creation-navigation{display:flex;gap:10px;margin-top:24px}.creation-navigation .primary{flex:1}.creation-save{display:block;color:#8196a6;font-size:10px;line-height:1.5;margin:12px 0}.creation-back{background:none;border:0;font-size:10px;color:#869ca9;padding:8px 0}.fresh-chapter{font-size:12px;background:#19334670;border-left:2px solid #88c6db;padding:10px 12px;color:#c5d8e0}.rift-creation .portrait-choices img{width:90px;height:110px;object-fit:contain}.rift-creation label{display:block;margin:20px 0 8px}.rift-creation input{width:100%;box-sizing:border-box}.creation-account{margin:0!important;border-bottom:1px solid #263a49;padding-bottom:12px!important}
.starter-books{display:grid;gap:9px;margin-top:18px}.starter-book{display:flex;align-items:center;gap:9px;width:100%;text-align:left;padding:9px;border:1px solid #29404e;border-radius:7px;background:linear-gradient(110deg,#14232c,#0a1019);color:#c9dce6;min-width:0}.starter-book>.skill-book-art{flex:0 0 74px;width:74px;height:85px}.starter-book strong{display:block;font:17px Georgia,serif}.starter-book small{display:block;font-size:8px;letter-spacing:1px;color:#91b3c2;margin:5px 0}.starter-book p{font-size:11px;line-height:1.5;margin:0;color:#aebfc9}.starter-note{font-size:11px;line-height:1.6;color:#96acba}
.skill-book-art{display:block;position:relative;width:100%;height:100%;isolation:isolate}.book-cover{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 7px #0009)}.book-sigil{position:absolute;width:37%;height:37%;object-fit:contain;top:31%;left:31%;filter:drop-shadow(0 0 4px #c6efff99);transform:rotate(-6deg)}
.book-loadout{margin:18px 0;border-top:1px solid #263b4c;padding-top:14px}.book-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.book-section-title h3{font:18px Georgia,serif;margin:0}.book-section-title small{color:#849fac;font-size:10px;text-align:right}.book-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.book-slot{min-width:0;display:grid;grid-template-rows:82px auto 15px;justify-items:center;padding:6px;background:radial-gradient(ellipse at 50% 38%,#203b4e55,transparent 70%),#080f18;border:1px solid #3b5466;border-radius:5px;color:#bfd7e2}.book-slot .skill-book-art{height:82px}.book-slot>span:not(.skill-book-art){font:12px/1.3 Georgia,serif;text-align:center}.book-slot small{font-size:9px;color:#88a7ba;margin-top:5px}.empty-book-rune{font-size:45px!important;line-height:80px!important;opacity:.3}.book-card .skill-book-art{height:90px}.book-card{background:radial-gradient(ellipse at 50% 30%,#38607e33,transparent 75%),#0c1520!important}.book-card .gear-level{color:#addbf2}.book-loot{margin:18px auto;max-width:230px;text-align:center}.book-loot .book-card{width:140px;margin:12px auto}.book-loot .skill-book-art{height:130px}
#bookSheet{padding:0;width:min(550px,calc(100vw - 20px));max-height:90dvh;background:#0a111b;color:#d4e4ec;border:1px solid #527083;border-radius:10px;overflow:hidden;box-shadow:0 30px 100px #000c}#bookSheet[open]{display:flex;flex-direction:column}#bookSheet::backdrop{background:#000a}.book-detail-top{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid #2e4252;background:#101c29;z-index:2}.book-detail-top>span{font-size:10px;letter-spacing:1.5px;color:#8eafc2}.book-detail-top button{font-size:26px;background:none;border:0;color:#e4f5ff;width:38px;height:38px;padding:0}.book-detail-body{padding:20px;overflow-y:auto;overscroll-behavior:contain;min-height:0}.book-detail-art{height:180px;max-width:190px;margin:0 auto}.book-detail-body h2{font:28px/1.2 Georgia,serif;text-align:center;margin:0 0 10px}.book-effect{font:15px/1.65 Georgia,serif;color:#c6d8e4}.book-detail-body details{font-size:12px;color:#a4bac8;line-height:1.6}.reinforcement{display:flex;gap:5px;justify-content:center;align-items:center;margin:14px 0}.reinforcement i{height:7px;width:7px;transform:rotate(45deg);border:1px solid #3e5a6c;background:#111c29}.reinforcement i.lit{background:#a2ddf0;box-shadow:0 0 8px #86c9df}.reinforcement b{margin-left:8px;font:14px Georgia,serif;color:#bde9fa}.book-improvement,.book-equip{border-top:1px solid #263e50;padding-top:15px;margin-top:20px}.book-detail-body h3{font:18px Georgia,serif}.book-improvement table{width:100%;border-collapse:collapse;font-size:12px}.book-improvement th,.book-improvement td{padding:8px;text-align:left;border-bottom:1px solid #233746}.book-improvement .better{color:#a8e7fb}.book-improvement p{font-size:12px;color:#9db5c4;line-height:1.6}.book-improvement small{font-size:10px;color:#849fb2}.book-equip-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.book-equip-options button{min-width:0;background:#111f2c;border:1px solid #395365;color:#c4d5df;border-radius:5px;padding:8px 3px;display:flex;flex-direction:column;align-items:center}.book-equip-options .skill-book-art{height:60px}.book-equip-options strong{font:11px Georgia,serif}.book-equip-options small{font-size:8px;color:#90afc2;margin:3px}.book-comparison article{margin:12px 0;padding:10px;background:#101d28}.book-salvage{margin-top:20px;background:none;border:0;color:#c2958b;font-size:12px}.book-confirm{border:1px solid #8c6559;background:#291b20;padding:16px;margin:12px 0}.book-confirm p{font-size:12px;line-height:1.6}.book-confirm button{margin:5px 8px 0 0}.book-detail-body button:disabled{opacity:.45}
.atb-actions{grid-template-columns:repeat(var(--action-count,4),minmax(0,1fr))}.atb-action.aiming{border-color:#c5f0ff;box-shadow:0 0 14px #8fdafc77}.atb-actor.affected .atb-ground{background:#8fd4ea66;box-shadow:0 0 15px #b0e5fa77}.atb-actor.friendly-target{filter:drop-shadow(0 0 7px #b8eeff);cursor:pointer}.atb-enemies.staggered{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:2px;align-items:stretch;padding:4px 0}.atb-enemies.staggered .atb-actor{grid-column:var(--formation-column)/span 2;grid-row:var(--formation-row);width:100%;max-width:none;min-width:0;padding:0 2px;overflow:visible}.atb-enemies.staggered .battle-sprite{min-height:28px;height:clamp(48px,9dvh,85px);max-height:85px;flex:1}.atb-enemies.staggered .actor-name{font-size:9px;line-height:1.12;min-height:11px}.atb-enemies.staggered .actor-status{font-size:7px;line-height:9px;max-height:19px;overflow:hidden}.atb-enemies.staggered .actor-vitals{font-size:8px;line-height:11px}.atb-enemies.staggered .atb-life{height:4px;margin:2px 0}.atb-stage:has(.staggered){grid-template-rows:20px minmax(170px,1.6fr) 24px minmax(85px,1fr)}
.boss-rune{position:absolute;pointer-events:none;bottom:35%;left:12%;right:12%;height:35%;border:1px solid #95a4e966;box-shadow:0 0 18px #897ee655,inset 0 0 12px #897ee633;border-radius:50%;transform:rotateX(58deg);animation:boss-breath 3s ease-in-out infinite}.atb-actor[data-boss="final"] .boss-rune{border:2px dashed #b4e9ffbb;box-shadow:0 0 24px #63caec88,inset 0 0 16px #63caec55}.atb-actor[data-boss="final"] .battle-sprite{transform:scale(1.1);filter:drop-shadow(0 0 8px #73b6df77)}.boss-label{font-size:8px;letter-spacing:1px;color:#b5c8ed;position:absolute;top:0;left:50%;transform:translateX(-50%);white-space:nowrap;z-index:4}.boss-label img{width:16px;height:16px;vertical-align:middle;margin-right:4px}.support-label{font-size:8px;color:#d2bde9;position:absolute;top:0;right:0}.floor-recovery{font-size:11px;line-height:1.5;color:#bdd8e3;display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0}.floor-recovery button{font-size:10px;padding:7px;border:1px solid #40576b}.atb-callout.target-instruction{color:#c9efff}.atb-actor:focus-visible{outline:2px solid #c5efff;outline-offset:2px}
@keyframes hero-arrival{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes boss-breath{50%{opacity:.45;filter:brightness(1.4)}}
@media(max-width:700px){.rift-creation{grid-template-columns:1fr;min-height:0}.creation-cinematic{min-height:190px;max-height:200px}.creation-scene{object-position:center 50%;opacity:.75}.creation-hero{inset:5% 0 0 40%}.creation-hero img{max-height:210px}.creation-caption{bottom:20px;left:20px;right:40%}.creation-caption strong{font-size:26px}.creation-caption small{font-size:8px}.creation-story{padding:18px}.creation-steps{margin:14px 0 20px}.creation-account{font-size:10px}.narrative-classes img{height:63px}.creation-story h1{font-size:26px}.narrator-line{font-size:13px}.starter-book strong{font-size:15px}.starter-book>.skill-book-art{flex-basis:65px;width:65px;height:76px}.book-section-title{display:block}.book-section-title small{display:block;text-align:left;margin-top:5px}.book-slots{gap:5px}.book-slot{grid-template-rows:66px auto 15px}.book-slot .skill-book-art{height:66px}.book-slot>span:not(.skill-book-art){font-size:11px}.book-slot small{font-size:8px}.book-detail-body{padding:16px}.book-detail-art{height:150px}.book-detail-body h2{font-size:24px}.atb-enemies.staggered .target-rift{transform:scale(.7)}.atb-action strong{font-size:11px}.atb-action .ability-icon{width:50px;height:48px}.atb-stage:has(.staggered):has(.pet-owner:not([hidden])){grid-template-rows:18px minmax(170px,1.5fr) 20px 55px minmax(80px,1fr)}.atb-stage:has(.staggered) .atb-pets{height:55px}.atb-stage:has(.staggered) .pet .battle-sprite{height:32px;max-height:32px}}
@media(max-width:360px){.creation-story{padding:14px}.narrative-classes span{font-size:9px}.starter-book p{font-size:10px}.book-slot small{font-size:7px}.atb-enemies.staggered .actor-name{font-size:8px}.atb-action strong{font-size:9px}.atb-action .ability-icon{width:42px;height:42px}}
@media(orientation:landscape) and (max-height:500px){.atb-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.atb-stage:has(.staggered){grid-template-rows:18px minmax(110px,1.7fr) 16px minmax(60px,1fr)}.atb-enemies.staggered .battle-sprite{height:32px;min-height:20px}.atb-enemies.staggered .actor-status{display:none}.creation-cinematic{display:none}.rift-creation{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.creation-hero img,.boss-rune{animation:none}}

.collection-quests{margin:16px 0;border-block:1px solid #314b5d;padding:12px 0}.collection-quests summary{cursor:pointer;color:#bcdee9}.collection-quests summary b{float:right;font-size:12px}.collection-quests>p{font-size:12px;color:#9db3c5}.collection-quests>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.collection-quest{padding:12px;background:linear-gradient(145deg,#102435,#07101b);border:1px solid #254454;border-radius:10px;display:grid;gap:6px}.collection-quest strong{font-size:12px}.collection-quest>span,.collection-quest>small{color:#a4c2d2;font-size:11px}.collection-quest button{font-size:11px;padding:10px 7px}.collection-quest.has-reward{box-shadow:0 0 14px #68d9fa33;border-color:#74cadd}.collection-quest:last-child{grid-column:1/-1}.atb-action>strong{hyphens:auto;font-size:clamp(10px,2.8vw,14px)}

.damage-number.status{font-size:12px;white-space:nowrap;color:#d1d9e7;text-shadow:0 2px 4px #000}