*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;color:#f7f0ff;background:#06030c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-height:100%;min-height:100dvh}#root{width:100%;height:100%;min-height:100dvh}#app{position:relative;width:100%;height:100%;min-height:100dvh;margin:0;overflow:hidden;background:radial-gradient(circle at 50% 12%,rgba(180,102,255,.22),transparent 36%),linear-gradient(180deg,#120820,#090611 72%,#06030c);box-shadow:none}@media(min-width:520px)and (min-height:880px){body{display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at 50% 8%,rgba(178,120,255,.2),transparent 34%),linear-gradient(180deg,#edf4ff,#e7e2ff)}#root{width:auto;height:auto;min-height:0}#app{aspect-ratio:390 / 844;width:min(430px,calc(100vh * 390 / 844));height:auto;max-height:100vh;min-height:0;margin:0 auto;box-shadow:0 28px 80px #2c145947,0 0 0 1px #ffffff14}}#app.is-playing:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.06),transparent 18%,transparent 82%,rgba(255,255,255,.04)),radial-gradient(circle at 50% 6%,rgba(216,180,254,.12),transparent 32%)}#game-root{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}#game-root canvas{display:block;touch-action:none}#app.is-home #game-root{visibility:hidden;pointer-events:none}#app.is-playing #game-root{visibility:visible}.home-screen,.game-hud,.modal,.end-screen{position:absolute;z-index:5;top:0;right:0;bottom:0;left:0;width:100%}.home-screen{z-index:10;display:flex;flex-direction:column;gap:12px;padding:max(20px,env(safe-area-inset-top)) 20px max(22px,env(safe-area-inset-bottom));overflow:hidden auto;pointer-events:auto}.home-screen.is-hidden{display:none}.home-screen__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(circle at 50% 18%,rgba(139,92,246,.42),transparent 52%),radial-gradient(circle at 18% 12%,rgba(255,255,255,.06),transparent 28%),linear-gradient(180deg,#140824,#0b0414 52%,#050109)}.home-screen__mountains{position:absolute;left:0;right:0;bottom:28%;height:120px;z-index:-1;opacity:.55;background:radial-gradient(ellipse 120% 100% at 50% 100%,rgba(30,10,50,.95),transparent 70%),linear-gradient(180deg,transparent 40%,rgba(12,4,22,.9) 100%);pointer-events:none}.home-header{position:relative;text-align:center}.home-header__phase{margin:0;font-size:24px;font-weight:900;letter-spacing:.04em;color:#faf5ff}.home-header__theme{margin:6px 0 0;color:#d8b4fec7;font-size:14px}.home-hero{position:relative;height:168px;margin:4px 0 2px}.moon-orbit{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.moon-orbit__ring{position:absolute;border-radius:999px;border:1px solid rgba(196,181,253,.22)}.moon-orbit__ring--outer{width:168px;height:168px}.moon-orbit__ring--inner{width:132px;height:132px;border-color:#c4b5fd24}.moon-orbit__star{position:absolute;width:6px;height:6px;border-radius:999px;background:#f5e6ff;box-shadow:0 0 10px #f5e6ffe6}.moon-orbit__star--a{top:28px;right:78px}.moon-orbit__star--b{bottom:36px;left:72px;width:4px;height:4px;opacity:.75}.moon-visual{--moon-shade-x: 28px;--moon-shade-opacity: 1;--moon-glow: 0 0 36px rgba(168, 85, 247, .55);position:absolute;left:50%;top:50%;width:118px;height:118px;transform:translate(-50%,-50%);border-radius:999px;background:radial-gradient(circle at 32% 28%,#fff6ff,#e9d5ff 18%,#a855f7 52%,#6b21a8);box-shadow:var(--moon-glow),inset -8px -10px 18px #4c1d9559;transition:box-shadow .45s ease,opacity .45s ease}.moon-visual:after{content:"";position:absolute;top:8px;left:calc(50% + var(--moon-shade-x));width:102px;height:102px;border-radius:999px;background:#0a0312;box-shadow:inset 8px 0 16px #00000059;opacity:var(--moon-shade-opacity);transform:translate(-50%);transition:left .45s ease,opacity .45s ease}.moon-visual[data-phase=new]{--moon-shade-x: 0px;--moon-glow: 0 0 18px rgba(168, 85, 247, .28);opacity:.72}.moon-visual[data-phase=waxing-crescent]{--moon-shade-x: -44px}.moon-visual[data-phase=first-quarter]{--moon-shade-x: -51px}.moon-visual[data-phase=waxing-gibbous]{--moon-shade-x: -22px}.moon-visual[data-phase=full]{--moon-shade-opacity: 0;--moon-glow: 0 0 48px rgba(196, 132, 252, .82), 0 0 72px rgba(168, 85, 247, .35)}.moon-visual[data-phase=waning-gibbous]{--moon-shade-x: 22px}.moon-visual[data-phase=last-quarter]{--moon-shade-x: 51px}.moon-visual[data-phase=waning-crescent]{--moon-shade-x: 44px}.home-insight{position:relative;padding:16px 18px;border-radius:20px;border:1px solid rgba(196,181,253,.28);background:linear-gradient(180deg,#2e104eb8,#160826d1);box-shadow:inset 0 1px #ffffff14,0 12px 32px #00000047;line-height:1.75;font-size:13px;color:#f5ebffeb;text-align:center}.home-insight strong{color:#fde68a;font-weight:800}.home-insight__gem{position:absolute;top:50%;width:10px;height:10px;transform:translateY(-50%) rotate(45deg);border:1px solid rgba(196,181,253,.45);background:#a78bfa40;box-shadow:0 0 10px #a78bfa59}.home-insight__gem--left{left:10px}.home-insight__gem--right{right:10px}.home-question{margin:0;text-align:center;font-size:14px;color:#e9d5ffd1}.intent-grid{display:grid;gap:10px;margin-top:auto}.intent-card{pointer-events:auto;display:grid;gap:3px;min-height:64px;padding:14px 18px;border:1px solid rgba(196,181,253,.22);border-radius:16px;color:inherit;text-align:left;font:inherit;cursor:pointer;background:linear-gradient(135deg,#4c1d956b,#1e0a34b8);box-shadow:inset 0 1px #ffffff0f;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.intent-card span{font-size:17px;font-weight:800;color:#faf5ff}.intent-card small{color:#d8b4feb8;font-size:12px}.intent-card.is-selected{transform:translateY(-1px);border-color:#facc158c;box-shadow:0 0 22px #a855f747,inset 0 0 0 1px #facc152e;background:linear-gradient(135deg,#6d28d98c,#2e104ed1)}.start-button{pointer-events:auto;position:relative;width:100%;margin-top:4px;border:0;padding:0;background:transparent;cursor:pointer;filter:drop-shadow(0 8px 20px rgba(124,58,237,.35))}.start-button:disabled{cursor:not-allowed;opacity:.72;filter:grayscale(.15)}.start-button__bg{display:block;width:100%;height:auto}.start-button span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:17px;font-weight:900;color:#fff;text-shadow:0 1px 8px rgba(76,29,149,.45)}.game-hud{pointer-events:none}.game-hud.is-hidden{display:none}.play-topbar{position:absolute;top:max(16px,env(safe-area-inset-top));left:20px;right:20px;z-index:8;display:grid;grid-template-columns:50px 1fr 50px;align-items:center;gap:12px}.icon-button{pointer-events:auto;width:50px;height:50px;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:linear-gradient(180deg,#fff3,#6e3abe29),#1a0d2ac7;box-shadow:0 10px 24px #4c1d9559,inset 0 1px #ffffff40;cursor:pointer}.icon-button img{width:88%;height:88%;object-fit:contain;filter:drop-shadow(0 2px 7px rgba(0,0,0,.35))}.icon-button--large{width:72px;height:72px}.timer-pill{position:relative;justify-self:center;display:grid;place-items:center;width:min(100%,176px);height:58px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:radial-gradient(circle at 25% 20%,rgba(255,255,255,.28),transparent 32%),linear-gradient(180deg,#c56cff,#8739dd);box-shadow:0 14px 28px #7030be61,inset 0 2px #ffffff38}.timer-pill__bg{display:none}.timer-pill__text{position:relative;display:inline-flex;align-items:center;gap:8px;padding:0;font-size:22px;font-weight:900;color:#fff;letter-spacing:.02em;text-shadow:0 2px 8px rgba(46,16,101,.35)}.timer-pill__text:before{content:"⏱";display:inline-grid;place-items:center;width:28px;height:28px;border-radius:999px;background:linear-gradient(180deg,#ffdd75,#f59e0b);font-size:17px;box-shadow:inset 0 1px #ffffff8c}.energy-gauge{--energy-percent: 0;position:absolute;top:max(92px,calc(env(safe-area-inset-top) + 84px));left:10px;z-index:8;width:118px;pointer-events:none;filter:drop-shadow(0 10px 24px rgba(76,29,149,.35))}.energy-gauge__header{display:grid;justify-items:center;gap:2px;margin-bottom:6px}.energy-gauge__title{margin:0;font-size:13px;font-weight:900;letter-spacing:.08em;color:#f6e7a8;text-shadow:0 0 12px rgba(250,204,21,.45)}.energy-gauge__subtitle{margin:0 0 4px;font-size:9px;font-weight:800;letter-spacing:.22em;color:#f6e7a8b8}.energy-gauge__crest{position:relative;width:52px;height:52px;display:grid;place-items:center}.energy-gauge__crest-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid rgba(250,204,21,.55);background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.18),transparent 42%),radial-gradient(circle,#6d28d98c,#180a2aeb);box-shadow:0 0 18px #a78bfa73,inset 0 0 0 1px #ffffff1f}.energy-gauge__crest-ring:before{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;border:1px dashed rgba(250,204,21,.28)}.energy-gauge__crest-gem{position:relative;z-index:1;width:30px;height:30px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(167,139,250,.75))}.energy-gauge__meter{position:relative;display:grid;grid-template-columns:34px 1fr;align-items:stretch;gap:6px;min-height:168px}.energy-gauge__tube{position:relative;width:34px;justify-self:center}.energy-gauge__tube-bg{display:block;width:100%;height:100%;min-height:168px;object-fit:fill;opacity:.92}.energy-gauge__fill-shell{position:absolute;top:8px;right:7px;bottom:8px;left:7px;overflow:hidden;border-radius:999px}.energy-gauge__fill{position:absolute;left:0;right:0;bottom:0;height:0%;border-radius:999px;background:radial-gradient(circle at 30% 18%,rgba(255,255,255,.45),transparent 28%),linear-gradient(180deg,#ffe08a,#f472b6 24%,#9333ea 58%,#312e81);box-shadow:inset 0 0 12px #ffffff2e,0 0 16px #a78bfa59;transition:height .45s cubic-bezier(.22,1,.36,1)}.energy-gauge__surface{position:absolute;left:50%;top:0;width:118%;height:7px;transform:translate(-50%,-42%);border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.95),rgba(255,228,140,.55) 55%,transparent 72%);opacity:.95}.energy-gauge__spark{position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;box-shadow:0 0 6px #ffffffe6;animation:energySpark 2.4s ease-in-out infinite}.energy-gauge__spark--a{left:24%;bottom:28%;animation-delay:0s}.energy-gauge__spark--b{left:58%;bottom:52%;animation-delay:.8s}.energy-gauge__spark--c{left:38%;bottom:72%;animation-delay:1.5s}@keyframes energySpark{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.35)}}.energy-gauge__ticks{list-style:none;margin:0;padding:0;position:relative;height:168px}.energy-gauge__ticks li{position:absolute;right:0;bottom:calc(var(--tick) * 152px);display:grid;gap:1px;min-width:68px;opacity:.55;transition:opacity .25s ease,transform .25s ease}.energy-gauge__ticks li span{font-size:10px;font-weight:900;color:#f6e7a8;line-height:1}.energy-gauge__ticks li em{font-style:normal;font-size:9px;color:#e9d5ffb8;line-height:1.2}.energy-gauge__ticks li:before{content:"";position:absolute;left:-14px;top:4px;width:10px;height:1px;background:#facc1573}.energy-gauge[data-level="25"] .energy-gauge__ticks li:nth-child(n+4),.energy-gauge[data-level="50"] .energy-gauge__ticks li:nth-child(n+3),.energy-gauge[data-level="75"] .energy-gauge__ticks li:nth-child(n+2),.energy-gauge[data-level="100"] .energy-gauge__ticks li:nth-child(n+1){opacity:1;transform:translate(-1px)}.energy-gauge[data-level="0"] .energy-gauge__ticks li:nth-child(5){opacity:1;transform:translate(-1px)}.energy-gauge__bulb{position:relative;width:58px;height:58px;margin:8px auto 0;display:grid;place-items:center;align-content:center;gap:2px;border-radius:50%;border:1px solid rgba(250,204,21,.42);background:radial-gradient(circle at 50% 28%,rgba(255,255,255,.16),transparent 38%),radial-gradient(circle,#4c1d95d1,#0c0618f5);box-shadow:0 0 22px #7c3aed6b,inset 0 0 0 1px #ffffff14}.energy-gauge__bulb:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:1px solid rgba(167,139,250,.22)}.energy-gauge__percent{font-size:18px;font-weight:900;color:#fff;line-height:1;text-shadow:0 0 12px rgba(167,139,250,.65)}.energy-gauge__label{font-size:9px;font-weight:700;color:#e9d5ffc7;letter-spacing:.04em}.journal-button{pointer-events:auto;position:absolute;top:max(112px,calc(env(safe-area-inset-top) + 106px));right:16px;z-index:8;width:46px;height:46px;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:linear-gradient(180deg,#ffffff29,#52278138),#120822c7;color:inherit;font-size:20px;box-shadow:0 12px 26px #00000047}.journal-button i{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#a855f7;color:#fff;font-size:10px;font-style:normal;font-weight:800;display:grid;place-items:center}.game-hud:after{content:"Drag to aim, release to drop · same-shape crystals merge";position:absolute;left:16px;right:16px;bottom:max(10px,env(safe-area-inset-bottom));z-index:7;height:58px;display:grid;place-items:center;padding:0 14px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:linear-gradient(180deg,#ffffff21,#ffffff0a),#140a22d1;box-shadow:0 18px 36px #00000057,inset 0 1px #ffffff29;color:#f8f1ffd1;font-size:12px;font-weight:800;text-align:center;pointer-events:none}.pause-overlay{display:none;place-items:center;background:#0804108c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;z-index:12}.pause-overlay.is-visible{display:grid}.journal-panel{position:absolute;top:0;right:0;bottom:0;left:auto;width:min(320px,88%);height:auto;padding:max(18px,env(safe-area-inset-top)) 16px 16px;background:#0c0618fa;border-left:1px solid rgba(196,181,253,.16);box-shadow:-12px 0 40px #00000059;transform:translate3d(100%,0,0);visibility:hidden;opacity:0;transition:transform .22s ease,opacity .22s ease,visibility .22s ease;pointer-events:none;z-index:30}.journal-panel.is-open{transform:translateZ(0);visibility:visible;opacity:1;pointer-events:auto}.journal-panel header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.journal-panel h2{margin:0;font-size:18px}.journal-panel header button{border:0;background:transparent;color:inherit;font-size:28px}.journal-panel ul{list-style:none;margin:0;padding:0;display:grid;gap:12px;overflow:auto;max-height:calc(100% - 56px)}.journal-panel li{padding:12px;border-radius:14px;background:#ffffff0d;border:1px solid rgba(196,181,253,.12)}.journal-panel li strong,.journal-panel li span,.journal-panel li em{display:block}.journal-panel li span{margin-top:6px;line-height:1.5;color:#e9d5ffd1}.journal-panel li em{margin-top:8px;color:#c4b5fdb8;font-size:12px;font-style:normal}.journal-empty{color:#d8b4feb8}.modal{display:none;place-items:center;padding:24px 16px;background:#080410b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;z-index:40}.modal.is-visible{display:grid}.modal-shell{position:relative;width:min(340px,100%)}.modal-shell--wide{width:min(360px,100%)}.modal-shell__bg{display:block;width:100%;height:auto}.modal-shell__content{position:absolute;top:18%;right:10%;bottom:12%;left:10%;display:grid;align-content:center;justify-items:center;gap:14px;text-align:center}.modal-shell__eyebrow{margin:0;color:#f3e8ff;font-size:16px;font-weight:900}.modal-shell__body{margin:0;line-height:1.65;color:#f3e8ffe0;font-size:14px}.affirmation-text{font-size:17px;line-height:1.7}.asset-button{pointer-events:auto;position:relative;border:0;padding:0;background:transparent;cursor:pointer}.asset-button img{display:block;width:100%;height:auto}.asset-button span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font:inherit;font-size:15px;font-weight:900;color:#3b1f05}.asset-button--small{width:min(220px,72%)}.asset-button--end{width:min(240px,78%)}.modal--ritual .modal-shell__content{top:15%;right:8%;bottom:10%;left:8%;gap:12px}.ritual-copy{margin:0 0 6px;padding:0 10px;line-height:1.55;font-size:13px}.ritual-grid{position:relative;width:240px;height:240px;margin:6px auto 0;border-radius:50%;overflow:hidden;box-sizing:border-box;border:1px dashed rgba(196,181,253,.28);background:radial-gradient(circle at 50% 48%,#4c1d9561,#080410f0);isolation:isolate}.ritual-node{position:absolute;width:22px;height:22px;border-radius:50%;background:#c4b5fd59;box-shadow:0 0 16px #a78bfa59;pointer-events:none}.ritual-node--satellite{left:50%;top:50%}.ritual-node--satellite:nth-child(1){transform:translate(-50%,-50%) translateY(-92px)}.ritual-node--satellite:nth-child(2){transform:translate(-50%,-50%) translate(92px)}.ritual-node--satellite:nth-child(3){transform:translate(-50%,-50%) translateY(92px)}.ritual-node--satellite:nth-child(4){transform:translate(-50%,-50%) translate(-92px)}.ritual-crystal{position:absolute;left:50%;top:50%;z-index:1;width:88px;height:88px;transform:translate(-50%,-50%);cursor:grab;touch-action:none}.ritual-crystal img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 16px rgba(167,139,250,.65))}.ritual-grid.is-complete .ritual-crystal img{animation:ritualPulse 1.2s ease-in-out infinite}@keyframes ritualPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.end-screen{display:none;place-items:center;padding:max(18px,env(safe-area-inset-top)) 12px max(24px,env(safe-area-inset-bottom));background:#080410d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;z-index:45}.end-screen.is-visible{display:grid}.end-screen__shell{position:relative;width:min(100%,360px)}.end-screen__bg{display:block;width:100%;height:auto}.end-screen__content{position:absolute;left:7%;right:7%;top:54.8%;bottom:19%;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:12px;pointer-events:none}.goal-list{list-style:none;margin:0;padding:1% 0 2%;display:grid;grid-template-rows:repeat(3,minmax(0,1fr));align-content:space-between;min-height:0}.goal-item{display:flex;align-items:center;min-height:0;padding:0 5% 0 39%;font-size:clamp(10px,2.85vw,12px);color:#f3e8ffe0}.goal-item span{line-height:1.2;font-weight:700;white-space:nowrap}.goal-item.is-pending span{opacity:.82}.goal-item.is-done span{color:#faf5ff;opacity:1;text-shadow:0 0 12px rgba(196,181,253,.35)}.goal-item.is-done span:before{content:"✓ ";color:#ddd6fe}.end-screen .asset-button--end{pointer-events:auto;flex-shrink:0;margin:0 auto}.is-hidden{display:none!important}.toast{position:absolute;z-index:50;top:118px;left:50%;width:min(calc(100% - 32px),360px);transform:translate(-50%) translateY(-10px);opacity:0;visibility:hidden;display:grid;place-items:center;padding:8px 14px;border-radius:999px;background:#120822e0;border:1px solid rgba(196,181,253,.18);font-size:14px;font-weight:800;transition:opacity .18s ease,transform .18s ease,visibility .18s ease;pointer-events:none}.toast.is-visible{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}#app.is-playing{background:radial-gradient(circle at 50% -6%,rgba(225,184,255,.34),transparent 30%),radial-gradient(circle at 82% 34%,rgba(124,58,237,.22),transparent 34%),linear-gradient(180deg,#201034,#0b0712 72%,#07040c)}#app.is-playing:before{background:linear-gradient(90deg,rgba(255,255,255,.04),transparent 16%,transparent 84%,rgba(255,255,255,.03)),radial-gradient(circle at 50% 8%,rgba(255,255,255,.08),transparent 28%)}.play-topbar{top:max(14px,env(safe-area-inset-top));left:22px;right:22px;grid-template-columns:44px 1fr 44px;gap:10px}.icon-button{width:44px;height:44px;border-radius:16px;border-color:#fff3;background:linear-gradient(180deg,#ffffff29,#ffffff08),#150c22d1;box-shadow:0 10px 22px #0000003d,inset 0 1px #ffffff38}.timer-pill{width:min(100%,148px);height:48px;border-color:#ffffff42;background:linear-gradient(180deg,#f4d6ff,#b86dff 48%,#7c3aed);box-shadow:0 12px 24px #7c3aed52,inset 0 2px #ffffff59}.timer-pill__text{gap:7px;font-size:20px}.timer-pill__text:before{width:24px;height:24px;font-size:14px}.energy-chip{--energy-percent: 0;position:absolute;top:max(70px,calc(env(safe-area-inset-top) + 62px));left:24px;right:auto;z-index:8;display:grid;grid-template-columns:28px auto;grid-template-rows:auto 6px;column-gap:8px;row-gap:5px;align-items:center;width:132px;padding:9px 11px 10px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:linear-gradient(180deg,#ffffff21,#ffffff0a),#120a1fb8;box-shadow:0 12px 26px #00000042,inset 0 1px #ffffff24;filter:none;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.energy-chip__icon{grid-row:1 / 3;width:28px;height:28px;display:grid;place-items:center;border-radius:10px;color:#fff7c7;background:radial-gradient(circle at 35% 30%,#fff,#d8b4fe 36%,#7c3aed);box-shadow:0 0 16px #d8b4fe6b;font-size:15px}.energy-chip__copy{display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0}.energy-chip__label{color:#e9d5ffb8;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.energy-chip__value{color:#fff7d6;font-size:13px;font-weight:950;line-height:1}.energy-chip__track{grid-column:2;position:relative;height:6px;overflow:hidden;border-radius:999px;background:#ffffff1a}.energy-chip__fill{position:absolute;left:0;top:0;bottom:0;width:0%;height:100%!important;border-radius:inherit;background:linear-gradient(90deg,#fde68a,#f0abfc,#8b5cf6);box-shadow:0 0 12px #d8b4fe73;transition:width .35s ease}.journal-button{top:max(70px,calc(env(safe-area-inset-top) + 62px));right:24px;width:42px;height:42px;border-radius:16px;font-size:18px;opacity:.88;background:linear-gradient(180deg,#ffffff24,#ffffff0a),#120a1fbd;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-hud:after{left:36px;right:36px;bottom:max(18px,env(safe-area-inset-bottom));height:46px;border-radius:18px;background:linear-gradient(180deg,#ffffff1f,#ffffff09),#110b1bb8;color:#f5f3ffe0;font-size:11px;letter-spacing:.02em;text-shadow:0 1px 6px rgba(0,0,0,.38);box-shadow:0 12px 28px #00000047,inset 0 1px #ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#app.is-playing{background:radial-gradient(circle at 50% -8%,rgba(255,247,209,.16),transparent 24%),radial-gradient(circle at 80% 16%,rgba(168,85,247,.22),transparent 30%),radial-gradient(circle at 18% 52%,rgba(56,189,248,.08),transparent 32%),linear-gradient(180deg,#111735,#090b1b 54%,#050611);box-shadow:0 30px 90px #12183742,0 0 0 1px #ffffff14}#app.is-playing:before{background:linear-gradient(90deg,rgba(255,255,255,.045),transparent 18%,transparent 82%,rgba(255,255,255,.03)),radial-gradient(circle at 50% 9%,rgba(247,213,139,.1),transparent 24%),repeating-linear-gradient(115deg,transparent 0 38px,rgba(255,255,255,.018) 39px 40px)}.play-topbar{top:max(12px,env(safe-area-inset-top));left:18px;right:18px;grid-template-columns:42px minmax(0,1fr) 42px;gap:12px}.icon-button{width:42px;height:42px;border-radius:15px;border:1px solid rgba(247,213,139,.28);background:linear-gradient(180deg,#ffffff21,#ffffff09),#090c1cc2;box-shadow:0 10px 24px #00000047,inset 0 1px #ffffff2e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.icon-button img{width:82%;height:82%;filter:drop-shadow(0 2px 5px rgba(0,0,0,.45)) saturate(.72) brightness(1.1)}.crystal-status-card,.timer-pill{justify-self:stretch;width:auto;height:54px;display:grid;grid-template-rows:15px 1fr;place-items:center;border-radius:18px;border:1px solid rgba(247,213,139,.34);background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.24),transparent 34%),linear-gradient(180deg,#221944f5,#0c0f23f0);box-shadow:0 14px 32px #0000004d,0 0 24px #a855f72e,inset 0 1px #ffffff2e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.crystal-status-card__eyebrow{align-self:end;color:#f7d58bdb;font-size:10px;font-weight:950;letter-spacing:.08em;line-height:1}.timer-pill__text{align-self:start;gap:8px;color:#fffaf0;font-size:20px;font-weight:950;letter-spacing:.03em}.timer-pill__text:before{width:22px;height:22px;color:#38210a;background:linear-gradient(180deg,#fff3b0,#f0b84d);box-shadow:inset 0 1px #ffffffad,0 0 12px #f7d58b47}.energy-chip{top:max(76px,calc(env(safe-area-inset-top) + 68px));left:26px;width:136px;padding:8px 10px 9px;border-color:#f7d58b3d;border-radius:16px;background:linear-gradient(180deg,#ffffff1b,#ffffff08),#080b1ba8;box-shadow:0 12px 28px #00000038,inset 0 1px #ffffff21}.energy-chip__icon{width:26px;height:26px;border-radius:9px;background:radial-gradient(circle at 35% 30%,#fff,#f5d0fe 34%,#8b5cf6)}.energy-chip__label{color:#e2e8ffa8;font-size:10px;letter-spacing:.04em}.energy-chip__value{color:#f7d58b;font-size:13px}.energy-chip__track{height:5px;background:#ffffff1b}.energy-chip__fill{background:linear-gradient(90deg,#f7d58b,#f0abfc,#8b5cf6)}.journal-button{top:max(76px,calc(env(safe-area-inset-top) + 68px));right:26px;width:40px;height:40px;border-color:#f7d58b38;opacity:.78;background:linear-gradient(180deg,#ffffff1b,#ffffff08),#080b1ba8}.journal-button i{background:linear-gradient(180deg,#d8b4fe,#8b5cf6);box-shadow:0 0 12px #a855f757}.game-hud:after{content:none}.play-dock{pointer-events:none;position:absolute;z-index:8;left:24px;right:24px;bottom:max(18px,env(safe-area-inset-bottom));min-height:62px;display:grid;grid-template-columns:34px 1fr 34px;align-items:center;gap:10px;padding:11px 14px;border:1px solid rgba(247,213,139,.24);border-radius:22px;background:linear-gradient(180deg,#ffffff1b,#ffffff08),#070918b8;box-shadow:0 16px 34px #0000004d,inset 0 1px #ffffff24;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.play-dock__gem{width:34px;height:34px;display:grid;place-items:center;border-radius:13px;color:#fff7d6;background:radial-gradient(circle at 34% 28%,#fff,#f5d0fe 35%,#6d28d9);box-shadow:0 0 18px #d8b4fe52}.play-dock__gem--right{opacity:.66}.play-dock__copy{display:grid;gap:2px;min-width:0;text-align:center}.play-dock__copy strong{color:#fffaf0;font-size:12px;font-weight:950;letter-spacing:.01em}.play-dock__copy span{color:#e2e8ffa8;font-size:10px;font-weight:800}