/* A game lobby, not a landing page: portrait stage, tappable possessions, dock. */
.camp-screen{position:absolute;inset:0;z-index:0;isolation:isolate;pointer-events:auto;background:#071322 url('../assets/art-v3/camp.webp') center/cover;overflow:hidden}
.camp-screen:before{content:'';position:absolute;inset:0;background:#061322c9;backdrop-filter:blur(12px)}
.camp-shell{position:relative;width:100%;max-width:520px;height:100%;height:100dvh;margin:auto;display:flex;flex-direction:column;background:linear-gradient(180deg,#10142c1a,#0e163168),url('../assets/art-v3/camp.webp') center center/cover;box-shadow:0 0 100px #0008;overflow:hidden}
.camp-topbar{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:max(15px,env(safe-area-inset-top)) 18px 12px;background:linear-gradient(#081628e0,#0c213180);z-index:2}
.profile-badge{display:flex;align-items:center;gap:10px}.profile-badge>span{display:grid;place-items:center;width:38px;height:38px;border:2px solid #dcbf7e;border-radius:50%;color:#ffe5a7;background:#334665;font-size:24px;box-shadow:0 2px 0 #030b13}.profile-badge strong{font-size:10px;letter-spacing:1.7px;display:block}.profile-badge small{display:block;font-size:9px;color:#92acc7;margin-top:3px}.gold-counter{display:flex;align-items:center;gap:6px;background:#05101e9e;border:1px solid #d8ba7940;padding:8px 12px;border-radius:24px}.gold-counter span{color:#f5ce7c;font-size:20px}.gold-counter strong{font-size:14px}.gold-counter small{font-size:10px;color:#d0bb8d}
.camp-content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#60758e #0b1929;padding:0 20px 24px}.camp-content.is-home{display:flex;flex-direction:column;padding-bottom:12px}.camp-heading{text-align:center;padding:13px 0 0}.camp-heading>span{font-size:10px;letter-spacing:3px;color:#b7cde5}.camp-heading h1{font-size:28px;letter-spacing:0;line-height:1.3;color:#eed9af;margin-top:5px}
.camp-stage{position:relative;flex:1;min-height:260px;max-height:460px;display:flex;align-items:center;justify-content:center}.character-preview{background:transparent!important;border:0;border-radius:0;padding:0;width:225px;height:285px;position:relative;z-index:1;filter:drop-shadow(0 8px 12px #081629);animation:wizard-breathe 4s ease-in-out infinite}.camp-wizard{height:100%;width:100%;object-fit:contain}.item-art{object-fit:contain}.character-preview:hover{filter:drop-shadow(0 0 15px #95dfff50)}.character-preview:active{transform:scale(.97)}
.celestial-ring{position:absolute;width:215px;height:75px;bottom:34px;border:2px solid #a7dcec60;border-radius:50%;box-shadow:0 0 22px #92cfff25,inset 0 0 26px #7dbbff25;background:radial-gradient(ellipse,#73bfe125,transparent 70%)}.celestial-ring:before{content:'✦       ·       ✧       ·       ✦';color:#d1f3ed80;position:absolute;inset:17px 0;text-align:center;letter-spacing:9px;font-size:13px}.character-caption{position:absolute;bottom:0;text-align:center;z-index:2}.character-caption strong{font-family:Georgia,serif;display:block;font-size:18px;color:#e3edff;text-shadow:0 2px 8px #000}.character-caption span{font-size:9px;color:#afc4d9;letter-spacing:1px}.camp-prop{position:absolute;bottom:55px;width:70px;padding:0;border:0!important;background:none!important;text-align:center;z-index:2}.camp-prop .item-art{width:62px;height:62px;filter:drop-shadow(0 4px 4px #020b14)}.camp-prop small{display:block;font-size:9px;color:#ddd2ab;letter-spacing:1px}.camp-prop:hover{filter:brightness(1.3);transform:translateY(-4px)}.prop-relic{left:0;transform:rotate(-7deg)}.prop-potion{right:0;transform:rotate(7deg)}
.camp-stars{position:absolute;inset:5%;pointer-events:none}.camp-stars i{position:absolute;width:3px;height:3px;background:#caf5df;border-radius:50%;box-shadow:0 0 10px 3px #c7efdd55;animation:camp-firefly 5s ease-in-out infinite}.camp-stars i:nth-child(1){top:18%;left:17%}.camp-stars i:nth-child(2){top:55%;right:16%;animation-delay:-2s}.camp-stars i:nth-child(3){top:70%;left:25%;animation-delay:-3s}.camp-stars i:nth-child(4){top:30%;right:19%;animation-delay:-1s}.camp-stars i:nth-child(5){top:10%;right:35%;animation-delay:-4s}
.loadout-dock{padding-top:16px;flex-shrink:0}.loadout-dock>p{font-size:9px;font-weight:800;letter-spacing:1.5px;color:#d0bc90;display:flex;justify-content:space-between}.loadout-dock>p span{font-size:9px;font-weight:400;letter-spacing:0;color:#91aac5}.equipped-scrolls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:6px}.scroll-slot{padding:0;border:0;background:none!important;min-width:0;position:relative}.scroll-slot .item-art{height:72px;display:block;margin:auto;filter:drop-shadow(0 3px 5px #0008);transition:transform .18s}.scroll-slot:hover .item-art{transform:translateY(-4px) rotate(-3deg)}.scroll-slot small{font-size:9px;color:#d4e4f5;display:block;line-height:1.3}.scroll-slot>span{height:72px;display:grid;place-items:center;font-size:24px;color:#9eb2c580;background:radial-gradient(ellipse,#89b3d820,transparent 65%)}
.journey-map{display:flex;align-items:center;gap:12px;margin-top:17px;padding:12px 8px;background:linear-gradient(90deg,#284352b3,#18334150);border-top:1px solid #93b1b63d;border-bottom:1px solid #93b1b63d;flex-shrink:0}.map-emblem{width:44px;height:44px;display:grid;place-items:center;background:#162c3d;border:1px solid #c5b27d;border-radius:50%;font-size:27px;color:#ead9ac}.journey-map>div:nth-child(2){flex:1}.journey-map small{font-size:8px;color:#aac6bb;letter-spacing:1.5px;display:block}.journey-map strong{font-family:Georgia,serif;display:block;font-size:18px;margin:3px 0}.journey-map span{font-size:9px;color:#9ab9c6}.stage-info{border-radius:50%;width:26px;height:26px;padding:0;background:#244253;font-family:Georgia,serif;color:#c6dadf}
.journey-actions{flex-shrink:0;margin-top:14px;text-align:center}.begin-journey{width:100%;max-width:340px;background:linear-gradient(#f3da9d,#ba9453)!important;border:2px solid #f4d896;border-bottom:4px solid #806139;border-radius:17px;box-shadow:0 4px 16px #07122288,inset 0 1px 0 #fff1c9;color:#2a2540;font-weight:800;font-size:16px;letter-spacing:.3px;padding:13px 20px;display:flex;align-items:center;justify-content:center;gap:18px;margin:auto}.begin-journey:hover{filter:brightness(1.08)}.begin-journey span{font-size:22px}.new-journey{font-size:10px;background:none!important;border:none;padding:9px 0 0;color:#ccd7ba;text-decoration:underline;text-underline-offset:3px}.control-hint{font-size:9px;color:#8fa9bb;padding-top:8px}
.camp-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:5px 5px max(8px,env(safe-area-inset-bottom));background:linear-gradient(#142a3c,#0b1c2d);border-top:1px solid #7994b740;box-shadow:0 -5px 30px #030c1855;flex-shrink:0;z-index:3}.camp-nav button{background:none;border:0;border-radius:12px;padding:8px 0 4px;color:#7c9bb6;font-size:9px;display:flex;align-items:center;flex-direction:column;gap:4px;position:relative}.camp-nav svg{width:26px;height:26px}.camp-nav button.active{color:#ebd39c;background:radial-gradient(ellipse at top,#cbd69625,transparent 75%)}.camp-nav button.active:before{content:'';position:absolute;top:-6px;width:32px;height:3px;border-radius:10px;background:#dcc58c;box-shadow:0 0 10px #ead19660}.camp-nav button:hover{color:#fff0c8;background:#a6c2dd0c}
.collection-view{padding-top:25px}.collection-title>span{font-size:9px;letter-spacing:2px;color:#cbbb95}.collection-title h1{font-size:32px;letter-spacing:0;line-height:1.2;margin:10px 0 7px;color:#eee1c5}.collection-title p{font-size:11px;color:#a9c0d1;line-height:1.6;max-width:320px}.collection-count{margin-top:22px;padding-bottom:9px;border-bottom:1px solid #9ab9ca35;font-size:10px;color:#b8d2cb}.inventory-rack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 8px;padding:22px 0}.inventory-item{background:none!important;border:0;padding:0;text-align:center;min-width:0;position:relative}.item-plinth{display:block;position:relative;background:radial-gradient(ellipse at 50% 85%,#6b8cac35,transparent 65%);border-bottom:1px solid #bfd3e427;margin-bottom:9px}.inventory-item .item-art{width:100%;max-width:115px;display:block;margin:auto;filter:drop-shadow(0 8px 5px #081220);transition:transform .2s}.inventory-item:hover .item-art{transform:translateY(-5px) rotate(3deg)}.item-status{position:absolute;right:7px;bottom:7px;border-radius:50%;color:#dfedb9;background:#1e4c50;font-size:10px;line-height:22px;min-width:22px}.item-status:empty{display:none}.inventory-item strong{font-size:10px;line-height:1.4;display:block}.inventory-item small{display:block;font-size:8px;line-height:1.5;color:#8fb0c5;margin-top:4px}.inventory-item.equipped .item-plinth{background:radial-gradient(ellipse at 50% 85%,#96cbbd40,transparent 70%);border-color:#b8d7b866}.inventory-item.locked .item-art{filter:grayscale(1) brightness(.6) drop-shadow(0 7px 4px #0006)}.inventory-item.locked strong{color:#9cadbe}.inventory-item.locked .item-status{color:#d6c8ae;background:#2c3649}.atlas-note{display:flex;gap:13px;padding:15px 0;border-top:1px solid #a5bdcc27;color:#a8c0d0}.atlas-note>span{font-size:23px;color:#d1c395}.atlas-note p{font-size:10px;line-height:1.8}.discovery-title{font-size:22px;margin:24px 0 7px;color:#c8d5de}.discovery-note{font-size:10px;line-height:1.8;color:#8daabb}
.modal-backdrop{z-index:10}.modal-backdrop:has(.item-detail){align-items:flex-end;padding:0;background:#020a1380;backdrop-filter:blur(4px)}.modal:has(.item-detail){max-width:520px;max-height:90dvh;border-radius:26px 26px 0 0;background:linear-gradient(#233c50,#102337);padding:24px 24px max(22px,env(safe-area-inset-bottom));border-color:#99b8c565;animation:sheet-in .22s ease-out}.item-detail{position:relative;text-align:center}.sheet-close{position:absolute;right:-7px;top:-9px;padding:0;width:32px;height:32px;border-radius:50%;font-size:24px;background:#102637;border:1px solid #a7bbcd40;color:#b1c9d6}.detail-art{width:98px;height:98px;margin:0 auto 8px;filter:drop-shadow(0 6px 15px #98cbf025)}.detail-art .item-art{width:100%}.item-detail h2{font-size:29px;margin:8px 0}.item-detail>p{font-size:12px;line-height:1.7;color:#b1c6d7;max-width:370px;margin:8px auto}.detail-stats{display:flex;justify-content:center;gap:26px;margin:20px 0}.detail-stats small{display:block;font-size:8px;letter-spacing:1px;color:#87a6c0}.detail-stats strong{display:block;font-size:19px;margin-top:6px;font-weight:600}.item-detail .detail-note{font-size:10px;color:#93b1c5}.detail-equip{display:block;width:100%;margin-top:18px;background:linear-gradient(#e6cb91,#bb995e);color:#28283e;border:1px solid #f4dba4;font-size:13px;font-weight:700}.detail-equip.selected{background:#244555;color:#c5e0e4;border-color:#7db2b150}.scroll-study{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #b2c5d431;margin-top:22px;padding-top:16px;text-align:left;gap:12px}.scroll-study strong{font-size:12px;display:block}.scroll-study small{font-size:10px;display:block;color:#9eb8ce;margin-top:4px}.scroll-study button{background:#bca573;color:#182c3f;border-color:#d4c08d;padding:10px 13px;font-size:11px}.camp-screen~.toast{z-index:20}
@keyframes wizard-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes camp-firefly{0%,100%{opacity:.2;transform:translate(0,4px)}50%{opacity:1;transform:translate(6px,-6px)}}@keyframes sheet-in{from{transform:translateY(40px);opacity:.5}to{transform:translateY(0);opacity:1}}
@media(max-height:730px){.camp-heading h1{font-size:23px}.camp-heading{padding-top:4px}.camp-stage{min-height:210px}.character-preview{width:165px;height:215px}.celestial-ring{width:180px;bottom:25px}.camp-prop{bottom:40px;width:60px}.camp-prop .item-art{width:52px;height:52px}.loadout-dock{padding-top:8px}.scroll-slot .item-art,.scroll-slot>span{height:58px}.journey-map{margin-top:10px;padding:8px}.journey-actions{margin-top:10px}.begin-journey{padding:9px 16px}.camp-topbar{padding-top:max(10px,env(safe-area-inset-top));padding-bottom:7px}}
@media(max-width:350px){.camp-content{padding-left:14px;padding-right:14px}.camp-topbar{padding-left:12px;padding-right:12px}.profile-badge small{font-size:8px}.camp-heading h1{font-size:23px}.camp-prop{width:55px}.prop-relic{left:-5px}.prop-potion{right:-5px}.detail-stats{gap:18px}.journey-map strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){.character-preview,.camp-stars i,.modal:has(.item-detail){animation:none}.inventory-item .item-art,.scroll-slot .item-art{transition:none}}
.illustrated-icon{position:relative;display:inline-block;aspect-ratio:1;width:100%;vertical-align:middle}
.illustrated-icon>img{width:100%;height:100%;object-fit:contain;opacity:.75}
.illustrated-icon>span{position:absolute;inset:22% 20%;display:grid;place-items:center;color:#fff1c5;text-shadow:0 0 8px #070b26,0 0 18px #cbdbff;font:clamp(20px,5vw,34px) Georgia,serif;background:radial-gradient(ellipse,#193050dd,transparent 70%)}
.icon-frost>span,.icon-nebula>span,.icon-veil>span{color:#adefff}.icon-trail>span{color:#e1c4ff}
.choice-symbol .illustrated-icon{width:46px;height:46px}.consumable .illustrated-icon{width:34px;height:34px}
.illustrated-icon>span{pointer-events:none}.recipe-link{font-size:11px;margin-top:12px;border-color:#d3bc8140;color:#e6cea1;background:#1e304d80}
.fusion-recipe{text-align:left;padding:16px;border:1px solid #ba9e6440;border-radius:12px;background:linear-gradient(120deg,#27395280,#131f3880)}
.fusion-recipe h3{font:19px Georgia,serif;color:#eddbb4;margin-bottom:8px}.fusion-recipe p{font-size:12px;line-height:1.6;color:#b7c9df;margin:7px 0}.fusion-recipe button{width:100%;margin-top:10px}
.stage-choice:disabled{opacity:.5}.stage-choice .choice-symbol{font:34px Georgia,serif;color:#b8d3f0}