:root{--v11-gold:#e9c992;--v11-violet:#b592ff;--v11-edge:rgba(220,203,255,.23);--v11-ink:#0b1020}
body{background:radial-gradient(ellipse at 65% 0%,#28305b 0%,#10182e 38%,#090d1b 78%) fixed;color:#f3f2f8}
body:before{content:"";pointer-events:none;position:fixed;inset:0;background:url('assets/scenes/home.webp') center/cover no-repeat;opacity:.08;z-index:-1}
.top{background:rgba(12,17,35,.94);border-bottom:1px solid rgba(234,196,130,.21);backdrop-filter:blur(12px)}
.brandname em,.brandtag{color:#e8c994}.brandmark{border-color:#c9a56a;color:#f2d9ab}
.screen{max-width:780px;margin-inline:auto}
.screen.v11-screen{padding-bottom:128px}
.navbar{background:rgba(10,15,30,.97);border-top:1px solid rgba(214,197,160,.3);backdrop-filter:blur(18px)}
.navbar .nav{font-size:10px;min-width:0;padding:10px 1px 8px}.navbar .navicon{font-size:23px;min-height:32px}.navbar .nav.active{color:#ffe1aa}
.wallet{border-color:rgba(228,195,148,.2);background:#101a30}
.v11-section-label{color:#e4c58f;letter-spacing:.20em;font-weight:850;font-size:10px;text-shadow:0 2px 14px rgba(0,0,0,.6)}
.v11-screen h1,.v11-screen h2{letter-spacing:.012em}
.v11-home-stage{position:relative;min-height:375px;margin:0 -14px 12px;border:1px solid rgba(223,174,93,.22);border-radius:0 0 24px 24px;overflow:hidden;background:linear-gradient(180deg,rgba(10,13,31,.05) 15%,rgba(11,11,30,.65) 70%,#0b1021 100%),url('assets/scenes/home.webp') center 48%/cover}
.v11-home-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 78% 51%,rgba(144,79,248,.33),transparent 46%);pointer-events:none}
.v11-hero-head{position:relative;z-index:2;width:65%;padding:24px 0 27px 21px}
.v11-hero-head h1{font-family:Georgia,serif;font-size:clamp(29px,8vw,50px);color:#fff3dd;line-height:1.24;margin:27px 0 12px;text-shadow:0 3px 25px #070b19}
.v11-hero-head p{font-size:12px;line-height:1.8;color:#ded8ee;text-shadow:0 2px 6px #10121c}
.v11-hero-cta{margin-top:18px;min-width:165px;display:inline-flex;justify-content:space-between;align-items:center;background:linear-gradient(115deg,#f4dbaa,#b780ea);color:#1d1931!important;box-shadow:0 5px 25px rgba(224,167,221,.25);border:none}
.v11-home-beast{position:absolute!important;right:-17%;bottom:5px;width:80%;height:75%;object-fit:contain;object-position:right bottom;filter:drop-shadow(0 0 28px rgba(132,81,226,.7));opacity:.95;pointer-events:none}
.v11-dashboard{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0 23px}.v11-dashboard>div,.v11-stats>div{background:linear-gradient(140deg,rgba(29,40,68,.95),rgba(19,25,46,.92));border:1px solid var(--v11-edge);border-radius:13px;text-align:center;padding:13px 6px}.v11-dashboard small,.v11-stats small{display:block;color:#b7b5d0;font-size:10px}.v11-dashboard b,.v11-stats b{font-size:25px;color:#f6dbac}.v11-dashboard i{font-size:10px;font-style:normal;color:#a7b1ca;padding-left:3px}
.v11-quickgrid,.v11-hubgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 22px}
.v11-quickgrid button,.v11-hubtile{min-width:0;text-align:left;border:1px solid rgba(224,200,165,.25);border-radius:15px;background:linear-gradient(155deg,#273451,#141a30 72%);color:#f8f5ff;min-height:112px;padding:16px 13px;box-shadow:inset 0 1px 0 rgba(255,255,255,.07);position:relative}
.v11-quickgrid span,.v11-hubtile>span{display:block;font-size:26px;margin-bottom:10px}.v11-quickgrid strong,.v11-hubtile strong{display:block;font-size:13px;letter-spacing:.02em}.v11-quickgrid small,.v11-hubtile small{display:block;color:#b8bfd5;font-size:10px;line-height:1.4;margin-top:6px}.v11-hubtile i{position:absolute;right:14px;top:17px;color:#e2bc8d;font-size:18px}
.v11-note,.v11-encounter,.v11-mission-box{background:linear-gradient(140deg,rgba(29,38,63,.98),rgba(14,20,37,.97));border:1px solid rgba(190,167,240,.22);border-radius:16px;padding:16px;margin:16px 0;color:#f0e5fc}.v11-note p,.v11-encounter p{font-size:12px;color:#bfc3d5;line-height:1.9;margin:7px 0 0}.v11-mission{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 3px;border-bottom:1px solid rgba(255,255,255,.1)}.v11-mission:last-child{border-bottom:0}.v11-mission b{font-size:12px}.v11-mission small{display:block;font-size:10px;color:#bec6de;margin-top:6px}.v11-mission button{border:1px solid #ad83e1;background:#493474;color:#fff;border-radius:9px;font-size:11px;padding:10px;white-space:nowrap}.v11-mission button:disabled{opacity:.4}
.v11-world-hero,.v11-sanctuary-hero,.v11-arena-hero,.v11-expedition-hero{min-height:190px;margin:0 -14px 20px;padding:24px 25px 16px;display:flex;flex-direction:column;justify-content:end;background:linear-gradient(0deg,#0c1226 0%,rgba(16,19,39,.25) 100%),url('assets/scenes/forest.webp') center/cover;border-bottom:1px solid rgba(218,196,149,.27)}
.v11-world-hero h1,.v11-sanctuary-hero h1,.v11-arena-hero h1,.v11-expedition-hero h1{font-family:Georgia,serif;font-weight:700;color:#fff0dc;font-size:clamp(25px,7vw,36px);line-height:1.25;margin:9px 0}.v11-world-hero p,.v11-sanctuary-hero p,.v11-arena-hero p,.v11-expedition-hero p{font-size:12px;color:#e0e1eb}.v11-world-badge{align-self:flex-start;background:rgba(9,18,28,.6);border:1px solid #d4c1af55;border-radius:30px;padding:8px 13px;color:#f8e2bb;font-size:11px;margin-top:7px}.v11-sanctuary-hero{background-image:linear-gradient(0deg,#0c1226 0%,rgba(16,19,39,.25) 100%),url('assets/scenes/sanctuary.webp')}.v11-arena-hero{background-image:linear-gradient(0deg,#0c1226 0%,rgba(16,19,39,.25) 100%),url('assets/scenes/arena.webp')}.v11-expedition-hero{background-image:linear-gradient(0deg,#0c1226 0%,rgba(16,19,39,.25) 100%),url('assets/scenes/expedition.webp')}
.v11-zone-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:10px 0 18px}.v11-zone{background:#1b2941;border:1px solid #495578;color:#fff;border-radius:12px;padding:12px 9px;text-align:left;min-height:90px}.v11-zone.selected{border:2px solid #edc584;background:#28304e}.v11-zone.locked{opacity:.55}.v11-zone span{display:block;font-size:19px;margin-bottom:7px}.v11-zone strong{font-size:12px;display:block}.v11-zone small{font-size:10px;color:#c3c5d4;display:block;margin-top:4px}
.v11-region-art{min-height:260px;overflow:hidden;border-radius:18px;background:url('assets/scenes/forest.webp') center/cover;border:1px solid rgba(205,196,172,.36);position:relative;box-shadow:0 18px 35px rgba(0,0,0,.2)}.v11-region-art.region-volcano{background-image:url('assets/scenes/volcano.webp')}.v11-region-art.region-abyss{background-image:url('assets/scenes/abyss.webp')}.v11-region-art.region-eclipse{background-image:url('assets/scenes/eclipse.webp')}
.v11-scenery-shade{position:absolute;inset:0;padding:25px 18px 18px;background:linear-gradient(0deg,rgba(6,9,23,.96),rgba(9,14,29,.15) 65%);display:flex;flex-direction:column;justify-content:end}.v11-scenery-shade h2{font-family:Georgia,serif;font-size:26px;color:#fff4df;margin:6px 0}.v11-scenery-shade p{font-size:12px;color:#dbdfec;max-width:300px}.v11-scenery-shade small{font-size:11px;color:#e9d1bd}.v11-meter{height:7px;background:rgba(0,0,0,.5);border-radius:10px;overflow:hidden;margin-top:11px}.v11-meter span{height:100%;display:block;background:linear-gradient(90deg,#a36cea,#e393ac)}.v11-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}.v11-actions .btn{font-size:12px;padding:12px 5px}.v11-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v11-choice-grid button{text-align:left;border-radius:13px;padding:14px 10px;min-height:107px;color:#fff}.v11-choice-grid b,.v11-choice-grid small{display:block}.v11-choice-grid b{font-size:13px}.v11-choice-grid small{font-size:10px;line-height:1.6;margin-top:8px}.v11-pure{background:#173f4c;border:1px solid #69aca9}.v11-corrupt{background:#3b214d;border:1px solid #9964c7}
.v11-sanctuary-focus{display:grid;grid-template-columns:45% 55%;gap:9px;align-items:center;border-radius:16px;padding:12px 14px;background:#1b2840;border:1px solid rgba(234,201,159,.3)}.v11-sanctuary-focus h2{font-size:19px;margin:7px 0;color:#fff3d8}.v11-pet-portrait{height:190px;border-radius:12px;position:relative;overflow:hidden;background:radial-gradient(circle at 40% 40%,#5b5492,#19253d 67%);display:flex;align-items:center;justify-content:center}.v11-pet-portrait img{width:100%;height:100%;object-fit:contain}.v11-heart-float{position:absolute;right:8px;top:4px;font-size:25px;color:#eeb1ff;animation:v11-pulse 2s ease-in-out infinite}.v11-bond-bar{height:8px;border-radius:10px;background:#101726;overflow:hidden;margin:12px 0 7px}.v11-bond-bar span{display:block;height:100%;background:linear-gradient(90deg,#b280ed,#ffadd2)}.v11-pet-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.v11-pet-actions button{display:flex;align-items:center;flex-direction:column;gap:8px;font-size:22px;border:1px solid #6e6b96;border-radius:12px;color:#f1e8ff;background:#242844;padding:11px 5px}.v11-pet-actions button span{font-size:12px}.v11-friends{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;max-height:360px;overflow-y:auto}.v11-friends button{border:1px solid #3f4a70;border-radius:11px;background:#192136;color:#fff;padding:6px;min-width:0}.v11-friends button.active{border:2px solid #f4c97c}.v11-friends img{width:100%;height:74px;object-fit:contain}.v11-friends strong,.v11-friends small{display:block;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v11-friends small{color:#b7b6d6;margin-top:4px}
.v11-league-row{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:18px 0}.v11-league-row>div{padding:13px 4px;text-align:center;background:#1e2940;border:1px solid #4d4b61;border-radius:12px;color:#e7ce8d;font-size:20px}.v11-league-row .now{border-color:#e9c286;background:#453852}.v11-league-row .done{background:#223f3e;border-color:#7abfa8}.v11-league-row small{font-size:8px;display:block;color:#e3e0e6;margin-top:6px}.v11-rival-card{border-radius:16px;padding:15px;background:linear-gradient(140deg,#302538,#171e34);border:1px solid #bc8e73}.v11-rival-head{display:flex;gap:14px;align-items:center}.v11-rival-head h2{font-size:23px;color:#f8d7a5;margin:5px 0}.v11-rival-head p{font-size:11px;color:#e2c3d1}.v11-rival-head small{color:#c6a7a2}.v11-rival-avatar{width:69px;height:69px;display:grid;place-items:center;background:radial-gradient(circle,#8c5564,#252035);border:1px solid #dbac83;border-radius:100%;font-size:38px}.v11-rival-team{display:flex;gap:6px;margin:18px 0}.v11-rival-team>div{width:33.3%;text-align:center;background:#14182c;border-radius:10px;padding:5px}.v11-rival-team img{height:95px;width:100%;object-fit:contain}.v11-rival-team small{font-size:10px;color:#ddd}.v11-rival-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.v11-rival-foot span{font-size:12px;color:#f4d3a5}.v11-rival-foot .btn{white-space:nowrap}
.v11-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:14px 0}.v11-run-progress{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:25px 3px}.v11-run-progress span{border-radius:100%;height:52px;display:grid;place-items:center;background:#26324d;color:#dfb784;border:1px solid #667391;font-weight:800}.v11-run-progress .current{background:#554180;border:2px solid #e1b9f2;box-shadow:0 0 22px #8654ce66}.v11-run-progress .clear{background:#204e4a;border-color:#6bc2ac}.v11-route-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.v11-route-grid button{min-height:138px;border:1px solid #9985ae;border-radius:13px;padding:14px 7px;color:#fff;background:linear-gradient(145deg,#403354,#171e35)}.v11-route-grid span{font-size:30px;display:block}.v11-route-grid strong{display:block;font-size:12px;margin-top:8px}.v11-route-grid small{display:block;font-size:10px;line-height:1.5;color:#c3c7db;margin-top:7px}
@keyframes v11-pulse{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(1.2);opacity:1}}
@media(min-width:720px){.v11-home-stage{min-height:430px}.v11-home-beast{right:-6%;width:60%;height:88%}.v11-hero-head{padding:45px;width:57%}.v11-zone-grid{grid-template-columns:repeat(4,1fr)}.v11-friends{grid-template-columns:repeat(5,1fr)}}
@media(max-width:390px){.v11-screen .h2{font-size:23px}.v11-hero-head h1{font-size:28px}.v11-hero-head{width:66%}.v11-home-beast{right:-25%;width:90%}.v11-quickgrid button{min-height:99px}.v11-sanctuary-focus{grid-template-columns:40% 60%;gap:6px;padding:8px}.v11-sanctuary-focus h2{font-size:17px}.v11-pet-portrait{height:160px}}
.v11-home-beast{mix-blend-mode:screen;-webkit-mask-image:radial-gradient(ellipse 65% 65% at 55% 48%,#000 28%,rgba(0,0,0,.84) 48%,transparent 86%);mask-image:radial-gradient(ellipse 65% 65% at 55% 48%,#000 28%,rgba(0,0,0,.84) 48%,transparent 86%)}
.v11-intro .hero{background:linear-gradient(0deg,rgba(10,10,29,.7),rgba(16,12,33,.08)),url('assets/scenes/home.webp') center/cover}
.v11-intro .hero-character{mix-blend-mode:screen;-webkit-mask-image:radial-gradient(ellipse at 65% 50%,black 30%,transparent 85%);mask-image:radial-gradient(ellipse at 65% 50%,black 30%,transparent 85%)}
.v11-intro .hero-title h1{color:#f6e1be;text-shadow:0 5px 25px #130f25}
.v11-home .v11-hero-head p{max-width:250px}
.v11-map-panel{background:linear-gradient(140deg,#1c2b3d,#101a2c);border:1px solid #718c9e55;border-radius:16px;margin:16px 0;padding:14px}
.v11-map-panel .badge{font-size:9px}
.v11-map-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:13px auto 11px;max-width:430px}
.v11-map-cell{height:clamp(46px,13.5vw,67px);border:1px solid #4a657055;border-radius:8px;background:linear-gradient(145deg,#324450,#192f42);color:#f7e3a8;font-size:23px;box-shadow:inset 0 2px 4px #ffffff10;touch-action:manipulation}
.v11-map-cell:nth-child(2n){background:linear-gradient(145deg,#2a4d4a,#192f3d)}.v11-map-cell:nth-child(3n){background:linear-gradient(145deg,#3b4e53,#203049)}
.v11-map-cell.visited{border-color:#87b9a588}.v11-map-cell.current{border:2px solid #ffd18c;background:radial-gradient(circle,#6d7194,#324763)!important;box-shadow:0 0 14px #d9b98155}
.v11-map-panel p{font-size:10px;line-height:1.7}