:root{--fs-2xs:clamp(8px, 2.1vmin, 10.5px);--fs-xs:clamp(9.5px, 2.4vmin, 12px);--fs-sm:clamp(11px, 2.8vmin, 14px);--fs-md:clamp(12.5px, 3.2vmin, 16px);--fs-lg:clamp(14px, 3.8vmin, 19px);--fs-glyph:clamp(20px, 5.5vmin, 28px);--fs-counter:clamp(20px, 6vmin, 34px);--fs-hero:clamp(40px, 12vmin, 68px);--sp-2:.25em;--sp-3:.5em;--sp-4:.9em;--pill-pad:.5em 1em;--glass-bg-pill:#ffffff6b;--glass-bg-card:#fff6;--glass-line:#ffffff80;--glass-line-card:#ffffff8c;--glass-blur-card:blur(16px);--glass-dark:#3c3046ad;--scrim:#3c30464d;--r-pill:999px;--r-card:24px;--r-tile:16px;--r-cell:10px;--ink:#7a5c72;--ink-deep:#5f4a63;--on-sky:#fffffff2;--on-sky-dim:#ffffffd9;--sky-text-shadow:0 1px 6px #a0648c4d;--gold:#c98a1e;--gold-deep:#7a5320;--gold-dust:#b07f3f;--gold-bg:#ffd66e59;--gold-line:#ffd66eb3;--gold-glow:#ffd06073;--focus-ring:#ffffffe6}*{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;background:linear-gradient(#ffc9de 0%,#ffdfc4 55%,#fff3da 100%);height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}#app{justify-content:center;align-items:center;height:100dvh;display:flex}#frame{aspect-ratio:9/16;border-radius:12px;width:min(100vw,56.25dvh);position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff8c,0 18px 60px -18px #9e5e868c,0 4px 18px #9e5e8629}#game{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}#hud{pointer-events:none;color:#6b5a6e;position:absolute;inset:0}#hud button{-webkit-tap-highlight-color:transparent;font-family:inherit}#hud button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}#mute:active,#wardrobe-btn:active,#constellation-btn:active,#calendar-btn:active,#mode-select button:active,#share-btn:active{transform:scale(.94)}#depth{text-align:center;font-size:var(--fs-counter);letter-spacing:.08em;color:var(--on-sky);text-shadow:0 1px 8px #a0648c40;font-weight:200;transition:opacity .5s;position:absolute;top:4%;left:0;right:0}#depth.milestone{animation:.7s ease-out depth-pop}@keyframes depth-pop{0%{transform:scale(1)}22%{text-shadow:0 0 18px #ffe08cf2,0 1px 8px #a0648c40;transform:scale(1.14)}60%{text-shadow:0 0 10px #ffe08c66,0 1px 8px #a0648c40}to{text-shadow:0 1px 8px #a0648c40;transform:scale(1)}}#effects{text-align:center;transition:opacity .3s;position:absolute;top:11%;left:0;right:0}.effect-row{border-radius:var(--r-pill);background:var(--glass-bg-pill);font-size:var(--fs-sm);letter-spacing:.08em;color:var(--on-sky);text-shadow:var(--sky-text-shadow);margin:0 .4em;padding:.15em .7em;font-weight:300;display:inline-block}.effect-row.hidden{display:none}#boon-tray{text-align:center;pointer-events:none;transition:opacity .8s;position:absolute;top:16%;left:0;right:0}#boon-tray.quiet{opacity:.35}.boon-chip{border-radius:var(--r-pill);background:var(--glass-bg-pill);font-size:var(--fs-sm);text-shadow:var(--sky-text-shadow);align-items:center;gap:.3em;margin:0 .18em;padding:.12em .5em;display:inline-flex}.boon-chip.maxed{background:var(--gold-bg);box-shadow:0 0 10px var(--gold-glow)}.boon-icon{font-size:var(--fs-sm);line-height:1.4}.boon-pips{gap:3px;display:inline-flex}.boon-pips .pip{background:#fff6;border-radius:50%;width:5px;height:5px}.boon-pips .pip.on{background:var(--gold);box-shadow:0 0 4px var(--gold-glow)}#skip-stones{border-radius:var(--r-pill);border:1px solid var(--glass-line);background:var(--glass-bg-pill);font-size:var(--fs-sm);color:var(--on-sky);text-shadow:var(--sky-text-shadow);pointer-events:none;align-items:center;gap:.32em;padding:.18em .55em;transition:opacity .4s;display:inline-flex;position:absolute;top:8.2%;right:4%}#skip-stones.hidden{display:none}#skip-stones.spent{opacity:.35}.skip-icon{font-size:var(--fs-sm);line-height:1.4}#duo-banner{text-align:center;pointer-events:none;animation:2.8s ease-out duo-pop;position:absolute;top:26%;left:0;right:0}#duo-banner.hidden{display:none}#duo-banner-name{border-radius:var(--r-pill);background:var(--gold-bg);border:1px solid var(--gold-line);font-size:var(--fs-lg);letter-spacing:.14em;color:var(--gold-deep);text-shadow:0 1px 6px #fff4d6cc;box-shadow:0 0 22px var(--gold-glow);padding:.3em 1.1em;font-weight:500;display:inline-block}#duo-banner-blurb{font-size:var(--fs-sm);letter-spacing:.1em;color:var(--on-sky);text-shadow:var(--sky-text-shadow);margin-top:.45em;font-weight:300}@keyframes duo-pop{0%{opacity:0;transform:translateY(10px)scale(.9)}12%{opacity:1;transform:translateY(0)scale(1.04)}20%{transform:translateY(0)scale(1)}78%{opacity:1}to{opacity:0;transform:translateY(-8px)scale(.98)}}#hint{text-align:center;font-size:var(--fs-md);letter-spacing:.06em;color:var(--on-sky-dim);text-shadow:var(--sky-text-shadow);font-weight:300;transition:opacity .4s;position:absolute;bottom:12%;left:0;right:0}#mute,#wardrobe-btn,#constellation-btn{border-radius:var(--r-pill);border:1px solid var(--glass-line);background:var(--glass-bg-pill);width:2.3em;height:2.3em;color:var(--on-sky);text-shadow:var(--sky-text-shadow);font-size:var(--fs-md);pointer-events:auto;cursor:pointer;font-weight:300;line-height:1;transition:opacity .25s,visibility .25s,transform .12s;position:absolute;top:2.6%}#mute{right:4%}#mute.muted{opacity:.45;text-decoration:line-through}#wardrobe-btn{left:4%}#mode-select{border-radius:var(--r-pill);border:1px solid var(--glass-line);background:var(--glass-bg-pill);pointer-events:auto;transition:opacity .25s,visibility .25s;display:flex;position:absolute;top:2.6%;left:50%;overflow:hidden;transform:translate(-50%)}#mode-select button{padding:var(--pill-pad);font-size:var(--fs-sm);letter-spacing:.08em;color:#ffffffbf;text-shadow:var(--sky-text-shadow);cursor:pointer;background:0 0;border:none;font-weight:300;line-height:1;transition:background .2s,color .2s,transform .12s}#mode-select button:focus-visible{outline-offset:-2px}#mode-select button.active{color:var(--ink);text-shadow:none;background:#ffffff73;font-weight:400}#daily-label{border-radius:var(--r-pill);font-size:var(--fs-sm);letter-spacing:.1em;color:#ffffffe6;text-shadow:0 1px 6px #a0648c59;padding:.25em .9em;font-weight:300;transition:opacity .25s,visibility .25s;position:absolute;top:7.2%;left:50%;transform:translate(-50%)}#calendar-btn{padding:var(--pill-pad);border-radius:var(--r-pill);border:1px solid var(--glass-line);background:var(--glass-bg-pill);color:var(--on-sky);text-shadow:var(--sky-text-shadow);font-size:var(--fs-sm);letter-spacing:.08em;pointer-events:auto;cursor:pointer;font-weight:300;line-height:1;transition:opacity .25s,visibility .25s,transform .12s;position:absolute;top:10.6%;left:50%;transform:translate(-50%)}#calendar-btn:active{transform:translate(-50%)scale(.94)}#mode-select button:active{transform:scale(.94)}#results{justify-content:center;align-items:center;transition:opacity .35s;display:flex;position:absolute;inset:0}.results-card{border-radius:var(--r-card);background:var(--glass-bg-card);-webkit-backdrop-filter:var(--glass-blur-card);border:1px solid var(--glass-line-card);text-align:center;color:var(--ink);padding:8% 12%}.results-label{font-size:var(--fs-sm);letter-spacing:.2em;text-transform:uppercase;opacity:.7;font-weight:300}#results-depth{font-size:var(--fs-hero);color:var(--ink-deep);margin:.12em 0 .3em;font-weight:200;line-height:1.05}.results-gems{font-size:var(--fs-md);letter-spacing:.06em;color:var(--gold-dust);margin-bottom:var(--sp-2);font-weight:300}.results-score{font-size:var(--fs-md);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.35em;font-weight:400}.results-tap{font-size:var(--fs-sm);letter-spacing:.08em;opacity:.7;font-weight:300}.results-newbest{font-size:var(--fs-md);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);text-shadow:0 1px 10px #ffd0608c;margin:-.2em 0 .5em;font-weight:500}.results-newbest.hidden{display:none}.results-time{font-size:var(--fs-sm);letter-spacing:.08em;opacity:.75;margin-bottom:var(--sp-2);font-weight:300}.results-best{font-size:var(--fs-sm);letter-spacing:.08em;color:#a08a56;margin-bottom:var(--sp-4);font-weight:300}.results-daily{font-size:var(--fs-sm);letter-spacing:.08em;color:#8a6a9a;margin-bottom:var(--sp-4);font-weight:300}.results-daily.hidden{display:none}.results-shards{font-size:var(--fs-sm);letter-spacing:.08em;color:var(--gold-dust);margin:-.4em 0 var(--sp-4);font-weight:400}.results-shards.hidden{display:none}#share-btn{border-radius:var(--r-pill);border:1px solid var(--gold-line);background:var(--gold-bg);color:var(--gold-deep);font-size:var(--fs-md);letter-spacing:.1em;pointer-events:auto;cursor:pointer;margin:0 auto 1em;padding:.5em 1.6em;font-weight:400;line-height:1;transition:background .2s,transform .12s;display:block;box-shadow:0 2px 14px #ffd0604d}#share-btn.hidden{display:none}#notice{max-width:86%;padding:var(--pill-pad);border-radius:var(--r-pill);background:var(--glass-dark);font-size:var(--fs-sm);letter-spacing:.04em;text-align:center;color:var(--on-sky);border:1px solid #ffffff40;font-weight:300;transition:opacity .6s,visibility .6s;position:absolute;bottom:4%;left:50%;transform:translate(-50%)}#unlock-toast{border-radius:var(--r-pill);max-width:86%;font-size:var(--fs-md);letter-spacing:.1em;text-align:center;color:var(--gold-deep);text-shadow:0 1px 8px #fff0beb3;background:#ffd66e80;border:1px solid #ffe296bf;padding:.55em 1.2em;font-weight:400;transition:opacity .4s,visibility .4s;position:absolute;top:16%;left:50%;transform:translate(-50%);box-shadow:0 2px 18px #ffd06059}#wardrobe{background:var(--scrim);pointer-events:auto;justify-content:center;align-items:center;transition:opacity .25s,visibility .25s;display:flex;position:absolute;inset:0}.wardrobe-card{border-radius:var(--r-card);background:var(--glass-bg-card);width:86%;max-height:82%;-webkit-backdrop-filter:var(--glass-blur-card);border:1px solid var(--glass-line-card);color:var(--ink);flex-direction:column;display:flex;overflow:hidden}.wardrobe-head{justify-content:space-between;align-items:center;padding:4.5% 6% 2%;display:flex}.wardrobe-title{font-size:var(--fs-lg);letter-spacing:.16em;text-transform:uppercase;opacity:.85;font-weight:300}.wardrobe-close{color:var(--ink);font-size:var(--fs-glyph);cursor:pointer;background:0 0;border:none;padding:0 .2em;font-weight:200;line-height:1}.wardrobe-scroll{overscroll-behavior:contain;padding:0 6% 6%;overflow-y:auto}.wardrobe-section{font-size:var(--fs-sm);letter-spacing:.18em;text-transform:uppercase;opacity:.6;justify-content:space-between;align-items:baseline;margin:1.1em 0 .5em;font-weight:400;display:flex}.wardrobe-count{font-size:var(--fs-xs);letter-spacing:.08em;opacity:.85}.wardrobe-grid{grid-template-columns:repeat(3,1fr);gap:.7em 3%;display:grid}.ward-tile{border-radius:var(--r-tile);cursor:pointer;color:inherit;background:#ffffff4d;border:2px solid #fff6;flex-direction:column;align-items:center;padding:7% 4% 8%;transition:border-color .2s,box-shadow .2s,transform .12s;display:flex}.ward-tile:active:not(.locked){transform:scale(.96)}.ward-tile:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.ward-tile.equipped{box-shadow:0 0 14px var(--gold-glow);border-color:#e0a83ee6}.ward-tile.locked{cursor:default}.ward-tile.locked .ward-swatch{opacity:.55;filter:grayscale(.45)}.ward-tile.tier3{border-color:#e0a83e6b;position:relative}.ward-tile.tier3.equipped{border-color:#e0a83ee6}.ward-tier-badge{font-size:var(--fs-xs);color:#c98a1ee6;pointer-events:none;position:absolute;top:.28em;right:.45em}.ward-swatch{width:clamp(40px,11vmin,68px);height:clamp(40px,11vmin,68px)}.ward-name{font-size:var(--fs-xs);letter-spacing:.04em;margin-top:.45em;font-weight:400}.ward-tile.locked .ward-name{opacity:.6}.ward-sub{min-height:2.2em;font-size:var(--fs-2xs);letter-spacing:.03em;opacity:.65;margin-top:.2em;font-weight:300;line-height:1.25}.ward-tile.equipped .ward-sub{color:var(--gold);opacity:.9}.ward-tile.locked .ward-sub{color:#a08a56}#calendar{background:var(--scrim);pointer-events:auto;justify-content:center;align-items:center;transition:opacity .25s,visibility .25s;display:flex;position:absolute;inset:0}.calendar-card{border-radius:var(--r-card);background:var(--glass-bg-card);width:88%;-webkit-backdrop-filter:var(--glass-blur-card);border:1px solid var(--glass-line-card);color:var(--ink);padding:4.5% 4% 5%}.calendar-head{align-items:center;gap:.4em;margin-bottom:.8em;display:flex}.calendar-title{text-align:center;font-size:var(--fs-lg);letter-spacing:.14em;text-transform:uppercase;opacity:.85;flex:1;font-weight:300}.calendar-nav,.calendar-close{color:var(--ink);font-size:var(--fs-glyph);cursor:pointer;background:0 0;border:none;padding:0 .3em;font-weight:200;line-height:1;transition:transform .12s}.calendar-nav:active,.calendar-close:active,.wardrobe-close:active{transform:scale(.88)}.calendar-weekdays,.calendar-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.calendar-weekdays div{text-align:center;font-size:var(--fs-xs);letter-spacing:.1em;opacity:.55;padding-bottom:.4em;font-weight:400}.calendar-day{border-radius:var(--r-cell);text-align:center;border:1.5px solid #0000;min-height:3.1em;padding:.25em .1em .2em}.calendar-day.played{background:#ffd66e52;border-color:#ffd66e66}.calendar-day.today{border-color:#7a5c72a6}.calendar-daynum{font-size:var(--fs-xs);opacity:.8;font-weight:400}.calendar-best{font-size:var(--fs-2xs);letter-spacing:.02em;color:var(--gold-dust);min-height:1.1em;font-weight:500}#constellation{background:var(--scrim);pointer-events:auto;justify-content:center;align-items:center;transition:opacity .25s,visibility .25s;display:flex;position:absolute;inset:0}.const-card{border-radius:var(--r-card);width:88%;max-height:84%;-webkit-backdrop-filter:var(--glass-blur-card);color:var(--on-sky);background:radial-gradient(1.5px 1.5px at 18% 22%,#fffcf0cc,#0000 100%),radial-gradient(1px 1px at 72% 12%,#fffcf0b3,#0000 100%),radial-gradient(1.5px 1.5px at 88% 42%,#fffcf08c,#0000 100%),radial-gradient(1px 1px at 34% 64%,#fffcf080,#0000 100%),radial-gradient(1px 1px at 60% 86%,#fffcf099,#0000 100%),linear-gradient(#40325cd1 0%,#2e2446db 100%);border:1px solid #ffffff47;flex-direction:column;display:flex;overflow:hidden}.const-head{align-items:center;gap:.6em;padding:4.5% 6% 2%;display:flex}.const-title{font-size:var(--fs-lg);letter-spacing:.16em;text-transform:uppercase;opacity:.9;flex:1;font-weight:300}.const-shards{border-radius:var(--r-pill);background:var(--gold-bg);border:1px solid var(--gold-line);font-size:var(--fs-sm);letter-spacing:.06em;color:#ffe6a8;text-shadow:0 0 8px #ffd06080;padding:.25em .8em;font-weight:500}.const-close{color:var(--on-sky);font-size:var(--fs-glyph);cursor:pointer;background:0 0;border:none;padding:0 .2em;font-weight:200;line-height:1;transition:transform .12s}.const-close:active{transform:scale(.88)}.const-scroll{overscroll-behavior:contain;padding:0 5% 6%;overflow-y:auto}.const-section{font-size:var(--fs-sm);letter-spacing:.18em;text-transform:uppercase;opacity:.65;margin:1.2em 0 .6em;font-weight:400}.const-row{grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:2.5%;display:grid;position:relative}.const-row:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#fffcf059,#0000);height:1px;position:absolute;top:1.55em;left:8%;right:8%}.const-node{border-radius:var(--r-tile);color:inherit;cursor:pointer;text-align:center;background:#ffffff12;border:1.5px solid #ffffff2e;flex-direction:column;align-items:center;padding:.45em .3em .55em;transition:border-color .2s,box-shadow .2s,transform .12s;display:flex;position:relative}.const-node:active{transform:scale(.96)}.const-node:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.const-star{width:2.1em;height:2.1em;font-size:var(--fs-md);background:#ffffff1a;border:1px solid #fffcf059;border-radius:50%;justify-content:center;align-items:center;margin-bottom:.4em;display:flex}.const-node.owned{box-shadow:0 0 14px var(--gold-glow);border-color:#ffd66ebf}.const-node.owned .const-star{background:var(--gold-bg);border-color:var(--gold-line);box-shadow:0 0 10px var(--gold-glow)}.const-node.affordable .const-star{border-color:#fffcf0b3;box-shadow:0 0 8px #fffcf04d}.const-node.locked{opacity:.55}.const-node-name{font-size:var(--fs-xs);letter-spacing:.04em;font-weight:400}.const-node-sub{font-size:var(--fs-2xs);opacity:.7;margin-top:.2em;font-weight:300;line-height:1.3}.const-node-state{font-size:var(--fs-2xs);letter-spacing:.04em;color:#ffe6a8;margin-top:.3em;font-weight:500}.const-node.locked .const-node-state{color:var(--on-sky-dim);opacity:.8}.const-round{border-radius:var(--r-tile);background:#ffffff12;border:1.5px solid #ffffff2e;align-items:center;gap:4%;padding:.6em .7em;display:flex}.const-round-preview{flex:none;width:52px;height:52px}.const-round-info{flex:1;min-width:0}.const-round-level{font-size:var(--fs-md);letter-spacing:.08em;white-space:nowrap;font-weight:400}.const-evo{margin-top:.45em}.const-evo .const-round-level{white-space:normal}.const-evo .const-buy{touch-action:none;-webkit-user-select:none;user-select:none}.const-buy{border-radius:var(--r-pill);border:1px solid var(--gold-line);background:var(--gold-bg);color:#ffe6a8;font-size:var(--fs-sm);letter-spacing:.06em;cursor:pointer;flex:none;padding:.5em 1em;font-weight:500;line-height:1;transition:transform .12s,opacity .2s}.const-buy:active{transform:scale(.94)}.const-buy.locked{opacity:.45}.const-attune-label{font-size:var(--fs-xs);letter-spacing:.06em;opacity:.75;margin:.7em 0 .45em;font-weight:300}.const-attune-grid{grid-template-columns:repeat(2,1fr);gap:.45em;display:grid}.const-attune-chip{border-radius:var(--r-tile);color:inherit;cursor:pointer;text-align:left;background:#ffffff12;border:1.5px solid #ffffff2e;align-items:center;gap:.5em;padding:.4em .55em;transition:border-color .2s,box-shadow .2s,transform .12s;display:flex}.const-attune-chip:active{transform:scale(.97)}.const-attune-chip:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.const-attune-chip.selected{box-shadow:0 0 12px var(--gold-glow);background:#ffd66e24;border-color:#ffd66ecc}.const-attune-icon{font-size:var(--fs-md);flex:none}.const-attune-text{flex-direction:column;min-width:0;display:flex}.const-attune-name{font-size:var(--fs-xs);letter-spacing:.04em;font-weight:500}.const-attune-chip.selected .const-attune-name{color:#ffe6a8}.const-attune-sub{font-size:var(--fs-2xs);opacity:.7;font-weight:300;line-height:1.25}.hidden{opacity:0;visibility:hidden}#circle-celebration{pointer-events:none;z-index:30;position:absolute;inset:0}#circle-celebration.hidden{display:none}#circle-celebration-flash{background:radial-gradient(circle at 50% 44%,#ffe8a0f2 0%,#ffd0788c 34%,#ffbe6e2e 62%,#ffbe6e00 100%);animation:2.6s ease-out forwards circle-flash;position:absolute;inset:0}@keyframes circle-flash{0%{opacity:0}10%{opacity:1}38%{opacity:.55}to{opacity:0}}#circle-celebration-text{text-align:center;animation:4.2s ease-out forwards duo-pop;position:absolute;top:30%;left:0;right:0}#circle-celebration-name{border-radius:var(--r-pill);background:var(--gold-bg);border:1px solid var(--gold-line);font-size:var(--fs-xl,var(--fs-lg));letter-spacing:.16em;color:var(--gold-deep);text-shadow:0 1px 6px #fff4d6cc;box-shadow:0 0 30px var(--gold-glow);padding:.34em 1.2em;font-weight:500;display:inline-block}#circle-celebration-blurb{font-size:var(--fs-sm);letter-spacing:.1em;color:var(--on-sky);text-shadow:var(--sky-text-shadow);margin-top:.5em;font-weight:300}#mute{top:max(2.6%, env(safe-area-inset-top));right:max(4%, env(safe-area-inset-right))}#wardrobe-btn{top:max(2.6%, env(safe-area-inset-top));left:max(4%, env(safe-area-inset-left))}#constellation-btn{top:max(8.2%, calc(env(safe-area-inset-top) + 5.6%));left:max(4%, env(safe-area-inset-left))}#mode-select{top:max(2.6%, env(safe-area-inset-top))}#daily-label{top:max(7.2%, calc(env(safe-area-inset-top) + 4.6%))}#calendar-btn{top:max(10.6%, calc(env(safe-area-inset-top) + 8%))}#depth{top:max(4%, calc(env(safe-area-inset-top) + 1.4%))}#unlock-toast{top:max(16%, calc(env(safe-area-inset-top) + 13.4%))}#hint{bottom:max(12%, calc(env(safe-area-inset-bottom) + 8%))}#notice{bottom:max(4%, env(safe-area-inset-bottom))}