:root{color:#19333b;background:#f7efe0;font-family:Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #19333b;--aqua: #08a8c7;--aqua-dark: #047897;--coral: #ff6c57;--lemon: #ffd34e;--paper: #fffaf0;--shadow: 0 16px 34px rgba(16, 84, 96, .22)}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}body{min-height:100svh;overflow:hidden;background:linear-gradient(90deg,rgba(255,108,87,.18),transparent 28%,rgba(255,211,78,.18)),radial-gradient(circle at 30% 10%,#fff9d9,transparent 28%),#e5f6f2}button{min-width:144px;min-height:48px;border:0;border-radius:999px;color:#fffaf0;background:linear-gradient(135deg,#ff6c57,#e83e5a);box-shadow:0 10px 20px #b8303a42;font:inherit;font-weight:800;letter-spacing:0;cursor:pointer}button:active{transform:translateY(1px)}.game-shell{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;width:min(100vw,520px);height:100svh;max-height:960px;margin:0 auto;padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom))}.topbar,.status-row{position:relative;z-index:3;display:grid;gap:8px}.topbar{grid-template-columns:1fr 1.2fr 1fr}.status-row{grid-template-columns:104px 1fr;align-items:center}.exchange-row{position:absolute;left:92px;right:10px;bottom:calc(72px + env(safe-area-inset-bottom));z-index:6;display:grid;pointer-events:none}.meter,.combo-pill,.message,.speech{border:2px solid rgba(255,255,255,.72);border-radius:8px;background:#fffaf0db;box-shadow:0 8px 22px #15535b24;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.meter,.combo-pill{display:grid;place-items:center;min-height:56px;padding:6px 4px}.meter span,.combo-pill span{font-size:.68rem;font-weight:900;color:var(--aqua-dark)}.meter strong,.combo-pill strong{font-size:clamp(1.1rem,5.6vw,1.9rem);line-height:1}.score-meter strong{color:#d93648}.message{display:flex;align-items:center;min-height:48px;padding:8px 12px;font-size:clamp(.78rem,3.2vw,.95rem);font-weight:800}.exchange-button{min-width:0;width:100%;min-height:56px;padding:8px 12px;border:2px solid rgba(255,255,255,.72);border-radius:8px;background:linear-gradient(135deg,#ff6c57,#d93648);box-shadow:0 12px 24px #d936483d;font-size:clamp(1rem,4.2vw,1.18rem);line-height:1;animation:exchange-ready .9s ease-in-out infinite alternate;pointer-events:auto}.exchange-button:disabled{min-height:42px;color:#19333b80;background:#fffaf0b8;box-shadow:0 8px 18px #15535b14;cursor:default;animation:none}.arena-wrap{position:relative;min-height:0;border:3px solid rgba(255,255,255,.86);border-radius:8px;overflow:hidden;box-shadow:var(--shadow);touch-action:none}canvas{display:block;width:100%;height:100%;background:#72d6e4;touch-action:none}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:none;place-items:center;padding:22px;color:var(--paper);text-align:center;background:linear-gradient(180deg,#04526833,#0446589e)}.overlay.show{display:grid}.overlay h1,.overlay h2,.overlay p{margin:0}.overlay h1{margin:6px 0 18px;font-size:clamp(2.4rem,15vw,4.7rem);line-height:.96;text-shadow:0 4px 14px rgba(5,54,68,.45)}.overlay h2{margin:6px 0 8px;font-size:clamp(2.3rem,12vw,4rem);line-height:1}.eyebrow{font-size:.82rem;font-weight:900;letter-spacing:.08em}#bestScore{margin-bottom:18px;font-weight:900}.onikin{position:absolute;left:0;bottom:calc(64px + env(safe-area-inset-bottom));z-index:7;display:grid;grid-template-columns:88px;align-items:end;width:92px;pointer-events:none}.onikin img{width:92px;max-width:100%;filter:drop-shadow(0 12px 12px rgba(24,76,83,.23));transform-origin:50% 90%}.onikin.cheer img{animation:cheer .52s ease}.speech{display:none}.pulse{animation:pulse .36s ease}@keyframes cheer{0%,to{transform:rotate(0) translateY(0)}35%{transform:rotate(-6deg) translateY(-8px)}70%{transform:rotate(5deg) translateY(-3px)}}@keyframes pulse{0%,to{transform:scale(1)}45%{transform:scale(1.08)}}@keyframes exchange-ready{0%{box-shadow:0 12px 24px #d9364838;filter:brightness(1)}to{box-shadow:0 16px 28px #d9364857;filter:brightness(1.08)}}@media(max-width:370px){.game-shell{gap:8px;padding-inline:8px}.exchange-row{left:78px;right:8px;bottom:calc(72px + env(safe-area-inset-bottom))}.meter{min-height:50px}.message{padding-inline:9px}.onikin{grid-template-columns:76px;width:78px}.onikin img{width:78px}}@media(min-width:700px){body{overflow:auto}.game-shell{padding-top:18px;padding-bottom:18px}}