:root{--color-sky: #dceff7;--color-sky-deep: #bfe0ef;--color-cloud: #ffffff;--color-grass: #7fb069;--color-grass-deep: #5e9152;--color-fence: #8b5e3c;--color-fence-light: #a97a52;--color-rope: #f7f1e1;--color-line-warn: #e4572e;--color-primary: #f29b38;--color-primary-press: #d9822b;--color-on-primary: #ffffff;--color-text: #3d3229;--color-text-sub: #6b5d4f;--color-panel: rgba(255, 255, 255, .92);--color-panel-border: rgba(61, 50, 41, .15);--font-family: "Hiragino Maru Gothic ProN", "BIZ UDPGothic", "Rounded Mplus 1c", "Hiragino Sans", "Noto Sans JP", system-ui, sans-serif;--radius-md: 12px;--radius-lg: 20px;--radius-full: 999px;--shadow-soft: 0 4px 12px rgba(61, 50, 41, .18);--shadow-pop: 0 8px 24px rgba(61, 50, 41, .25)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{font-family:var(--font-family);color:var(--color-text);background:linear-gradient(to bottom,var(--color-sky) 0%,var(--color-sky-deep) 55%,var(--color-grass) 55%,var(--color-grass-deep) 100%);touch-action:none;user-select:none;-webkit-user-select:none}#app{position:relative;width:100vw;height:100vh;overflow:hidden}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:none}#app[data-phase=loading] #screen-loading{display:flex}#app[data-phase=title] #screen-title{display:block}#screen-play{display:flex;flex-direction:column;visibility:hidden}#app[data-phase=play] #screen-play,#app[data-phase=gameover] #screen-play{visibility:visible}#app[data-phase=gameover] #screen-gameover{display:flex}#screen-loading{flex-direction:column;align-items:center;justify-content:center;gap:20px}.loading-horse{font-size:64px;animation:trot 1.2s ease-in-out infinite}@keyframes trot{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.loading-label{font-size:24px;color:var(--color-text-sub)}.loading-bar{width:240px;height:14px;background:var(--color-cloud);border:2px solid var(--color-panel-border);border-radius:var(--radius-full);overflow:hidden}.loading-fill{width:0%;height:100%;background:var(--color-primary);border-radius:var(--radius-full);transition:width .2s}.title-clouds span{position:absolute;color:var(--color-cloud);font-size:44px;opacity:.9}.title-clouds span:nth-child(1){top:6%;left:8%}.title-clouds span:nth-child(2){top:12%;right:9%}.title-logo{position:absolute;top:16%;left:50%;transform:translate(-50%) rotate(-2deg);font-size:64px;margin:0;white-space:nowrap;text-shadow:0 3px 0 #fff,0 6px 14px rgba(61,50,41,.25)}.title-union{color:var(--color-primary-press)}.title-subtitle{position:absolute;top:27%;left:50%;transform:translate(-50%);font-size:18px;color:var(--color-text-sub);white-space:nowrap}.title-fence{position:absolute;bottom:24%;left:0;right:0;height:46px}.title-fence .bar{position:absolute;left:0;right:0;height:9px;background:var(--color-fence);border-radius:4px}.title-fence .bar-1{top:6px}.title-fence .bar-2{top:28px}.title-medals{position:absolute;bottom:20%;left:0;right:0;display:flex;justify-content:center;align-items:flex-end;gap:28px}.title-medals .medal-deco{border-radius:var(--radius-full);background-size:cover;background-position:center;box-shadow:var(--shadow-soft);background-color:#e8d9c4}.tap-hint{position:absolute;bottom:8%;left:50%;transform:translate(-50%);font-size:24px;font-weight:700;white-space:nowrap;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}#screen-play{flex-direction:column}.hud{display:flex;justify-content:space-between;align-items:flex-start;padding:10px 14px 4px}#app[data-orientation=landscape] #screen-play{flex-direction:row;align-items:stretch}#app[data-orientation=landscape] .hud{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:8px;flex:1 1 0;min-width:0;padding:10px}#app[data-orientation=landscape] #stage-wrap{flex:0 0 auto;width:var(--board-width, 35vw)}#app[data-orientation=landscape] .evolution-wrap{flex:1 1 0;min-width:0;align-items:center;padding:10px}#app[data-orientation=landscape] .evolution-bar{flex-direction:column;padding:6px 5px;gap:2px;max-height:100%;--evo-arrow: none;--evo-dot-scale: .72;--evo-dot-margin: -2px;--evo-crown-size: 12px}.score-board{background:var(--color-panel);border:2px solid var(--color-panel-border);border-radius:var(--radius-md);padding:4px 18px;text-align:center;box-shadow:var(--shadow-soft)}.score-board .label,.next-plate .label{font-size:13px;color:var(--color-text-sub)}.score-board .value{font-size:30px;font-weight:700;line-height:1.1;min-width:2em}.next-plate{display:flex;align-items:center;gap:8px;background:var(--color-panel);border:2px solid var(--color-panel-border);border-radius:var(--radius-md);padding:6px 12px;box-shadow:var(--shadow-soft)}.mini-medal{width:34px;height:34px;border-radius:var(--radius-full);border:4px solid var(--color-panel-border);background-color:#e8d9c4;background-size:cover;background-position:center;display:inline-block}#stage-wrap{position:relative;flex:1}#game-stage{position:absolute;top:0;right:0;bottom:0;left:0}#game-stage canvas{display:block}.presented-piece{position:absolute;top:8px;border-radius:var(--radius-full);background-color:#e8d9c4;background-size:cover;background-position:center;box-shadow:var(--shadow-soft);transform:translate(-50%);z-index:3}.presented-piece[data-operable=false]{visibility:hidden}.name-plate{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:8px;background:var(--color-panel);border:3px solid var(--color-panel-border);border-radius:var(--radius-full);padding:4px 18px;font-size:22px;font-weight:700;white-space:nowrap;box-shadow:var(--shadow-soft);transform:translate(-50%)}.name-plate .chip{width:14px;height:14px;border-radius:var(--radius-full);background:var(--color-panel-border)}.over-line{position:absolute;left:6%;right:6%;border-top:4px dashed var(--color-rope);opacity:.95;z-index:2}.over-line[data-warning=true]{border-top-color:var(--color-line-warn);animation:blink .7s step-end infinite}@keyframes blink{50%{opacity:.25}}.line-label{position:absolute;top:6px;right:0;font-size:12px;color:var(--color-text-sub)}.over-line[data-warning=true] .line-label{color:var(--color-line-warn);font-weight:700}#board{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}#board [data-testid=board-piece]{position:absolute;width:1px;height:1px}.merge-name[hidden]{display:none}.merge-name{position:absolute;z-index:4;transform:translate(-50%,-50%);display:inline-flex;align-items:center;background:var(--color-panel);border:3px solid var(--color-panel-border);border-radius:var(--radius-full);padding:4px 16px;font-size:20px;font-weight:700;white-space:nowrap;box-shadow:var(--shadow-pop);animation:pop-in .25s ease-out}@keyframes pop-in{0%{transform:translate(-50%,-50%) scale(.3)}to{transform:translate(-50%,-50%) scale(1)}}.evolution-wrap{display:flex;justify-content:center;padding:6px 0 10px;max-width:100%}.evolution-bar{display:inline-flex;align-items:center;gap:4px;background:var(--color-panel);border:2px solid var(--color-panel-border);border-radius:var(--radius-full);padding:6px 14px;box-shadow:var(--shadow-soft);max-width:100%}.evolution-bar .arrow{display:var(--evo-arrow, inline)}.evolution-bar .dot{transform:scale(var(--evo-dot-scale, 1));margin:var(--evo-dot-margin, 0)}.evolution-bar .crown{font-size:var(--evo-crown-size, 15px)}@media(max-width:560px){.evolution-bar{--evo-arrow: none;--evo-dot-scale: .72;--evo-dot-margin: -2px;--evo-crown-size: 12px;gap:2px;padding:5px 8px}}.evolution-bar .dot{border-radius:var(--radius-full);background:radial-gradient(circle at 35% 30%,#fff7ea,#e8d9c4)}.evolution-bar .arrow{color:var(--color-text-sub);font-size:10px}.evolution-bar .crown{font-size:15px;margin-left:2px}#screen-gameover.overlay{background:#3d322973;align-items:center;justify-content:center;z-index:5}.gameover-panel{background:var(--color-panel);border:3px solid var(--color-panel-border);border-radius:var(--radius-lg);padding:32px;text-align:center;min-width:260px;box-shadow:var(--shadow-pop)}.gameover-title{font-size:34px;font-weight:700;margin-bottom:12px}.gameover-panel .label{font-size:15px;color:var(--color-text-sub)}.gameover-score{font-size:52px;font-weight:700;line-height:1.1;margin-bottom:20px}.ranking{margin-bottom:18px;text-align:left}.ranking-heading{font-size:14px;font-weight:700;color:var(--color-text-sub);text-align:center;margin-bottom:6px}.ranking-rows{max-height:30vh;overflow-y:auto}.ranking-row{display:flex;align-items:baseline;gap:10px;font-size:14px;padding:2px 10px;border-radius:var(--radius-md)}.ranking-row .rank-no{width:2.6em;text-align:right;color:var(--color-text-sub)}.ranking-row .rank-score{flex:1;text-align:right;font-weight:700;font-variant-numeric:tabular-nums}.ranking-row .rank-date{color:var(--color-text-sub);font-size:12px}.ranking-row[data-current="1"]{background:var(--color-primary);color:var(--color-on-primary)}.ranking-row[data-current="1"] .rank-no,.ranking-row[data-current="1"] .rank-date{color:var(--color-on-primary)}.btn-primary{font-family:inherit;font-size:24px;font-weight:700;color:var(--color-on-primary);background:var(--color-primary);border:none;border-radius:var(--radius-full);padding:12px 32px;box-shadow:var(--shadow-soft);cursor:pointer;pointer-events:none}.gameover-hint{font-size:13px;color:var(--color-text-sub);margin-top:10px}