:root{--bg:#FAFAF7;--card:#FFFFFF;--ink:#3A3733;--muted:#8C877E;--sage:#7FA37C;--sage-dark:#6A8F67;--orange:#F6B36B;--orange-dark:#E08A3C;--cream:#FFF6E8;--danger:#C97064;--radius:16px}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:Anuphan,system-ui,sans-serif;font-size:16px;line-height:1.55;min-height:100dvh}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none}a,button{color:inherit}a{text-decoration:none}input,select{font-family:inherit;font-size:inherit}.shell{max-width:480px;margin:0 auto;padding:20px 16px 96px}.card{background:var(--card);border-radius:var(--radius);padding:18px;margin-bottom:14px;box-shadow:0 1px 3px rgba(58,55,51,.05)}.h1{font-size:24px;font-weight:700}.h2{font-size:18px;font-weight:600}.muted{color:var(--muted);font-size:14px}.small{font-size:13px}.center{text-align:center}.row,.spread{display:flex;align-items:center;gap:10px}.spread{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;padding:14px 22px;font-weight:600;font-size:16px;transition:transform .1s ease,opacity .15s ease;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.97)}.btn-primary{background:var(--sage);color:#fff;width:100%}.btn-primary:disabled{background:#C9CFC6;cursor:default}.btn:disabled{opacity:.55;cursor:default}.btn-soft{background:var(--cream);color:var(--orange-dark)}.btn-ghost{background:transparent;color:var(--muted);font-weight:500}.btn-danger{background:transparent;color:var(--danger);border:1.5px solid var(--danger)}.btn-sm{padding:8px 14px;font-size:14px;border-radius:11px}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--cream);color:var(--orange-dark);border-radius:999px;padding:5px 12px;font-size:13px;font-weight:600}.chip-plain{background:#F1F0EC;color:var(--muted)}.choice{display:block;width:100%;text-align:left;background:var(--card);border:2px solid #efede8;border-radius:14px;padding:14px 16px;margin-bottom:10px;font-weight:500}.choice.on{border-color:var(--sage);background:#F4F8F3}.choice .sub{font-size:13px;color:var(--muted);font-weight:400;margin-top:2px}.input{width:100%;padding:12px 14px;border-radius:12px;border:2px solid #efede8;background:var(--card);font-size:15px}.bar{background:#F1F0EC;height:10px;overflow:hidden}.bar,.bar>div{border-radius:999px}.bar>div{background:linear-gradient(90deg,var(--orange),var(--orange-dark));height:100%;transition:width .4s ease}.bar-sage>div{background:var(--sage)}.stage-wrap{position:relative;border-radius:20px;overflow:hidden;background-size:cover;background-position:bottom;height:300px;margin-bottom:14px;cursor:-webkit-grab;cursor:grab}.stage-wrap canvas{display:block}.stage-overlay{position:absolute;inset:0;pointer-events:none}.bubble{left:50%;top:12px;transform:translateX(-50%);background:rgba(255,255,255,.92);border-radius:999px;padding:7px 16px;font-size:14px;white-space:nowrap;box-shadow:0 2px 8px rgba(58,55,51,.12);animation:pop .25s ease}.bubble,.heart{position:absolute}.heart{font-size:22px;animation:floatUp 1s ease forwards;pointer-events:none}@keyframes floatUp{0%{opacity:1;transform:translateY(0) scale(.8)}to{opacity:0;transform:translateY(-70px) scale(1.3)}}@keyframes pop{0%{transform:translateX(-50%) scale(.8);opacity:0}to{transform:translateX(-50%) scale(1);opacity:1}}.nav{position:fixed;bottom:0;left:0;right:0;z-index:50;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid #efede8}.nav-inner{max-width:480px;margin:0 auto;display:flex}.nav a{flex:1 1;text-align:center;padding:10px 0 max(10px,env(safe-area-inset-bottom));font-size:11px;color:var(--muted);font-weight:500;white-space:nowrap;overflow:hidden}.nav a.on{color:var(--sage-dark);font-weight:700}.nav .ico{display:block;font-size:22px;line-height:1.2}.modal-bg{position:fixed;inset:0;background:rgba(58,55,51,.45);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}.modal{background:var(--card);border-radius:20px;padding:26px 22px;width:100%;max-width:380px;text-align:center;animation:pop2 .25s ease}@keyframes pop2{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.ex-card{border:2px solid #efede8;border-radius:14px;padding:14px;margin-bottom:10px;background:var(--card)}.ex-card.done{border-color:var(--sage);background:#F4F8F3}.set-pill{width:34px;height:34px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;background:#F1F0EC;color:var(--muted)}.set-pill.on{background:var(--sage);color:#fff}.timer-big{font-size:44px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.fatigue-row{display:flex;gap:8px}.fatigue-btn{flex:1 1;border-radius:14px;padding:12px 4px;text-align:center;background:#F1F0EC;font-size:13px;font-weight:600;color:var(--muted)}.fatigue-btn.on{background:var(--cream);color:var(--orange-dark);outline:2px solid var(--orange)}.fatigue-btn .em{display:block;font-size:22px}.item-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px}.item-cell{aspect-ratio:1;border-radius:14px;background:var(--card);display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid #efede8;font-size:11px;gap:4px;padding:4px;text-align:center}.item-cell.locked{opacity:.4;filter:grayscale(1)}.item-cell.worn{border-color:var(--sage);background:#F4F8F3}.item-emoji{font-size:26px}.gacha-reveal{animation:reveal .5s ease}@keyframes reveal{0%{transform:scale(.3) rotate(-10deg);opacity:0}60%{transform:scale(1.15) rotate(3deg)}to{transform:scale(1);opacity:1}}.shake{animation:shake .45s ease}@keyframes shake{0%,to{transform:rotate(0)}20%{transform:rotate(-8deg)}40%{transform:rotate(8deg)}60%{transform:rotate(-6deg)}80%{transform:rotate(6deg)}}.disclaimer{font-size:12px;color:var(--muted);text-align:center;padding:10px 16px}.divider{height:1px;background:#EFEDE8;margin:14px 0}