@layer components{.life-root{--l-bg:#fbf6ec;--l-card:#ffffff;--l-ink:#6b4f43;--l-soft:#8a6c5e;--l-muted:#b8978a;--l-line:#efe2d3;--l-track:#f3ebe0;--l-mint:#46a58a;--l-mint-bg:#e6f7f0;--l-peach:#ff9f8a;--l-peach-bg:#fff0e8;--l-gold-bg:#fff6d8;--l-up:#3f9f7f;--l-down:#e0727a;min-height:100dvh;background:radial-gradient(circle at 92% 38%,#e6f7f0 0 70px,transparent 71px),radial-gradient(circle at 4% 70%,#fff0e8 0 60px,transparent 61px),var(--l-bg);color:var(--l-ink);font-family:"Huninn",var(--font-noto-sans),"PingFang TC","Microsoft JhengHei",system-ui,sans-serif;color-scheme:light}.life-root .soft{background:var(--l-card);border-radius:26px;box-shadow:0 2px 0 var(--l-line),0 10px 24px rgba(160,120,90,.12)}.life-root .muted{color:var(--l-muted)}.life-root .soft-text{color:var(--l-soft)}.life-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:999px;padding:12px 20px;font-size:16px;background:linear-gradient(180deg,#ffb39e,#ff9a85);color:#fff;box-shadow:0 4px 0 #e98473;transition:transform .08s}.life-btn:active{transform:translateY(3px);box-shadow:0 1px 0 #e98473}.life-btn:disabled{opacity:.5;cursor:not-allowed}.life-btn.mint{background:linear-gradient(180deg,#8fdcc3,#5fbf9f);box-shadow:0 4px 0 #46a58a}.life-btn.ghost{background:#fff;color:var(--l-ink);box-shadow:0 4px 0 var(--l-line)}.life-choice{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;text-align:left;padding:12px 16px;border-radius:20px;background:#fff;box-shadow:0 3px 0 var(--l-line);border:2px solid var(--l-line);transition:transform .08s}.life-choice:not(:disabled):hover{border-color:#ffcdb8}.life-choice:not(:disabled):active{transform:translateY(2px)}.life-choice:disabled{background:#f6efe5;box-shadow:none;cursor:not-allowed}.life-chip{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:3px 10px;font-size:12px;background:var(--l-mint-bg);color:#3f8f78}.life-chip.peach{background:var(--l-peach-bg);color:#d0705c}.life-chip.gold{background:var(--l-gold-bg);color:#b58a2a}.life-chip.gray{background:var(--l-track);color:var(--l-soft)}.life-bar{flex:1;height:10px;border-radius:999px;background:var(--l-track);overflow:hidden}.life-bar>b{display:block;height:100%;border-radius:999px;transition:width .5s}.life-input{width:100%;border-radius:16px;border:2px solid var(--l-line);background:#fff;padding:10px 14px;font-size:16px;color:var(--l-ink)}.life-input:focus{outline:none;border-color:#ffcdb8}.life-node{position:absolute;width:60px;height:60px;margin:-30px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:22px;line-height:1.1;background:#fff;box-shadow:0 4px 0 var(--l-line),0 8px 14px rgba(160,120,90,.12)}.life-node.small{width:52px;height:52px;margin:-26px;font-size:19px}.life-node b{font-size:11px;font-weight:400;color:var(--l-soft)}.life-node.dim{background:#f6efe5;box-shadow:none;opacity:.7;filter:saturate(.5)}.life-node.past{background:var(--l-mint-bg);box-shadow:0 3px 0 #b8e6d6;opacity:.85}.life-node.on{background:var(--l-peach-bg);box-shadow:0 4px 0 #ffcdb8,0 0 0 6px rgba(255,159,138,.2);animation:life-bob 1.6s ease-in-out infinite;cursor:pointer}.life-node.boss{width:80px;height:80px;margin:-40px;background:var(--l-gold-bg);box-shadow:0 5px 0 #f3d98c,0 10px 18px rgba(200,160,60,.18);font-size:28px}@keyframes life-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes life-pop{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.life-pop{animation:life-pop .25s ease-out}.life-root input[type=range]{appearance:none;height:10px;border-radius:999px;background:var(--l-track)}.life-root input[type=range]::-webkit-slider-thumb{appearance:none;width:26px;height:26px;border-radius:50%;background:#ff9f8a;border:4px solid #fff;box-shadow:0 2px 6px rgba(160,120,90,.3)}.life-root input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#ff9f8a;border:4px solid #fff}.life-result{position:relative;overflow:hidden;background:var(--l-card);border-radius:30px;box-shadow:0 4px 0 var(--l-line),0 14px 30px rgba(160,120,90,.16)}.life-result-hero{position:relative;padding:18px 18px 22px;background:radial-gradient(circle at 12% 18%,rgba(255,255,255,.75) 0 6px,transparent 7px),radial-gradient(circle at 88% 26%,rgba(255,255,255,.6) 0 4px,transparent 5px),radial-gradient(circle at 70% 85%,rgba(255,255,255,.55) 0 5px,transparent 6px),linear-gradient(160deg,var(--hero-a),var(--hero-b))}.life-result[data-tone=win]{--hero-a:#d9f5e8;--hero-b:#c9ecff;--tone:#3f9f7f}.life-result[data-tone=lose]{--hero-a:#ffe3da;--hero-b:#ffd6e4;--tone:#e0727a}.life-result[data-tone=plain]{--hero-a:#fff2c9;--hero-b:#ffe6d4;--tone:#d08a3c}.life-result-hero:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:14px;background:radial-gradient(circle at 10px -2px,transparent 11px,var(--l-card) 12px) 0 0 /20px 14px repeat-x}.life-ribbon{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border-radius:999px;background:#fff;color:var(--tone);font-size:18px;box-shadow:0 3px 0 rgba(0,0,0,.06);animation:life-stamp .45s cubic-bezier(.2,1.6,.4,1) both}.life-say{position:relative;background:#fff;border-radius:22px;padding:12px 14px;font-size:17px;line-height:1.55;box-shadow:0 3px 0 rgba(0,0,0,.05)}.life-say:before{content:"";position:absolute;left:-9px;bottom:18px;border:10px solid transparent;border-right-color:#fff;border-left:0}.life-token{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:76px;padding:10px 6px 8px;border-radius:22px;background:var(--tok-bg);box-shadow:inset 0 -4px 0 rgba(0,0,0,.06),0 2px 0 var(--l-line);animation:life-stamp .4s cubic-bezier(.2,1.6,.4,1) both}.life-token b{font-weight:400;font-size:26px;line-height:1}.life-receipt{border:2px dashed var(--l-line);border-radius:20px;padding:12px 16px;font-size:14px;background:repeating-linear-gradient(0deg,transparent 0 27px,rgba(239,226,211,.45) 27px 28px),#fffdf8}.life-egg{border-radius:22px;padding:12px 14px;background:linear-gradient(135deg,#f1ecff,#ffe9f3);border:2px solid #ddd2ff}.life-learn{border-radius:22px;padding:12px 14px;background:radial-gradient(circle at 92% 14%,rgba(255,217,138,.55) 0 18px,transparent 19px),var(--l-gold-bg);border:2px dashed #f3d98c}.life-bob{display:inline-block;animation:life-bob 2.4s ease-in-out infinite}@keyframes life-stamp{0%{transform:scale(.4) rotate(-6deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.life-flow{position:absolute;width:9px;height:9px;margin:-4.5px;border-radius:50%;background:var(--l-peach);box-shadow:0 0 8px 2px rgba(255,159,138,.75);pointer-events:none;opacity:0;animation:life-flow 1.5s linear infinite}@keyframes life-flow{0%{left:var(--x1);top:var(--y1);opacity:0}15%{opacity:1}80%{opacity:1}to{left:var(--x2);top:var(--y2);opacity:0}}.life-arrow{position:absolute;margin-left:-9px;width:18px;text-align:center;font-size:16px;line-height:1;color:var(--l-peach);text-shadow:0 0 6px rgba(255,159,138,.9);pointer-events:none;animation:life-arrow .9s ease-in-out infinite}@keyframes life-arrow{0%,to{transform:translateY(-6px);opacity:.55}50%{transform:translateY(2px);opacity:1}}@media (prefers-reduced-motion:reduce){.life-arrow,.life-bob,.life-node.on,.life-pop,.life-ribbon,.life-token{animation:none}.life-flow{display:none}}}body:has([data-immersive]){background:#fbf6ec}.life-root .life-cinema{background:#0b0907;color:#f3e9d8;box-shadow:0 6px 0 #2a221a}.life-root .life-cine-choice{display:flex;align-items:flex-start;gap:12px;border:1.5px solid #6b5a3e;background:#16120d;border-radius:8px;padding:12px 14px;color:#f3e9d8;transition:background .15s}.life-root .life-cine-choice:focus-visible,.life-root .life-cine-choice:hover{background:#2a2016}