:root{--paper:#f5eedc;--navy:#142936;--gold:#d8b66b;--muted:#adc5cb}#temple-world{position:fixed;inset:0;z-index:10;background:var(--navy);color:var(--paper);font-family:system-ui,-apple-system,sans-serif;display:grid;grid-template-columns:minmax(0,1fr) 350px;grid-template-rows:80px minmax(0,1fr);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);box-sizing:border-box}#temple-world[hidden],#world-result[hidden],#demo-badge[hidden]{display:none!important}.world-header{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:12px 24px;border-bottom:1px solid #ffffff18;background:#10232e}.world-header h1{font-size:23px;letter-spacing:3px;margin:0}.world-header p{font-size:12px;color:var(--muted);margin:4px 0 0}.world-header button{font-size:12px;padding:9px 12px}.world-map-wrap{position:relative;min-height:0}#temple-map{height:100%;width:100%;background:#c7d3c5}#map-warning{position:absolute;left:12px;top:12px;z-index:500;max-width:260px;padding:10px;background:#142936ed;border-radius:8px;font-size:12px}#map-warning:empty{display:none}.world-map-tag{position:absolute;z-index:500;top:12px;right:12px;padding:7px 10px;background:#142936ed;border:1px solid #d8b66b66;border-radius:20px;font-size:11px;pointer-events:none}.world-side{overflow:auto;padding:20px;box-sizing:border-box;border-left:1px solid #ffffff18}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--gold);margin:0 0 7px}.world-side h2{font-size:26px;line-height:1.25;margin:0 0 4px}.place-name{color:var(--muted);font-size:13px;margin:0 0 15px}.reward-box{padding:15px;border:1px solid #d8b66b55;background:#213a43;border-radius:12px;margin:12px 0}.reward-box strong{font-size:20px;color:#f0d798}.reward-box p{font-size:13px;line-height:1.55;margin:8px 0 0;color:#d0dfe0}.world-side p.description{font-size:13px;line-height:1.6;color:#d0dfe0;margin:10px 0}.world-status{font-size:12px;color:#b0d8c9;min-height:18px}.world-button{cursor:pointer;background:#243f4c;color:var(--paper);border:1px solid #64808b;border-radius:9px;min-height:44px;padding:10px 14px;font:inherit;font-size:14px;touch-action:manipulation}.world-button.primary{background:#e8c77f;border-color:#e8c77f;color:#172d35;font-weight:750;width:100%;min-height:49px;margin:8px 0}.world-button:disabled{opacity:.45;cursor:default}.world-link{background:none;border:none;color:#aec8cc;padding:8px 0;font:inherit;font-size:12px;text-decoration:underline;cursor:pointer}.power-options{display:flex;gap:7px;flex-wrap:wrap;margin:8px 0}.power-options button{font-size:12px;min-height:40px;padding:7px 10px}.power-options button[aria-pressed=true]{border-color:#e8c77f;background:#3c4d45;color:#ffe4a3}.world-bottom{margin-top:16px;padding-top:14px;border-top:1px solid #ffffff20}.world-bottom p{font-size:11px;line-height:1.5;color:var(--muted)}#world-message{font-size:12px;line-height:1.6;color:#f2d699;min-height:20px}.temple-pin{border:0;background:none}.pin-body{width:38px;height:38px;border-radius:50% 50% 50% 4px;transform:rotate(-45deg);background:#243b46;border:2px solid #f0d490;box-shadow:0 4px 12px #0006;display:grid;place-items:center}.pin-body span{transform:rotate(45deg);font-size:21px}.pin-body.locked{background:#52646b;border-color:#dae2df}.pin-body.cleared{background:#286957}.pin-label{white-space:nowrap;transform:translateX(-38%);font-family:system-ui;font-size:11px;background:#142936e8;color:#fff0cd;padding:4px 7px;border-radius:5px;margin-top:5px;width:max-content}.temple-list{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.temple-list button{font-size:11px;padding:7px;min-height:36px}.leaflet-control-attribution{font-size:10px!important}#demo-badge{position:fixed;top:max(5px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);z-index:9;font:11px system-ui;color:#ffe4a6;background:#463b1ee8;border:1px solid #b09450;border-radius:14px;padding:5px 10px;pointer-events:none}#world-result{position:fixed;inset:0;z-index:11;background:#10232eea;display:grid;place-items:center;font-family:system-ui;color:var(--paper);padding:18px;box-sizing:border-box}.result-card{max-width:410px;width:100%;max-height:90dvh;overflow:auto;text-align:center;background:radial-gradient(circle at 50% 0,#355858,#172d3b 65%);border:1px solid #d8b66b88;border-radius:18px;padding:28px;box-sizing:border-box;box-shadow:0 20px 80px #0008}.result-card h2{font-size:29px;margin:8px 0 12px}.result-card p{font-size:14px;line-height:1.6;color:#c8dddb}.result-icon{font-size:52px}.result-actions{display:grid;gap:8px}.result-card .primary{margin:5px 0}.result-card .world-link{display:block;margin:auto}@media(max-width:600px) and (orientation:portrait){#temple-world{grid-template-columns:1fr;grid-template-rows:68px minmax(160px,38%) minmax(0,1fr)}.world-header{padding:10px 16px}.world-header h1{font-size:20px}.world-header p{font-size:11px}.world-side{padding:15px 18px;border-left:0;border-top:1px solid #ffffff18}.world-side h2{font-size:23px}.reward-box{padding:12px;margin:9px 0}.world-bottom{margin-top:10px;padding-top:9px}}@media(orientation:landscape) and (max-height:500px){#temple-world{grid-template-columns:minmax(0,1fr) 320px;grid-template-rows:60px minmax(0,1fr)}.world-header{padding:7px 18px}.world-header h1{font-size:19px}.world-side{padding:13px 18px}.world-side h2{font-size:22px}.reward-box{padding:10px;margin:8px 0}.result-card{padding:18px;max-width:560px}.result-icon{font-size:30px}.result-card h2{font-size:24px;margin:3px}.result-card p{margin:5px}.result-actions{grid-template-columns:1fr 1fr}.result-actions .primary{grid-column:1/-1}}

#power-trial-ui[hidden]{display:none!important}#power-trial-ui{position:fixed;inset:0;z-index:5;pointer-events:none;font-family:system-ui;color:var(--paper)}
.trial-title{position:absolute;top:19%;left:6%;width:88%;text-align:center;color:#f0d798;font-size:24px;font-weight:750;margin:0}.trial-instruction{position:absolute;top:24%;left:8%;width:84%;text-align:center;font-size:16px;line-height:1.5;margin:0}
.trial-actions{position:absolute;left:5%;bottom:5%;width:53%;display:grid;gap:6px;pointer-events:auto}.trial-actions button{font-size:13px;min-height:44px}.seal-broken{animation:seal-flash .65s ease-out}.reward-burst{animation:reward-pop .7s cubic-bezier(.2,.8,.3,1.3);text-shadow:0 0 26px #ffe49c}
.result-card[data-power=thunder]{background:radial-gradient(circle at 50% 10%,#315b94,#122b42 70%)}.result-card[data-power=beast]{background:radial-gradient(circle at 50% 10%,#557d35,#18362e 70%)}.result-card[data-power=shield]{background:radial-gradient(circle at 50% 10%,#39798a,#152e44 70%)}
@keyframes seal-flash{0%{box-shadow:0 0 100px 25px #fff5ce;transform:scale(.95)}100%{box-shadow:0 20px 80px #0008;transform:scale(1)}}@keyframes reward-pop{0%{transform:scale(.2) rotate(-25deg);opacity:0}70%{transform:scale(1.3) rotate(8deg);opacity:1}100%{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.seal-broken,.reward-burst{animation:none}}

/* One landscape composition for map, battle and rewards, including portrait-held devices. */
#temple-world{max-width:none;margin:0;grid-template-columns:minmax(0,1fr) min(29%,270px);grid-template-rows:54px minmax(0,1fr);padding:0}
.world-header{padding:6px 16px}.world-header h1{font-size:18px;letter-spacing:1px}.world-header h1 span,.world-header p{display:none}.world-header button{min-height:40px;padding:7px 10px;font-size:12px}
.world-side{display:flex;flex-direction:column;gap:7px;padding:12px 14px;border-top:0;border-left:1px solid #ffffff18;overflow:auto}
.world-side h2{font-size:22px;line-height:1.2;margin:0}.world-side>.place-name,.world-side>.eyebrow,.world-bottom{display:none}
.reward-box{padding:9px 10px;margin:0}.reward-box .eyebrow{font-size:11px;letter-spacing:0;margin:0 0 3px}.reward-box strong{font-size:18px}
.world-status{font-size:12px;min-height:0;line-height:1.4}.world-button.primary{margin:0;min-height:46px;font-size:16px}
#world-challenge-button{order:3}#world-status{order:1}.reward-box{order:2}#loadout-details{order:4}#world-demo{order:6}#world-message{order:7;min-height:0}#temple-details{order:5}
.world-link{padding:4px 0;text-align:left;font-size:11px}.world-side details{font-size:12px;color:#cbdcdb}.world-side summary{cursor:pointer;min-height:30px;display:flex;align-items:center;color:#e6d39d}.world-side details p{font-size:12px;line-height:1.4;margin:6px 0}
#temple-list{position:absolute;bottom:12px;left:12px;right:12px;z-index:500;margin:0;justify-content:center;gap:5px}#temple-list button{background:#142936eb;min-height:40px;padding:7px 10px;font-size:12px}.world-map-tag{top:10px;font-size:10px}
#world-result{padding:12px}.result-card{max-width:560px;max-height:calc(var(--game-height, 100dvh) - 24px);padding:18px}.result-icon{font-size:30px}.result-card h2{font-size:25px;margin:5px}.result-card p{font-size:13px;margin:6px;line-height:1.4}.result-actions{grid-template-columns:1fr 1fr}.result-actions .primary{grid-column:1/-1}
.trial-title{top:7%;left:25%;width:50%;font-size:22px}.trial-instruction{top:16%;left:25%;width:50%;font-size:15px}.trial-actions{left:23%;bottom:2%;width:43%;grid-template-columns:2fr 1fr;gap:8px}.trial-actions button{font-size:12px;min-height:42px}
#demo-badge{font-size:10px;padding:3px 8px;top:auto;bottom:3px;left:12px;transform:none}

#gear-details{order:5;border-top:1px solid #ffffff20;padding-top:8px;font-size:13px}#gear-details summary{cursor:pointer;color:#efd59b;padding:5px 0}#gear-options{padding:7px 0}.gear-group{display:flex;flex-wrap:wrap;gap:5px;margin:7px 0}.gear-group p{width:100%;margin:0;color:#c8d4d4;font-size:12px}.gear-button{display:flex;align-items:center;gap:5px;font-size:12px!important;padding:5px 8px!important}.gear-button img{height:30px;width:28px;object-fit:contain}.gear-button[aria-pressed=true]{border-color:#ffe09a;background:#435953}.gear-button:disabled{opacity:.5}.gear-tip{font-size:12px;line-height:1.5;color:#d6c399}#temple-story{position:fixed;inset:0;z-index:14;background:#10212bea;display:grid;place-items:center;font-family:system-ui;color:#fff0cd}.story-card{width:min(650px,82%);text-align:center;padding:24px;border:1px solid #b5975b;border-radius:20px;background:radial-gradient(ellipse at top,#34524e,#152a36 75%)}.story-card h2{font-size:24px;line-height:1.5;margin:10px 0}.story-card p{font-size:16px;line-height:1.6}.story-card .primary{display:block;min-width:180px;margin:15px auto 5px}.story-reward{color:#e3c781}.item-reward{width:110px;height:100px;object-fit:contain}.world-side #temple-details{order:6}

#temple-story[hidden]{display:none!important}

.outfit-preview{width:110px;height:110px;object-fit:contain;display:block;margin:0 auto;background:radial-gradient(circle,#59736966,#17313b00);border-radius:50%}
