.sun-app{--sun-ink:#1f4b63;--sun-soft:#5b7c8e;--sun-paper:#fffaf0;--sun-coral:#ff6b57;--sun-sky:#3fb5ff;--sun-gold:#ffc93c;--sun-mint:#2ec4b6;--sun-violet:#8f5cff;--play-accent:#ff6b57;overflow:hidden;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;height:100dvh;background:#bfe4ff;color:var(--sun-ink)}.sun-scene{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;touch-action:none}.sun-app:not([data-phase=play]):not([data-phase=reveal]) :is(.sun-head,.sun-zones,.sun-dock,.sun-hint,.sun-quit,.sun-toast,.sun-floats){display:none}.sun-app:not([data-phase=play]):not([data-phase=reveal]) .sun-banner{display:none}.sun-app[data-phase=reveal] :is(.sun-buttons,.sun-props){visibility:hidden}.sun-hatch{display:inline-block;width:16px;height:16px;border-radius:5px;flex-shrink:0;vertical-align:-3px;background:repeating-linear-gradient(-45deg,#ff6b57 0 3px,#ffd9c4 3px 7px);box-shadow:0 0 0 2px #fff}.sun-head{position:absolute;z-index:4;left:0;right:0;top:calc(env(safe-area-inset-top, 0px) + 10px);pointer-events:none;display:flex;align-items:center;gap:6px;padding:0 96px 0 10px}.sun-pill{display:inline-flex;align-items:center;gap:5px;height:40px;padding:0 11px;border-radius:20px;flex-shrink:0;background:rgba(31,75,99,.86);border:2px solid rgba(255,255,255,.92);box-shadow:0 3px 0 rgba(31,75,99,.22);color:#fff}.sun-clock{flex-direction:column;justify-content:center;align-items:stretch;gap:3px;min-width:60px}.sun-clock b{font:800 16px/1 Playful,sans-serif;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sun-track{display:block;height:5px;border-radius:3px;background:rgba(255,255,255,.22);overflow:hidden}.sun-track i{display:block;height:100%;background:var(--sun-gold);transform-origin:left}.sun-track i[data-level=low]{background:#ff6f8a}.sun-hurry .sun-clock{animation:sun-pulse .5s ease-in-out infinite alternate;border-color:#ffb0c4}@keyframes sun-pulse{to{transform:scale(1.07)}}.sun-trip{flex:0 1 auto;min-width:0;background:rgba(255,250,240,.94);color:var(--sun-ink);border-color:#fff}.sun-trip b{font:800 14px/1 Playful,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sun-trip span{font-size:18px}.sun-lamps{gap:4px;padding:0 9px}.sun-lamps i{width:13px;height:16px;border-radius:50% 50% 40% 40%;background:radial-gradient(circle at 40% 35%,#f3e0ff,#b46bff 60%);box-shadow:0 0 8px #c78bff}.sun-lamps i.used{background:rgba(255,255,255,.25);box-shadow:none}.sun-zones{position:absolute;z-index:4;left:8px;right:8px;top:calc(env(safe-area-inset-top, 0px) + 58px);max-width:560px;margin:0 auto;pointer-events:none}.sun-zone-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:5px}.sun-zone-list li{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 9px 0 7px;border-radius:15px;background:rgba(255,250,240,.94);border:2px solid #fff;box-shadow:0 3px 0 rgba(31,75,99,.14)}.sun-zone-list span{font:800 12px/1 Playful,sans-serif;color:var(--sun-ink);white-space:nowrap}.sun-zone-list b{font:800 12px/1 Playful,sans-serif;color:var(--sun-coral);min-width:28px;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sun-zone-list li.done{background:#dcf7f2}.sun-zone-list li.done .sun-hatch{background:radial-gradient(circle,#7fe3ff 0 40%,#2ec4b6 42%)}.sun-zone-list li.done b{color:#1e9a8e}.sun-props{display:none;justify-content:center;flex-wrap:wrap;gap:5px;margin-top:5px}.sun-props.show{display:flex}.sun-prop{padding:4px 9px;border-radius:11px;background:rgba(255,201,60,.95);border:2px solid #fff;color:#6a4a00;font:800 11px/1.1 Playful,sans-serif}.sun-prop:after{content:" · tap to lift";font-weight:700;opacity:.75}.sun-dock{position:absolute;z-index:4;left:8px;right:8px;bottom:calc(env(safe-area-inset-bottom, 0px) + 10px);max-width:520px;margin:0 auto}.sun-meters{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;padding:8px 12px;margin-bottom:7px;border-radius:18px;background:rgba(255,250,240,.94);border:2px solid #fff;box-shadow:0 4px 0 rgba(31,75,99,.15)}.sun-meter{display:grid;grid-template-columns:auto 1fr 36px;align-items:center;grid-gap:6px;gap:6px}.sun-meter small{font:800 9.5px/1 Playful,sans-serif;letter-spacing:.6px;color:var(--sun-soft)}.sun-meter b{font:800 14px/1 Playful,sans-serif;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sun-bar,.sun-tube{height:12px;background:#e3eef3;overflow:hidden}.sun-bar,.sun-bar i,.sun-tube{display:block;border-radius:6px}.sun-bar i{height:100%;width:0;background:repeating-linear-gradient(-45deg,#2ec4b6 0 5px,#46d9c9 5px 10px);transition:width .12s}.sun-tube{border-radius:4px 7px 7px 4px;box-shadow:inset 0 0 0 2px #cfe6f3}.sun-tube i{display:block;height:100%;width:100%;background:linear-gradient(#8fe0ff,#3fb5ff);transition:width .12s}.sun-tube i[data-level=low]{background:linear-gradient(#ffb3a0,#ff5f7e)}.sun-buttons{display:grid;grid-template-columns:50px 1fr 1fr 50px 1.25fr;grid-gap:6px;gap:6px}.sun-btn{height:54px;border-radius:18px;border:3px solid #fff;cursor:pointer;color:#fff;padding:0 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:linear-gradient(#5cc6ff,#2d93d8);box-shadow:inset 0 3px 0 rgba(255,255,255,.3),0 5px 0 #1d6a9e;touch-action:manipulation}.sun-btn:active{transform:translateY(3px);box-shadow:0 2px 0 #1d6a9e}.sun-btn small{font:800 9px/1 Playful,sans-serif;letter-spacing:.8px;opacity:.9}.sun-btn b{font:800 15px/1 Playful,sans-serif;letter-spacing:.5px}.sun-turn{background:linear-gradient(#ffffff,#e6f3fa);color:var(--sun-ink);box-shadow:inset 0 3px 0 #fff,0 5px 0 #9cc3d6}.sun-turn:active{box-shadow:0 2px 0 #9cc3d6}.sun-lamp{background:linear-gradient(#b98cff,#7a45e6);box-shadow:inset 0 3px 0 rgba(255,255,255,.3),0 5px 0 #4e2aa3}.sun-lamp:active{box-shadow:0 2px 0 #4e2aa3}.sun-lamp:disabled{opacity:.45;filter:grayscale(.5);cursor:default}.sun-scanning .sun-lamp{animation:sun-pulse .4s ease-in-out infinite alternate}.sun-done{background:linear-gradient(#ffa08f,#f0563f);box-shadow:inset 0 3px 0 rgba(255,255,255,.3),0 5px 0 #a8321f}.sun-done:active{box-shadow:0 2px 0 #a8321f}.sun-done.ready{animation:sun-pulse .6s ease-in-out infinite alternate;background:linear-gradient(#6ee0bd,#22b48e);box-shadow:inset 0 3px 0 rgba(255,255,255,.3),0 5px 0 #157a5e}.sun-hint{position:absolute;z-index:7;left:50%;bottom:calc(env(safe-area-inset-bottom, 0px) + 150px);transform:translate(-50%,6px);opacity:0;width:max-content;max-width:min(340px,calc(100vw - 32px));padding:8px 14px;border-radius:14px;pointer-events:none;text-align:center;background:rgba(31,75,99,.9);color:#fff;border:2px solid rgba(255,255,255,.9);font:800 13px/1.3 Playful,sans-serif;transition:opacity .25s,transform .25s}.sun-hint.show{opacity:1;transform:translate(-50%)}.sun-floats{position:absolute;inset:0;z-index:6;pointer-events:none}.sun-float{position:absolute;transform:translate(-50%,-50%);font:800 21px/1 Playful,sans-serif;color:#fff;white-space:nowrap;-webkit-text-stroke:1.5px rgba(31,75,99,.8);paint-order:stroke fill;animation:sun-float 1.2s ease-out forwards}.sun-float.gold{color:#fff1a0;font-size:25px}@keyframes sun-float{0%{opacity:0;transform:translate(-50%,-30%) scale(.6)}20%{opacity:1;transform:translate(-50%,-60%) scale(1.15)}to{opacity:0;transform:translate(-50%,-170%) scale(1)}}.sun-toast{position:absolute;z-index:7;left:50%;top:calc(env(safe-area-inset-top, 0px) + 162px);transform:translateX(-50%);opacity:0;pointer-events:none;padding:8px 16px;border-radius:16px;background:var(--sun-sky);color:#fff;font:800 14px/1.2 Playful,sans-serif;white-space:nowrap;border:2px solid #fff;box-shadow:0 3px 0 rgba(31,75,99,.25);max-width:calc(100vw - 24px);overflow:hidden;text-overflow:ellipsis}.sun-toast[data-kind=good]{background:#22b48e}.sun-toast[data-kind=bad]{background:#e03c68}.sun-toast[data-kind=warn]{background:#e8962a}.sun-toast.show{animation:sun-toast 2.2s ease forwards}@keyframes sun-toast{0%{opacity:0;transform:translate(-50%,-8px) scale(.9)}12%{opacity:1;transform:translate(-50%) scale(1.04)}20%{transform:translate(-50%) scale(1)}82%{opacity:1}to{opacity:0}}.sun-banner{position:absolute;z-index:7;left:50%;top:40%;transform:translate(-50%,-50%) scale(.6);opacity:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.sun-banner b{font:800 44px/1 Playful,sans-serif;color:#fff;-webkit-text-stroke:3px var(--sun-coral);paint-order:stroke fill;text-shadow:0 6px 0 rgba(31,75,99,.35);white-space:nowrap}.sun-banner span{font:800 15px/1.2 Playful,sans-serif;color:var(--sun-ink);background:rgba(255,255,255,.92);padding:4px 12px;border-radius:12px}.sun-banner.show{animation:sun-banner 2.4s cubic-bezier(.2,1.4,.4,1) forwards}@keyframes sun-banner{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}15%{opacity:1;transform:translate(-50%,-50%) scale(1)}85%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1.05)}}.sun-corner{position:absolute;z-index:8;top:calc(env(safe-area-inset-top, 0px) + 10px);right:10px;display:flex;gap:6px}.sun-app[data-phase=loading] .sun-corner{display:none}.sun-icon-btn{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;cursor:pointer;color:#fff;background:rgba(31,75,99,.86);border:2px solid rgba(255,255,255,.92);box-shadow:0 3px 0 rgba(31,75,99,.22)}.sun-icon-btn .off{display:none}.sun-icon-btn[aria-pressed=true] .off{display:block}.sun-icon-btn[aria-pressed=true] .on{display:none}.sun-app:not([data-phase=play]) .sun-corner{top:calc(env(safe-area-inset-top, 0px) + 14px)}.sun-app .overlay{background:linear-gradient(180deg,rgba(191,228,255,.05),rgba(31,75,99,.4));backdrop-filter:none;-webkit-backdrop-filter:none}.sun-sheet{position:relative;width:min(400px,100%);margin:auto;padding:22px 20px 18px;border-radius:30px;text-align:center;background:var(--sun-paper);border:3px solid #fff;box-shadow:0 8px 0 rgba(31,75,99,.22),0 18px 40px rgba(31,75,99,.22);color:var(--sun-ink)}.sun-sheet:before{content:"";position:absolute;inset:7px;border:2px dashed rgba(255,107,87,.35);border-radius:23px;pointer-events:none}.sun-kicker{position:relative;display:inline-block;padding:4px 12px;border-radius:10px;background:#fff0c9;color:#b07a00;font:800 11px/1.2 Playful,sans-serif;letter-spacing:1.5px}.sun-title{position:relative;margin:10px 0 6px;font:800 42px/.95 Playful,sans-serif;color:var(--sun-sky);text-shadow:0 4px 0 #1d6a9e}.sun-title span{font-size:58px;color:#fff;-webkit-text-stroke:3px var(--sun-coral);paint-order:stroke fill;text-shadow:0 5px 0 #c23c2a}.sun-blurb{position:relative;margin:0 0 14px;font:700 14px/1.35 Playful,sans-serif;color:var(--sun-soft)}.sun-rules{position:relative;list-style:none;margin:0 0 16px;padding:0;display:grid;grid-gap:8px;gap:8px;text-align:left}.sun-rules li{display:grid;grid-template-columns:28px 1fr;grid-column-gap:10px;column-gap:10px;font:600 13px/1.3 Playful,sans-serif;color:var(--sun-soft)}.sun-rules li p{margin:0}.sun-rules li b{font:800 14px/1.1 Playful,sans-serif;color:var(--sun-ink)}.sun-rules li span{width:28px;height:28px;border-radius:50%;background:var(--sun-coral);color:#fff;display:grid;place-items:center;font:800 16px/1 Playful,sans-serif}.sun-rules li:nth-child(2) span{background:var(--sun-sky)}.sun-rules li:nth-child(3) span{background:#e8a400}.sun-rules li:nth-child(4) span{background:var(--sun-violet)}.sun-app button.big{position:relative;width:100%;background:linear-gradient(#ffa08f,#f0563f);color:#fff;border-color:#ffe3dc;box-shadow:inset 0 3px 0 rgba(255,255,255,.35),0 5px 0 #a8321f}.sun-app button.big:active{box-shadow:0 1px 0 #a8321f}.sun-best{position:relative;margin:10px 0 0;font:700 12px/1.3 Playful,sans-serif;color:var(--sun-soft)}.sun-app .sun-brief{justify-content:flex-end;padding-bottom:18px}.sun-card{text-align:left;margin:auto auto 0}.sun-card .sun-kicker{margin-bottom:6px}.sun-brief-head{position:relative;display:flex;align-items:center;gap:10px}.sun-brief-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:26px;background:#e2f3ff;box-shadow:inset 0 -4px 0 rgba(31,75,99,.1)}.sun-brief-head h2{margin:0;font:800 28px/1 Playful,sans-serif;color:var(--sun-coral)}.sun-brief-line{position:relative;margin:8px 0;font:700 13px/1.35 Playful,sans-serif;color:var(--sun-soft)}.sun-card h3{position:relative;display:flex;align-items:center;gap:8px;margin:8px 0 5px;font:800 13px/1 Playful,sans-serif;letter-spacing:.4px;color:var(--sun-ink)}.sun-brief-props,.sun-brief-zones{position:relative;list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:5px}.sun-brief-props li,.sun-brief-zones li{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:10px;background:#fff0e8;font:800 12px/1.2 Playful,sans-serif;color:var(--sun-ink)}.sun-brief-props li{background:#fff4d2}.sun-brief-props li b{font-size:15px}.sun-brief-pose{position:relative;margin:10px 0 12px;font:700 12px/1.2 Playful,sans-serif;color:var(--sun-soft)}.sun-link-btn{position:relative;display:block;margin:10px auto 0;background:none;border:0;color:var(--sun-coral);font:800 14px/1 Playful,sans-serif;text-decoration:underline;cursor:pointer}.sun-app .sun-results{justify-content:flex-start;padding-top:46vh;padding-bottom:18px}.sun-small{padding-top:16px}.sun-stars{position:relative;display:flex;justify-content:center;gap:6px;margin-bottom:4px}.sun-stars i{width:34px;height:34px;background:#dfe8ec;-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.sun-stars i.on{background:linear-gradient(#ffe27a,#f2b632);animation:sun-pop .5s ease backwards}.sun-stars i.on:nth-child(2){animation-delay:.15s}.sun-stars i.on:nth-child(3){animation-delay:.3s}@keyframes sun-pop{40%{transform:scale(1.5)}}.sun-result-title{position:relative;margin:0 0 6px;font:800 30px/1 Playful,sans-serif;color:var(--sun-coral)}.sun-result-line{position:relative;margin:4px 0 6px;font:700 13px/1.35 Playful,sans-serif;color:var(--sun-soft)}.sun-result-big{position:relative;display:flex;align-items:baseline;justify-content:center;gap:8px}.sun-result-big b{font:800 50px/1 Playful,sans-serif;color:var(--sun-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sun-result-big span{font:800 17px/1 Playful,sans-serif;color:var(--sun-coral)}.sun-result-list{position:relative;display:grid;grid-template-columns:1fr;grid-gap:4px;gap:4px;margin:8px 0}.sun-result-list div{display:flex;justify-content:space-between;gap:6px;padding:5px 10px;border-radius:10px;background:#eef6fa}.sun-result-list dt{font:700 12px/1.2 Playful,sans-serif;color:var(--sun-soft);white-space:nowrap}.sun-result-list dd{margin:0;font:800 13px/1.2 Playful,sans-serif;color:var(--sun-ink)}.sun-r-best{position:relative;margin:0 0 10px;font:800 12px/1.2 Playful,sans-serif;color:var(--sun-soft)}.sun-app .share-btn{position:relative;display:block;margin:10px auto 0}@media (min-width:700px){.sun-app .sun-results{justify-content:safe center;align-items:flex-end;padding:64px 6vw 30px 24px}.sun-results .sun-sheet{margin:auto 0 auto auto}.sun-app .sun-brief{justify-content:safe center;align-items:flex-end;padding:64px 6vw 30px 24px}.sun-brief .sun-sheet{margin:auto 0 auto auto}.sun-app .sun-menu{align-items:flex-end;padding-right:6vw}.sun-menu .sun-sheet{margin:auto 0 auto auto}}