:root{--night: #241a3b;--night-deep: #1a1230;--floor: #34264f;--floor-edge: #453463;--lit: #e8b04b;--lit-deep: #c8862f;--gold: #e9c46a;--cream: #f6ecd9;--cream-dim: #c9bda8;--rose: #c96b85;--font-display: "Shippori Mincho B1", serif;--font-body: "Zen Maru Gothic", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overscroll-behavior:none}body{background:radial-gradient(120% 70% at 50% 0%,#3a2a5e 0%,var(--night) 55%,var(--night-deep) 100%);color:var(--cream);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}#app{min-height:100dvh;display:flex;justify-content:center}.screen{width:min(100%,480px);min-height:100dvh;padding:max(16px,env(safe-area-inset-top)) 16px max(20px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center}.eyebrow{font-family:var(--font-display);font-size:13px;letter-spacing:.35em;color:var(--gold);margin-bottom:8px}.primary-btn{font-family:var(--font-body);font-weight:700;font-size:20px;color:var(--night-deep);background:linear-gradient(180deg,#f3d382,var(--gold) 60%,#cfa146);border:none;border-radius:999px;min-height:60px;padding:0 44px;cursor:pointer;box-shadow:0 4px 14px #e9c46a59}.primary-btn:active{transform:translateY(2px);box-shadow:0 2px 6px #e9c46a4d}.ghost-btn{font-family:var(--font-body);font-size:16px;color:var(--cream-dim);background:transparent;border:1.5px solid var(--floor-edge);border-radius:999px;min-height:56px;padding:0 24px;cursor:pointer}.ghost-btn:disabled{opacity:.55;cursor:default}.icon-btn{font-size:22px;width:48px;height:48px;border-radius:50%;border:1.5px solid var(--floor-edge);background:#ffffff0a;color:var(--cream);cursor:pointer}button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.title-screen{justify-content:center;text-align:center;gap:18px}.logo{font-family:var(--font-display);font-weight:800;font-size:clamp(38px,11vw,52px);line-height:1.25;letter-spacing:.06em;background:linear-gradient(180deg,#fdf3d0,var(--gold) 70%,#caa04a);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 34px rgba(233,196,106,.25)}.lede{font-size:17px;line-height:1.9;color:var(--cream-dim)}.char-select{display:flex;gap:16px;margin-top:6px}.char-btn{display:flex;flex-direction:column;align-items:center;gap:6px;font-family:var(--font-body);font-weight:700;font-size:17px;color:var(--cream);background:#ffffff0a;border:2px solid var(--floor-edge);border-radius:18px;padding:12px 22px 10px;min-width:128px;cursor:pointer}.char-btn[aria-pressed=true]{border-color:var(--gold);background:#e9c46a1f;box-shadow:0 0 18px #e9c46a40}.char-face{width:64px;height:64px}.char-face svg{width:100%;height:100%}.coming-soon{display:flex;gap:10px}.best-line{font-size:15px;color:var(--cream-dim)}.best-line strong{color:var(--gold);font-size:18px}.game-screen{gap:8px}.hud{width:100%;display:flex;align-items:center;gap:12px}.hud-char{width:62px;height:62px;flex:none;transition:transform .25s}.hud-char svg{width:100%;height:100%}.hud-char[data-mood=happy],.hud-char[data-mood=star]{transform:scale(1.12) rotate(-4deg)}.hud-nums{flex:1;display:flex;gap:18px}.hud-item{display:flex;flex-direction:column}.hud-label{font-size:12px;letter-spacing:.15em;color:var(--cream-dim)}.hud-value{font-family:var(--font-display);font-weight:800;font-size:26px;color:var(--cream);font-variant-numeric:tabular-nums}.hud-side{display:flex;gap:8px}.figure-banner{height:40px;font-family:var(--font-display);font-weight:800;font-size:24px;letter-spacing:.12em;color:var(--gold);text-shadow:0 0 22px rgba(233,196,106,.5);opacity:0}.figure-banner.show{animation:banner-in 1.4s ease forwards}@keyframes banner-in{0%{opacity:0;transform:translateY(8px) scale(.94)}18%{opacity:1;transform:translateY(0) scale(1.04)}30%{transform:scale(1)}80%{opacity:1}to{opacity:0}}.board-wrap{position:relative;width:min(92vw,420px)}.board{width:100%;aspect-ratio:1;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);gap:3px;padding:8px;background:linear-gradient(160deg,#2c1f47,#221838);border:2px solid var(--gold);border-radius:14px;box-shadow:0 0 0 1px #e9c46a40,0 10px 40px #00000080,inset 0 0 60px #00000059;touch-action:none}.cell{background:var(--floor);border:1px solid var(--floor-edge);border-radius:4px;transition:background .15s,box-shadow .15s}.cell.filled{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3c2.6 0 4.4 2.2 4.4 5 0 2.3-1.2 4-2.4 5.4-.7.8-.9 1.6-.9 2.6v1.4c0 .8-.5 1.6-1.1 1.6s-1.1-.8-1.1-1.6V16c0-1-.2-1.8-.9-2.6C8.8 12 7.6 10.3 7.6 8c0-2.8 1.8-5 4.4-5z' fill='rgba(120,70,10,0.28)'/%3E%3C/svg%3E") center / 62% no-repeat,linear-gradient(150deg,#f2c265,var(--lit) 45%,var(--lit-deep));border-color:#f0cf8a;box-shadow:0 0 10px #e8b04b8c,inset 0 1px #fff6}.cell.preview{background:#e9c46a52;border-color:var(--gold);box-shadow:inset 0 0 0 2px #e9c46a80}.fx{position:absolute;top:-30px;right:-30px;bottom:-30px;left:-30px;width:calc(100% + 60px);height:calc(100% + 60px);pointer-events:none}.tray{width:min(92vw,420px);flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:center;margin-top:6px;touch-action:none}.tray-slot{min-height:110px;display:flex;align-items:center;justify-content:center;background:#ffffff09;border:1.5px dashed var(--floor-edge);border-radius:14px;cursor:grab}.tray-slot.empty{cursor:default;opacity:.4}.tray-slot.dragging-src{opacity:.3}.mini-piece{display:grid;gap:2px}.mini-cell{width:22px;height:22px;border-radius:4px;background:linear-gradient(150deg,#f2c265,var(--lit) 50%,var(--lit-deep));box-shadow:0 0 6px #e8b04b66}.mini-gap{width:22px;height:22px}.float-piece{position:fixed;left:0;top:0;pointer-events:none;z-index:50;filter:drop-shadow(0 6px 14px rgba(0,0,0,.45))}.float-cell{position:absolute;border-radius:4px;background:linear-gradient(150deg,#f6cf7d,var(--lit) 50%,var(--lit-deep));box-shadow:0 0 12px #e8b04ba6}.result-screen{justify-content:center;text-align:center;gap:18px}.result-title{font-family:var(--font-display);font-weight:800;font-size:30px;letter-spacing:.08em}.new-best{font-family:var(--font-display);font-weight:800;color:var(--gold);font-size:19px;letter-spacing:.1em;animation:best-glow 1.6s ease-in-out infinite alternate}@keyframes best-glow{0%{text-shadow:0 0 8px rgba(233,196,106,.3)}to{text-shadow:0 0 26px rgba(233,196,106,.75)}}.result-card{width:min(88vw,340px);background:#ffffff0b;border:1.5px solid var(--floor-edge);border-radius:18px;padding:22px 24px;display:flex;flex-direction:column;gap:16px}.result-row{display:flex;justify-content:space-between;align-items:baseline;font-size:17px;color:var(--cream-dim)}.result-row strong{font-family:var(--font-display);font-weight:800;font-size:26px;color:var(--cream);font-variant-numeric:tabular-nums}@media (prefers-reduced-motion: reduce){.figure-banner.show{animation:none;opacity:1}.new-best{animation:none}*{transition:none!important}}.version-line{font-size:11px;color:var(--floor-edge);letter-spacing:.1em}