:root{--bg-top: #0b1730;--bg-bottom: #183b67;--blue: #2f7cff;--blue-deep: #1c4fae;--gold: #d8b35a;--gold-bright: #f3dc9a;--gold-deep: #a97f2f;--pink: #ff6fb3;--rose-deep: #7a1f3d;--text: #f8f9fc;--subtext: #b8c3d8;--floor: #10192e;--floor-edge: #26365c;--panel: rgba(255, 255, 255, .045);--glass: rgba(255, 255, 255, .07);--glass-border: rgba(255, 255, 255, .18);--glass-highlight: inset 0 1px 0 rgba(255, 255, 255, .14);--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(145% 100% at 50% 45%,transparent 58%,rgba(3,7,16,.55) 100%),linear-gradient(180deg,#0b173040,#0b17308c 60%,#080f20cc),url(../assets/bg.jpg) center top / cover no-repeat fixed,linear-gradient(180deg,var(--bg-top) 0%,var(--bg-bottom) 100%);color:var(--text);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(12px,env(safe-area-inset-top)) 12px max(14px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center}.primary-btn{position:relative;overflow:hidden;font-family:var(--font-body);font-weight:700;font-size:22px;letter-spacing:.08em;color:var(--text);background:linear-gradient(180deg,#4a90ff,var(--blue) 45%,var(--blue-deep));border:2px solid var(--gold);border-radius:999px;min-height:64px;width:min(86%,340px);cursor:pointer;box-shadow:0 0 0 1px #f3dc9a59,0 6px 20px #2f7cff59,inset 0 1px #ffffff59;transition:transform .15s}.primary-btn:active{transform:translateY(2px)}.primary-btn:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skew(-18deg);opacity:0}.primary-btn:active:after{animation:sweep .45s ease}@keyframes sweep{0%{opacity:1;left:-60%}to{opacity:0;left:110%}}.ghost-btn{font-family:var(--font-body);font-size:16px;color:var(--subtext);background:transparent;border:1.5px solid var(--floor-edge);border-radius:999px;min-height:56px;padding:0 24px;cursor:pointer}.icon-btn{font-size:22px;width:48px;height:48px;border-radius:50%;border:1px solid var(--glass-border);background:var(--glass);box-shadow:var(--glass-highlight);color:var(--text);cursor:pointer}button:focus-visible{outline:3px solid var(--gold-bright);outline-offset:2px}.title-screen{justify-content:center;text-align:center;gap:10px}.crown{width:84px;height:auto;margin-bottom:-4px;filter:drop-shadow(0 0 14px rgba(216,179,90,.5))}.logo{font-family:var(--font-display);font-weight:800;font-size:clamp(52px,16vw,72px);letter-spacing:.1em;line-height:1.05;background:linear-gradient(180deg,#fdf3cf 4%,var(--gold-bright) 22%,var(--gold) 52%,var(--gold-deep) 82%,#8a6722);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 40px rgba(216,179,90,.3);filter:drop-shadow(0 2px 1px rgba(60,40,5,.55)) drop-shadow(0 0 18px rgba(216,179,90,.28))}.subtitle{font-family:var(--font-display);font-size:17px;letter-spacing:.22em;color:var(--gold-bright)}.copy{font-size:16px;letter-spacing:.14em;color:var(--subtext);margin-top:2px}.choose-label{font-family:var(--font-display);font-size:13px;letter-spacing:.28em;color:var(--gold);margin-top:12px}.char-select{display:flex;gap:14px}.char-btn{display:flex;flex-direction:column;align-items:center;gap:4px;font-family:var(--font-display);font-weight:800;font-size:17px;letter-spacing:.1em;color:var(--text);border:2px solid var(--floor-edge);border-radius:16px;padding:12px 18px 10px;min-width:136px;min-height:130px;cursor:pointer;transition:transform .18s,border-color .18s,box-shadow .18s}.char-prince{background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.14),transparent 55%),repeating-linear-gradient(115deg,rgba(255,255,255,.02) 0 3px,transparent 3px 6px),linear-gradient(170deg,#1d3f8f,#12275c);box-shadow:var(--glass-highlight)}.char-princess{background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.14),transparent 55%),repeating-linear-gradient(115deg,rgba(255,255,255,.02) 0 3px,transparent 3px 6px),linear-gradient(170deg,#8f2b52,var(--rose-deep));box-shadow:var(--glass-highlight)}.char-btn .char-name{color:var(--gold-bright)}.char-btn[aria-pressed=true]{border-color:var(--gold);transform:scale(1.03);box-shadow:0 0 22px #d8b35a66,0 0 0 1px #f3dc9a66}.char-face{width:62px;height:62px}.char-img{-webkit-user-select:none;user-select:none}.char-face .char-img,.hud-char .char-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.orna{width:min(78%,300px);height:auto;opacity:.85;margin:2px 0}.title-stage{width:160px;height:168px;display:flex;align-items:flex-end;justify-content:center;background:radial-gradient(ellipse 60% 22% at 50% 92%,rgba(243,220,154,.3),transparent 70%)}.title-stage .char-img{height:100%;width:auto;filter:drop-shadow(0 6px 14px rgba(0,0,0,.55))}.best-line{font-size:15px;color:var(--subtext);margin-top:4px}.best-line strong{color:var(--gold-bright);font-size:18px}.version-line{font-size:11px;color:var(--floor-edge);letter-spacing:.14em}.game-screen{gap:6px}.hud{width:100%;display:flex;align-items:center;gap:10px}.hud-char{width:58px;height:58px;flex:none;border:1.5px solid rgba(243,220,154,.45);border-radius:50%;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.1),transparent 60%),var(--glass);box-shadow:var(--glass-highlight);padding:4px;transition:transform .25s}.hud-char svg{width:100%;height:100%}.hud-char[data-mood=happy],.hud-char[data-mood=star]{transform:scale(1.1) rotate(-4deg)}.hud-char[data-mood=happy] .char-img{animation:char-bounce .5s ease}.hud-char[data-mood=star] .char-img{animation:char-bounce .5s ease;filter:brightness(1.15) drop-shadow(0 0 8px rgba(243,220,154,.8))}@keyframes char-bounce{0%{transform:scale(1)}35%{transform:scale(1.12) rotate(3deg)}70%{transform:scale(.97)}to{transform:scale(1)}}.hud-center{flex:1;display:flex;flex-direction:column;align-items:center;line-height:1.15;background:var(--glass);border:1px solid var(--glass-border);border-radius:18px;padding:5px 16px 7px;box-shadow:var(--glass-highlight)}@supports (backdrop-filter: blur(8px)){.hud-center{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.hud-label{font-family:var(--font-display);font-size:11px;letter-spacing:.3em;color:var(--gold);display:flex;align-items:center;gap:8px}.hud-label:before{content:"→";letter-spacing:0;opacity:.7}.hud-label:after{content:"←";letter-spacing:0;opacity:.7}.hud-score{font-family:var(--font-display);font-weight:800;font-size:34px;color:var(--gold-bright);font-variant-numeric:tabular-nums;text-shadow:0 0 18px rgba(216,179,90,.35)}.hud-coins{display:flex;align-items:center;gap:4px;font-size:14px;color:var(--subtext);font-variant-numeric:tabular-nums}.coin-ico{width:18px;height:auto}.hud-side{flex:none}.figure-banner{height:36px;display:flex;align-items:center;padding:0 20px;border-radius:999px;background:var(--glass);border:1px solid rgba(243,220,154,.3);box-shadow:var(--glass-highlight);font-family:var(--font-display);font-weight:800;font-size:22px;letter-spacing:.12em;color:var(--gold-bright);text-shadow:0 0 20px rgba(216,179,90,.5);opacity:0;pointer-events:none}.figure-banner.show{animation:banner-in 1.3s ease forwards}@keyframes banner-in{0%{opacity:0;transform:scale(.95)}16%{opacity:1;transform:scale(1.03)}30%{transform:scale(1)}80%{opacity:1}to{opacity:0}}.board-wrap{position:relative;width:min(96vw,440px);margin-top:14px}.board-crown{position:absolute;top:-15px;left:50%;transform:translate(-50%);width:44px;height:auto;z-index:2;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5));pointer-events:none}.board{width:100%;aspect-ratio:1;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);gap:2px;padding:6px;background:repeating-linear-gradient(45deg,rgba(216,179,90,.018) 0 14px,transparent 14px 28px),linear-gradient(165deg,#14203c,#0c1428);border:1.5px solid var(--gold);border-radius:12px;box-shadow:0 0 0 3px #0408128c,0 10px 36px #0000008c,inset 0 0 0 1px #f6e2a680,inset 0 0 46px #00000061;touch-action:none}.cell{background:url(../assets/tile.png) center / cover no-repeat,var(--floor);border:1px solid var(--floor-edge);border-radius:3px;transition:box-shadow .15s,filter .15s}.cell.filled{background:url(../assets/block.png) center / cover no-repeat;border:1px solid var(--gold-bright);border-radius:4px;box-shadow:0 0 7px #d8b35a66}.cell.preview{background:#2f7cff42;border-color:var(--blue);box-shadow:inset 0 0 0 2px #8cb9ffb3}.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(96vw,440px);display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px;padding:8px;background:linear-gradient(170deg,#101d3a,#0a1226);border:1.5px solid var(--gold);border-radius:16px;box-shadow:0 0 0 3px #04081280,inset 0 0 0 1px #f6e2a659,inset 0 0 26px #00000073,0 8px 26px #00000080;touch-action:none}.tray-slot{min-height:96px;display:flex;align-items:center;justify-content:center;background:#ffffff08;border:1px dashed rgba(216,179,90,.22);border-radius:12px;cursor:grab}.tray-slot.empty{cursor:default;background:#00000047;border-color:#ffffff0d;opacity:.55}.tray-slot.dragging-src{opacity:.3}.mini-piece{display:grid;gap:2px}.mini-cell{width:21px;height:21px;border-radius:4px;background:url(../assets/block.png) center / cover no-repeat;box-shadow:0 0 6px #d8b35a66}.mini-gap{width:21px;height:21px}.float-piece{position:fixed;left:0;top:0;pointer-events:none;z-index:50;filter:drop-shadow(0 8px 16px rgba(0,0,0,.65))}.float-cell{position:absolute;border-radius:4px;background:url(../assets/block.png) center / cover no-repeat;filter:brightness(1.12);box-shadow:0 0 12px #d8b35a99}.hint-text{font-size:13px;line-height:1.7;letter-spacing:.08em;color:var(--subtext);text-align:center;margin-top:6px}.eyebrow{font-family:var(--font-display);font-size:13px;letter-spacing:.35em;color:var(--gold);margin-bottom:8px}.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-bright);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(216,179,90,.3)}to{text-shadow:0 0 26px rgba(216,179,90,.75)}}.result-card{width:min(88vw,340px);background:var(--panel);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(--subtext)}.result-row strong{font-family:var(--font-display);font-weight:800;font-size:26px;color:var(--text);font-variant-numeric:tabular-nums}@media (max-height: 720px){.board-crown{width:36px;top:-12px}.board-wrap{margin-top:10px}body{background:radial-gradient(58% 22% at 50% -4%,rgba(243,220,154,.14),transparent 70%),linear-gradient(180deg,var(--bg-top) 0%,var(--bg-bottom) 100%)}.hint-text{display:none}.game-screen{gap:4px}.figure-banner{height:30px;font-size:20px}.hud-char{width:50px;height:50px}.hud-score{font-size:30px}.tray-slot{min-height:96px}}@media (max-height: 760px){.title-stage{height:128px}}@media (max-height: 640px){.copy,.orna,.title-stage{display:none}.crown{width:56px}.char-btn{min-height:112px;padding:8px 14px}.char-face{width:50px;height:50px}.title-screen{gap:7px}}@media (prefers-reduced-motion: reduce){.figure-banner.show{animation:none;opacity:1}.new-best{animation:none}.primary-btn:active:after{animation:none}*{transition:none!important}}.rank-area{display:flex;flex-direction:column;align-items:center;gap:10px;width:min(88vw,340px)}.rank-status{font-size:15px;line-height:1.8;color:var(--subtext);text-align:center}.nick-input{width:100%;min-height:56px;font-family:var(--font-body);font-size:19px;text-align:center;color:var(--text);background:var(--glass);border:1.5px solid var(--glass-border);border-radius:14px;outline:none}.nick-input:focus{border-color:var(--gold)}.nick-error{font-size:13px;color:var(--pink);min-height:1.2em}.ghost-btn.gold{border-color:var(--gold);color:var(--gold-bright)}.ranking-screen{justify-content:flex-start;padding-top:max(28px,env(safe-area-inset-top));gap:16px}.rank-tabs{display:flex;gap:8px}.rank-tab{font-family:var(--font-body);font-weight:700;font-size:15px;color:var(--subtext);background:var(--glass);border:1.5px solid var(--glass-border);border-radius:999px;min-height:48px;padding:0 18px;cursor:pointer}.rank-tab[aria-selected=true]{color:var(--night-deep, #0b1730);color:#0b1730;background:linear-gradient(180deg,#f3d382,var(--gold));border-color:var(--gold-bright)}.rank-list{width:min(92vw,380px);display:flex;flex-direction:column;gap:8px;min-height:300px}.rank-row{display:flex;align-items:center;gap:12px;background:var(--glass);border:1px solid var(--glass-border);border-radius:12px;padding:12px 16px;font-size:17px}.rank-row.top3{border-color:#d8b35a8c;background:#d8b35a1a}.rank-pos{width:44px;font-family:var(--font-display);font-weight:800;color:var(--gold-bright)}.rank-name{flex:1;color:var(--text)}.rank-score{font-family:var(--font-display);font-weight:800;color:var(--gold-bright);font-variant-numeric:tabular-nums}