:root{--ink:#f5e7c7;--gold:#e7bd70;--muted:#d0c2a8}html,body{height:100%;overflow:hidden}body{background:#111e26}header{position:absolute;top:0;left:0;right:0;z-index:8;padding:10px 14px;border:0;background:linear-gradient(#182c31ed,#13252844,transparent);max-width:1000px;height:64px;gap:8px}header a{font-size:13px;color:#e7bd70;text-shadow:0 2px #1e2427}header a span{color:#f0d79d;font-family:Georgia,serif}header .prototype{display:none}header #help{margin-left:auto}header button{background:#263b3b;border:1px solid #bb9452;min-height:40px;width:40px;padding:3px;box-shadow:inset 0 0 0 2px #4a4d3c;border-radius:10px}.settings-cog{font-size:22px}main{height:100dvh;max-width:1100px;margin:0 auto;padding:0;display:block;position:relative}.world{height:100%;max-width:520px;margin:0 auto;border:0;border-radius:0;position:relative;box-shadow:0 0 90px #0008;background:#33616b}.world-title{position:absolute;z-index:4;top:66px;left:12px;right:12px;padding:0;background:none;pointer-events:none}.world-title>div:first-child{display:none}.wallet{margin-left:auto;font-size:18px;background:#142830e6;border:1px solid #ad8d54;border-radius:20px;padding:5px 16px;box-shadow:inset 0 0 0 2px #32423c}.wallet small{display:none}.map-wrap{position:absolute;inset:0 0 82px;background:#385b66;overflow:hidden}#map{width:100%;height:100%;max-height:none;aspect-ratio:auto;image-rendering:auto;object-fit:fill}nav{position:absolute;bottom:0;height:82px;left:0;right:0;z-index:8;background:linear-gradient(#233333,#121b20);border-top:2px solid #ad8c56;padding:8px;gap:6px;box-shadow:0 -6px 18px #1b1e2333}nav button{border-radius:10px;border:1px solid #6c634c;background:linear-gradient(#3b4135,#252f2c);font-size:25px;color:#e6c281;box-shadow:inset 0 0 0 2px #272b26}nav button span{font-size:11px;color:#f0e1bc}nav button.active{background:linear-gradient(#796038,#493f2e);border-color:#f2d090}.tip{position:absolute;z-index:4;top:72px;left:15px;padding:5px 10px;color:#f1e4b9;background:#182b2bb0;border:1px solid #ad8d5466;border-radius:16px;font-size:11px}.quick-action{position:absolute;bottom:98px;left:50%;transform:translateX(-50%);z-index:5;min-width:245px;background:linear-gradient(#f2d196,#b68a46);color:#2b2822;border:2px solid #ead4a2;box-shadow:0 5px 20px #0007,inset 0 0 0 2px #b7955a;font-weight:800;border-radius:13px}.panel{display:none;position:absolute;z-index:9;bottom:88px;left:10px;right:10px;max-height:min(58dvh,560px);min-height:0;overflow:auto;padding:18px 18px 14px;margin:0;border:2px solid #b4945e;border-radius:18px;background:linear-gradient(135deg,#27372d,#152629);box-shadow:0 12px 50px #000b,inset 0 0 0 3px #5c59413b}.sheet-open .panel{display:block}.sheet-close{display:none;position:absolute;z-index:11;bottom:calc(88px + min(58dvh,560px) - 44px);right:20px;font-size:20px;min-width:44px;background:#20352e;border-color:#c3a365}.sheet-open .sheet-close{display:block}h2{font-size:25px;margin-bottom:10px}h3{font-size:15px}p{margin:10px 0}.eyebrow{font-size:9px;letter-spacing:1.4px;margin-bottom:4px}.primary{margin-top:8px;min-height:48px;background:linear-gradient(#f0cd8e,#c19a58);color:#252b25;border:1px solid #e8d2a0;box-shadow:inset 0 0 0 2px #a9884a}button{border-color:#89785a;background:#304239;font-size:14px}.card{background:#33423988;border:1px solid #8b825e;margin:8px 0;padding:10px}.progress{margin:8px 0}.muted{font-size:12px}.score{margin:6px 0;font-size:22px}.stats{margin:8px 0}.stats div{background:#122a27;border:1px solid #68745a;font-size:11px;padding:6px 2px}.stats b{font-size:18px}.champion-compact{display:flex;align-items:center;gap:14px}.champion-compact .champ-icon{width:72px;height:72px;margin:0;flex-shrink:0}.champ-icon{width:100px;height:100px}.compact-grid{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px;max-height:195px;overflow:auto}.compact-grid button{font-size:10px;min-width:0;padding:4px}.compact-grid img{width:48px;height:48px}.compact-grid span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.more{margin:10px 0 0;font-size:12px;color:#ded4b8}.more summary{cursor:pointer;min-height:32px;display:flex;align-items:center;color:#dbc28d}details p{font-size:12px}details summary:focus-visible{outline:3px solid #e9c783}.relic-object{height:110px;display:grid;place-content:center;position:relative;filter:drop-shadow(0 0 18px #f3bd5d55)}.relic-object i{width:58px;height:78px;background:linear-gradient(130deg,#e3e8ef 0,#72b6ce 22%,#b3e4e9 40%,#376c9f 60%,#bf9fd2 80%);clip-path:polygon(50% 0,88% 20%,100% 64%,50% 100%,0 64%,12% 20%);border:4px solid #efd7a6;transform:rotate(3deg)}.relic-object b{position:absolute;inset:0;display:grid;place-content:center;font-size:24px;color:#faf2c6;text-shadow:0 0 10px #fff}.relic-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.relic-options .card{text-align:center}.relic-options .card button{width:100%;margin:6px 0}.relic-options .relic-object{height:88px}.relic-options .relic-object i{width:40px;height:55px}.bronze .relic-object{filter:hue-rotate(160deg)}.relic-options details{font-size:11px;margin-top:8px}.reveal-compact{text-align:center}.reveal-compact h3{font-size:22px;margin:3px}.upgrade-row{display:flex;gap:8px}.upgrade-row button{flex:1}.list-row{padding:9px;margin-top:7px;background:#2b4037}.list-row b{font-size:13px}.list-row small{font-size:10px}.list-row button{font-size:12px}.trial-select{font-size:13px;padding:8px;min-height:44px;background:#1a332d;border-color:#95825b}#trialScene{max-height:150px}.visual-tutorial{display:flex;gap:10px;text-align:center;font-size:12px}.visual-tutorial div{flex:1}.visual-tutorial b{display:block;font-size:35px;color:#e4bc73;margin-bottom:7px}.settings-dialog{background:#18302b;color:#eee2c4;border:2px solid #b4965e;border-radius:18px;max-width:420px;width:calc(100vw - 32px);max-height:80dvh;padding:24px}.settings-dialog::backdrop{background:#0e171bbb}.settings-dialog .settings-close{float:right}.settings-dialog footer{margin:0;padding:0;display:flex;gap:10px;font-size:11px;line-height:1.5;color:#d4c9b0}.settings-dialog footer>*{max-width:100%}.map-marks{position:absolute;inset:0;pointer-events:none}.place-marker{pointer-events:auto;position:absolute;transform:translate(-50%,-50%);padding:3px 9px;min-height:44px;min-width:68px;border:1px solid #dcbd7c;border-radius:9px;background:linear-gradient(#534b38e8,#1e2c29ef);box-shadow:0 2px 10px #0008,inset 0 0 0 2px #756142;color:#f5deb0;font-size:10px;line-height:1.15}.place-marker i{display:block;font-size:18px;font-style:normal}.skivo-guide{position:absolute;bottom:160px;left:12px;z-index:6;padding:0;background:transparent;border:0;max-width:calc(100% - 24px)}.skivo-top{gap:4px}.skivo-top button:first-of-type{max-width:130px;font-size:10px;background:#17372abf;padding:4px 8px;min-height:36px}.skivo-top button:last-child{font-size:16px;background:#20352dbb;min-width:36px;min-height:36px;margin:0;padding:4px}.skivo-sprite{width:40px;height:40px}.skivo-guide #skivoText{background:#20392aee;border:1px solid #b8a477;border-radius:12px;padding:12px;max-width:260px;font-size:12px;color:#ecdfba}.sheet-open .skivo-guide{display:none}.skivo-clock{bottom:92px;z-index:12}#toast{bottom:94px;font-size:13px}body[data-game-view=arena] .place-marker{opacity:.85}@media(min-width:801px){header{max-width:520px;left:50%;right:auto;width:520px;transform:translateX(-50%)}main{max-width:1000px}.world{max-width:520px}.sheet-open .panel{left:auto;width:340px;right:8px;bottom:110px;max-height:70dvh}.sheet-open .sheet-close{bottom:auto;top:110px;right:16px}.sheet-open .world{margin-left:20px}.sheet-open~header{left:20px}body:has(.sheet-open) header{left:calc(50% - 220px);width:520px}}@media(max-width:360px){.place-marker{min-width:60px;font-size:9px}.panel{padding:14px}.choice-row button{font-size:12px}.wallet{font-size:16px}}
:root{--ancient-font:Palatino,"Palatino Linotype","Book Antiqua",Georgia,serif}
body{background:radial-gradient(ellipse at 50% 35%,#405345,#172b30 55%,#0c171d);font-size:17px}
h2,h3,nav button span,.place-marker span,.quick-action,.wallet{font-family:var(--ancient-font);font-weight:700}
h2{font-size:30px;letter-spacing:.4px;text-shadow:0 2px 0 #101e19}
h3{font-size:18px}.eyebrow{font-size:11px}.muted,details p,.more{font-size:14px}.tag{font-size:12px}
nav button span{font-size:14px;letter-spacing:.2px}.place-marker{font-size:13px;min-width:74px;border-radius:5px;border-width:2px}.place-marker i{font-size:22px}
.panel{border:3px solid #c4a66a;border-radius:9px;background:repeating-linear-gradient(0deg,#ffffff03 0 1px,transparent 1px 5px),radial-gradient(ellipse at 20% 0,#47513b,#24372e 50%,#172a29);box-shadow:0 12px 50px #000b,inset 0 0 0 3px #29352b,inset 0 0 0 5px #8d78514d;padding-top:24px}
.panel::before{content:"";display:block;height:8px;margin:-13px 46px 14px 0;background:repeating-linear-gradient(90deg,#c4a66a 0 4px,transparent 4px 8px,#c4a66a 8px 20px,transparent 20px 24px);border-top:1px solid #d6ba7c;border-bottom:1px solid #d6ba7c;opacity:.65}
.card,.list-row,.compact-grid button,.stats div{border-radius:5px;background:linear-gradient(135deg,#46503b,#253a30);border:1px solid #a28f60;box-shadow:inset 0 0 0 2px #172b2755}
.stats div{font-size:14px}.stats b{font-size:23px}.choice-row button{font-size:16px}.list-row b{font-size:15px}.list-row small{font-size:12px}
.compact-grid{gap:8px;max-height:205px}.compact-grid img{width:56px;height:56px}.compact-grid button{min-height:70px}.compact-grid span{font-size:12px}
.quick-action{font-size:18px;border-radius:6px}.primary{font-size:18px;border-radius:6px}.settings-dialog{background:linear-gradient(130deg,#46503c,#20342d);border-radius:8px;box-shadow:inset 0 0 0 3px #746144}.settings-dialog footer{font-size:14px}
@media(max-width:360px){nav button span{font-size:12px}.place-marker{font-size:12px;min-width:66px}.choice-row button{font-size:14px}}
.trial-options{display:grid;gap:8px}.trial-option{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:10px;border:1px solid #88794f;background:linear-gradient(130deg,#364338,#21372e);border-radius:6px}.trial-option[aria-pressed=true]{border:2px solid #e5c078;background:linear-gradient(130deg,#65583b,#314338);box-shadow:inset 0 0 0 2px #d8b46622}.trial-emblem{flex-shrink:0;display:grid;place-items:center;width:38px;height:44px;font-size:27px;color:#f0ce88;background:#142a25;border:1px solid #9e8755;border-radius:5px}.trial-option b{display:block;font-family:var(--ancient-font);font-size:17px;line-height:1.2;color:#f4e4c2}.trial-option small{display:block;font-size:13px;line-height:1.4;letter-spacing:0;margin-top:4px;color:#dfd5be}.trial-check{margin-left:auto;color:#ffe0a1;font-size:21px;min-width:15px}.trial-duration{font-size:12px;letter-spacing:0;text-align:center;margin-top:10px;color:#dec595}.panel label[for=champSelect]{display:block;font-family:var(--ancient-font);font-size:17px;margin-bottom:5px}.panel>.primary{position:sticky;bottom:0;box-shadow:0 -5px 16px #152b28aa,inset 0 0 0 2px #a9884a}
.game-emblem{width:30px;height:30px;display:block;margin:auto;filter:drop-shadow(0 2px 0 #13241f)}nav .game-emblem{width:34px;height:34px}.place-marker .game-emblem{width:25px;height:25px}.place-marker{padding:5px 9px;background:linear-gradient(145deg,#74603c,#343d2b 55%,#192d28);box-shadow:0 3px 10px #0008,inset 0 0 0 2px #252c23,inset 0 0 0 3px #b69a5b77}nav button{position:relative;border-width:2px;border-color:#ad915c;background:linear-gradient(145deg,#52543b,#23362d);box-shadow:inset 0 0 0 2px #17251f,inset 0 0 0 3px #b69a5b55}nav button.active{border-color:#ffe1a2;box-shadow:inset 0 0 0 2px #493b24,0 0 12px #e7bd7040}.panel{background-image:linear-gradient(#d5b87b,#d5b87b),linear-gradient(#d5b87b,#d5b87b),linear-gradient(#d5b87b,#d5b87b),linear-gradient(#d5b87b,#d5b87b),repeating-linear-gradient(0deg,#ffffff03 0 1px,transparent 1px 5px),radial-gradient(ellipse at 20% 0,#47513b,#24372e 50%,#172a29);background-size:22px 3px,3px 22px,22px 3px,3px 22px,auto,auto;background-position:left 6px top 6px,left 6px top 6px,right 6px bottom 6px,right 6px bottom 6px,0 0,0 0;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,repeat,no-repeat}.champion-compact .champ-icon{border:2px solid #b99c62;background:radial-gradient(#7b7250,#1c342c);border-radius:8px;box-shadow:inset 0 0 0 3px #25392d,0 3px 8px #0004}.wallet{border-width:2px;box-shadow:inset 0 0 0 2px #263b32,0 3px 12px #0005}h2{color:#f6dfac;font-variant:small-caps;letter-spacing:1px}
body[data-game-view=arena] .panel{max-height:min(74dvh,680px);scrollbar-width:thin;scrollbar-color:#d5b87b #18302b}.panel>.primary{position:static}.trial-option:hover{background:linear-gradient(130deg,#65583b,#314338)}
.arena-goal{display:flex;justify-content:space-between;gap:12px;margin:8px 0;padding:10px 14px;background:linear-gradient(110deg,#534d34,#1a332b);border:1px solid #c0a164;border-radius:6px;font-size:14px}.arena-goal b{font-size:24px;color:#f7d99a;margin-left:6px}#trialScene{max-height:190px;border:2px solid #a98d58;border-radius:7px;background:#19382e;image-rendering:pixelated}.phase-track{display:flex;gap:6px;margin:10px 0}.phase-track>span{flex:1;text-align:center;border:1px solid #766d4b;background:#1d3029;padding:5px;color:#c0bba7;font-size:19px}.phase-track small{font-size:11px;letter-spacing:0;line-height:1.3}.phase-track .current{border:2px solid #efc881;color:#ffe5ac;background:#645334}.phase-track .done{color:#b2ddb1;border-color:#87b78b}.arena-instruction{font-size:15px;color:#f4d699;text-align:center}.choice-row button[aria-pressed=true]{box-shadow:inset 0 0 0 2px #ebce89,0 0 14px #e8c47733}.xp-meter{margin:10px 0;font-size:13px;color:#d8cba5}.xp-meter b{float:right;color:#f6d893}.xp-meter .progress{height:8px;margin:5px 0}.next-goal{display:flex;align-items:center;gap:12px;background:linear-gradient(120deg,#66583a,#2a4032);border:1px solid #cfb376;border-radius:7px;padding:12px;margin:12px 0}.next-goal b,.next-goal span{display:block}.next-goal small{font-size:11px;letter-spacing:0}.next-goal b{font-family:var(--ancient-font);font-size:18px}.next-goal span{font-size:13px;color:#eedcb3}.next-goal .goal-seal{font-size:36px;color:#f1ce82}.relic-tip{font-size:14px;text-align:center;color:#decba4}.relic-options .card{position:relative;background:radial-gradient(ellipse at 50% 15%,#73684b,#293e33 70%);border:2px solid #a9935c}.relic-options .card>b{font-family:var(--ancient-font);font-size:20px}.reveal-compact .champ-icon{width:130px;height:130px;background:radial-gradient(#80734e88,transparent 70%)}
h2{font-size:34px;line-height:1.15;margin-bottom:14px}h3{font-size:20px}.champion-compact h3{color:#f6d696;font-size:23px}.trial-option b{font-size:19px;color:#ffe2a9}.trial-option[aria-pressed=true] b{color:#ffdd86}.primary,.quick-action{font-size:20px}.reward{color:#bde3a1;font-size:24px;font-weight:800}.stats div:nth-child(1){color:#efd08d}.stats div:nth-child(2){color:#bcdaa7}.stats div:nth-child(3){color:#a9d9eb}.stats div:nth-child(1) b{color:#ffdb95}.stats div:nth-child(2) b{color:#c6e7b0}.stats div:nth-child(3) b{color:#b5e8f2}.arena-goal b{color:#ffdf8d}.arena-goal>span:last-child b{color:#c3e7ad}.list-row b{font-size:17px;color:#efd399}.tag{color:#b8dccc}.next-goal b{font-size:21px;color:#ffe2a1}.wallet{color:#ffe1a0}.trial-option small{color:#eee0c6}nav button span{font-size:15px}.place-marker span{font-size:14px}.score{font-size:25px;color:#f4d594}.relic-options .card>b{font-size:23px}@media(max-width:360px){h2{font-size:30px}.trial-option b{font-size:17px}.primary,.quick-action{font-size:18px}}
body[data-game-view=arena] .panel h2{padding-right:40px;font-size:29px}body[data-game-view=arena] .panel:has(#trialScene){max-height:min(78dvh,740px)}.panel:has(#trialScene) .score{font-size:18px;margin:6px 0}
.map-zoom-layer{position:absolute;inset:0;transform-origin:50% 65%}.map-zoom-layer #map{position:absolute;inset:0}.zoom-tools{position:absolute;top:112px;right:12px;z-index:5;display:flex;gap:4px;flex-wrap:wrap;width:140px;justify-content:flex-end}.zoom-tools>button{min-width:40px;min-height:40px;padding:4px;background:#1d352ee8;border:1px solid #bca16a;color:#f3d896;font-size:21px}.zoom-tools>button:nth-child(2){font-size:14px}.zoom-directions{display:flex;gap:3px;width:100%}.zoom-directions button{flex:1;padding:2px;min-width:32px;min-height:36px;background:#19322be8;font-size:17px}.sheet-open .zoom-tools{display:none}nav button[data-view=relic] .game-emblem,.place-marker:nth-child(1) .game-emblem{color:#9fe5ef;fill:#3c9dbb44}nav button[data-view=arena] .game-emblem,.place-marker:nth-child(3) .game-emblem{color:#ffb27c;fill:#c46b3b44}nav button[data-view=collection] .game-emblem,.place-marker:nth-child(6) .game-emblem{color:#c8b1ff;fill:#8668c344}nav button[data-view=sanctuary] .game-emblem,.place-marker:nth-child(2) .game-emblem{color:#ffe09b;fill:#c49a4644}.place-marker:nth-child(4) .game-emblem{color:#aadbb0;fill:#599c6944}.place-marker:nth-child(5) .game-emblem{color:#f3c098;fill:#aa764444}
.heraldic-emblem{position:relative;display:inline-block;width:46px;height:49px;flex-shrink:0;vertical-align:middle;filter:drop-shadow(0 3px 2px #0007)}.seal-frame{position:absolute;inset:0;width:100%;height:100%}.heraldic-emblem>.game-emblem{position:absolute;left:23%;top:22%;width:54%!important;height:54%!important;color:var(--seal-light)!important;fill:none!important;filter:drop-shadow(0 1px 0 #16271f)}.place-marker .heraldic-emblem{width:35px;height:37px}.place-marker{min-width:78px;padding:4px 8px 6px;background:linear-gradient(150deg,#726043,#23362d);border:2px solid #c6a968;border-radius:7px 7px 12px 12px}.place-marker i{height:38px}.place-marker span:not(.heraldic-emblem){text-shadow:0 2px #14251e;color:#ffedc7}.chapter-title{display:flex;align-items:center;gap:12px;border-bottom:1px solid #bc9c5866;padding-bottom:10px;font-size:30px}.chapter-title .heraldic-emblem{width:48px;height:52px}nav button{padding:3px 2px}nav .heraldic-emblem{width:37px;height:39px}nav button span:not(.heraldic-emblem){font-size:14px}.panel:has(#trialScene) .chapter-title{font-size:24px}.panel:has(#trialScene) .chapter-title .heraldic-emblem{width:40px;height:43px}@media(max-width:360px){.place-marker{min-width:68px}.chapter-title{font-size:27px;gap:8px}nav button span:not(.heraldic-emblem){font-size:12px}}
.compact-grid button[data-rarity=Comune]{border-color:#9da99a}.compact-grid button[data-rarity="Non comune"]{border-color:#85bf8b;background:radial-gradient(#466c43,#243a2b)}.compact-grid button[data-rarity=Raro]{border-color:#87cfe7;background:radial-gradient(#345e73,#20362f)}.compact-grid button[data-rarity=Epico]{border:2px solid #dfb278;background:radial-gradient(#75538b,#29382e);box-shadow:inset 0 0 0 2px #d6b57155}.panel[data-rarity=Raro] .champ-icon{border:2px solid #8bd9ed;box-shadow:0 0 18px #78c1dd33}.panel[data-rarity=Epico] .champ-icon{border:3px double #f3d090;box-shadow:0 0 22px #bf91df44;background:radial-gradient(#88719b88,transparent 75%)}.panel[data-rarity=Raro] .tag{color:#aee7f4}.panel[data-rarity=Epico] .tag{color:#f1cba3}
.activity-picker{margin:12px 0;border:1px solid #ae975f;background:#253a2d;padding:10px;border-radius:6px}.activity-picker>small{font-size:12px;letter-spacing:0;margin-bottom:6px;color:#ddca9c}.activity-picker>div{display:flex;gap:8px}.activity-picker button{flex:1;font-size:16px;padding:8px}.activity-picker button small{font-size:11px;letter-spacing:0;color:#d7d5ba}.activity-picker button[aria-pressed=true]{border:2px solid #e8c784;background:#615335}
.notice-bell{position:relative;font-size:16px!important;min-width:44px}.notice-bell[data-unread=true]{border-color:#ffe1a0;background:#695135}.notice-entry{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #927f4f55;font-size:15px}.notice-entry>span{font-size:26px;color:#f0ce81}.notice-entry>div{flex:1}.notice-entry small{font-size:11px;letter-spacing:0;color:#d4c69e}.notice-entry button{font-size:12px;padding:6px 9px;min-height:40px}#toast{display:none;align-items:center;padding:10px 52px 10px 16px;font-size:14px}.notice-dismiss{position:absolute;right:5px;top:50%;transform:translateY(-50%);min-width:40px;min-height:40px;padding:4px;background:#b08b50;color:#172b23;font-size:22px}