:root{color:#eef2ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#3b82f633,#0000 30%),radial-gradient(circle at 100% 100%,#34d39924,#0000 30%),radial-gradient(circle at 0 100%,#a855f71f,#0000 28%),linear-gradient(#09111f 0%,#0b1220 52%,#050913 100%);font-family:Avenir Next,Pretendard,Apple SD Gothic Neo,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(circle at top,#3b82f61f,#0000 24%),linear-gradient(#09111f 0%,#0b1220 60%,#050913 100%);overflow:hidden}button,input{font:inherit}button{cursor:pointer;border:0}.eyebrow{color:#8fb6ff;letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.74rem;font-weight:700}.game-shell{height:100dvh;padding-top:max(16px, env(safe-area-inset-top));padding-right:max(16px, env(safe-area-inset-right));padding-left:max(16px, env(safe-area-inset-left));padding-bottom:0;overflow:hidden}.arena-frame{width:min(1380px,100%);height:100%;padding-bottom:calc(128px + env(safe-area-inset-bottom));grid-template-rows:auto minmax(0,1fr);gap:10px;margin:0 auto;display:grid}.top-hud{align-items:center;gap:8px;display:flex}.hud-cluster{flex-wrap:wrap;gap:6px;display:flex}.hud-badge{color:#eff6ff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f172a94;border:1px solid #94a3b82e;border-radius:999px;padding:8px 12px;font-size:.92rem;box-shadow:inset 0 1px #ffffff0d}.hud-badge-subtle{color:#bfdbfed1}.arena-stage{min-height:0;position:relative}.board-shell{background:linear-gradient(#0f172aeb 0%,#070c18f5 100%);border:1px solid #94a3b829;border-radius:34px;height:100%;position:relative;overflow:hidden;box-shadow:0 30px 80px #0206176b,inset 0 1px #ffffff0a}.board-atmosphere{pointer-events:none;background:radial-gradient(circle at 15% 0,#38bdf824,#0000 24%),radial-gradient(circle at 100% 20%,#34d3991f,#0000 28%),linear-gradient(#ffffff08,#0000 18%);position:absolute;inset:0}.board-toast,.action-button,.finish-card,.bottom-sheet,.sheet-stat,.track-label,.track-cell,.board-header-cell{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.board-toast-stack{z-index:4;pointer-events:none;gap:8px;width:min(420px,100% - 28px);display:grid;position:absolute;bottom:14px;left:14px}.board-toast{color:#eff6fff0;text-align:left;background:#0f172ad1;border:1px solid #60a5fa2e;border-radius:18px;padding:12px 14px;animation:.22s toast-rise;box-shadow:0 16px 34px #02061747}.board-scroll{scrollbar-width:none;position:absolute;inset:18px;overflow:hidden auto}.board-scroll::-webkit-scrollbar{display:none}.vertical-board{gap:10px;display:grid}.board-head-row,.board-row{grid-template-columns:92px minmax(0,1fr);align-items:stretch;gap:10px;display:grid}.board-head-lanes,.board-row-lanes{grid-template-columns:repeat(var(--lane-count,4), minmax(0, 1fr));gap:10px;display:grid}.board-side{align-content:center;justify-items:center;gap:8px;padding:8px 0;display:grid}.board-row-label{color:#bfdbfebd;letter-spacing:.08em;font-size:.8rem;font-weight:700}.board-side-card{transform-origin:50%;transform:scale(.88)}.board-cell{border-radius:18px;place-items:center;min-height:68px;display:grid}.board-header-cell,.track-cell{background:linear-gradient(#ffffff09,#ffffff04),#0f172a85;border:1px solid #94a3b824}.board-header-cell{color:#bfdbfea8;letter-spacing:.08em;min-height:50px;font-size:.82rem;font-weight:700}.track-label{background:color-mix(in srgb, var(--lane-accent) 14%, #0f172ad1);border:1px solid color-mix(in srgb, var(--lane-accent) 28%, #94a3b829);text-align:center;border-radius:22px;flex-direction:column;justify-content:center;gap:2px;padding:16px 12px;display:flex;box-shadow:inset 0 1px #ffffff0a}.track-label strong{font-size:1rem}.track-label span{color:#bfdbfe9e;font-size:.8rem}.track-cell-finish{background:linear-gradient(135deg,#3b82f62e,#34d3991f),#ffffff08}.track-cell-moved{box-shadow:inset 0 0 0 1px #7dd3fc3d}.track-cell-penalized{animation:.36s track-shake}.horse-token{color:#0f172a;background:linear-gradient(180deg, color-mix(in srgb, var(--horse-accent) 78%, white), var(--horse-accent)), white;width:calc(100% - 14px);min-height:60px;box-shadow:0 14px 24px #0206173d, 0 0 0 4px var(--horse-glow);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:8px 10px;animation:.26s horse-pop;display:flex}.horse-symbol{font-size:1.32rem;font-weight:900}.horse-name{letter-spacing:.04em;font-size:.74rem;font-weight:800}.card-face{--card-accent:#f8fafc;aspect-ratio:5/7;color:#0f172a;background:radial-gradient(circle at top,#ffffff85,#0000 34%),linear-gradient(#fff,#edf4ff 72%,#d7e4fb 100%);border-radius:24px;flex-direction:column;justify-content:space-between;width:160px;padding:14px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #0f172a14,0 18px 40px #02061747}.card-face:after{content:"";border:1px solid color-mix(in srgb, var(--card-accent) 56%, #64748b);pointer-events:none;border-radius:18px;position:absolute;inset:10px}.card-face-compact{border-radius:16px;width:68px;padding:8px}.card-corner{flex-direction:column;align-items:flex-start;font-weight:800;line-height:1;display:flex}.card-corner-bottom{text-align:right;align-items:flex-end}.card-center{text-align:center;font-family:Iowan Old Style,Palatino Linotype,serif;font-size:.94rem;font-weight:700}.card-back{background:radial-gradient(circle at top,#60a5fa2e,#0000 34%),linear-gradient(#16243f,#0b1529 100%)}.card-back-pattern{background-color:#0000;background-image:linear-gradient(45deg,#bfdbfe1f 25%,#0000 25% 50%,#bfdbfe1f 50% 75%,#0000 75%,#0000),linear-gradient(135deg,#bfdbfe1f 25%,#0000 25% 50%,#bfdbfe1f 50% 75%,#0000 75%,#0000);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:14px 14px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #bfdbfe38;border-radius:12px;position:absolute;inset:12px}.card-empty{color:#dbeafeb8;background:#ffffff0f;place-items:center;display:grid}.finish-overlay{z-index:6;background:#03071299;place-items:center;padding:18px;display:grid;position:absolute;inset:0}.finish-card{background:radial-gradient(circle at top,#3b82f62e,#0000 34%),linear-gradient(#0f172af5,#060b16fa);border:1px solid #94a3b82e;border-radius:28px;width:min(460px,100%);padding:26px;box-shadow:0 40px 90px #0206176b}.finish-card h2{margin:8px 0 10px;font-size:clamp(1.8rem,5vw,2.4rem)}.finish-card p:last-of-type{color:#bfdbfec7}.finish-actions{gap:10px;margin-top:18px;display:flex}.bottom-sheet{left:max(16px, env(safe-area-inset-left));right:max(16px, env(safe-area-inset-right));bottom:env(safe-area-inset-bottom);z-index:20;background:linear-gradient(#0f172af2,#070c18fa);border:1px solid #94a3b829;border-radius:28px 28px 0 0;grid-template-rows:auto minmax(0,1fr);width:auto;max-width:1100px;height:92px;max-height:min(72dvh,760px);margin:0 auto;transition:height .22s;display:grid;position:fixed;overflow:hidden;box-shadow:0 -22px 60px #0206176b}.bottom-sheet-open{height:min(72dvh,760px)}.bottom-sheet-preview{padding:12px 12px calc(18px + env(safe-area-inset-bottom));gap:10px;display:grid}.preview-actions{grid-template-columns:1fr;margin-bottom:8px;display:grid}.action-button{color:#eff6ff;background:#0f172ab8;border:1px solid #94a3b829;border-radius:14px;min-height:46px;padding:10px 14px;transition:transform .14s,background .14s,opacity .14s,box-shadow .14s;box-shadow:inset 0 1px #ffffff0a}.action-button:hover{transform:translateY(-1px);box-shadow:0 10px 24px #02061738,inset 0 1px #ffffff0d}.action-button:disabled{opacity:.42;cursor:not-allowed;transform:none}.action-button-primary{color:#04111f;background:linear-gradient(135deg,#38bdf8,#34d399);font-weight:800}.action-button-live{background:#34d3992e}.bottom-sheet-handle{background:0 0;border:0;justify-items:center;width:100%;padding:2px 0 0;display:grid}.bottom-sheet-handle span{background:#bfdbfe3d;border-radius:999px;width:52px;height:6px}.board-toast-level-1{opacity:.8;transform:translate(10px)}.board-toast-level-2{opacity:.6;transform:translate(18px)}.sheet-content{padding:0 18px calc(18px + env(safe-area-inset-bottom));opacity:0;pointer-events:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;transition:opacity .18s;display:grid;overflow:auto}.bottom-sheet-open .sheet-content{opacity:1;pointer-events:auto}.sheet-block{background:#ffffff09;border:1px solid #94a3b81f;border-radius:22px;padding:16px}.sheet-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.sheet-stat{background:#ffffff0a;border-radius:18px;padding:14px}.sheet-stat span{color:#bfdbfea8;font-size:.9rem;display:block}.sheet-stat strong{margin-top:8px;font-size:1.12rem;display:block}.sheet-controls{gap:14px;margin-top:12px;display:grid}.sheet-range{gap:10px;display:grid}.sheet-range-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}input[type=range]{accent-color:#38bdf8}.sheet-speed{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.sheet-speed-button{color:#eff6ff;background:#ffffff0f;border-radius:16px;padding:12px}.sheet-speed-button-active{color:#04111f;background:linear-gradient(135deg,#38bdf8eb,#34d399f0)}.sheet-history{gap:10px;margin:12px 0 0;padding:0;list-style:none;display:grid}.sheet-history-item{background:#ffffff0d;border-radius:18px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:10px;padding:12px 14px;display:grid}.sheet-history-item div{gap:4px;display:grid}.sheet-history-item span{color:#bfdbfea3;font-size:.88rem}.sheet-history-positive{color:#6ee7b7;justify-self:end;font-weight:800}.sheet-history-neutral{color:#f7f1e8c7;justify-self:end;font-weight:800}.sheet-history-empty{background:#ffffff0d;border-radius:16px;padding:12px 14px}@keyframes horse-pop{0%{opacity:.35;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes track-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes toast-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=1080px){.sheet-content{grid-template-columns:1fr}}@media (width<=840px){.game-shell{padding:12px 12px 0}.arena-frame{padding-bottom:150px}.top-hud{gap:6px}.board-shell{border-radius:28px}.board-scroll{inset:14px}.board-head-row,.board-row{grid-template-columns:54px minmax(0,1fr);gap:6px}.board-head-lanes,.board-row-lanes{gap:6px}.board-cell{border-radius:14px;min-height:54px}.track-label{border-radius:16px;padding:12px 8px}.track-label strong{font-size:.9rem}.track-label span,.board-row-label,.board-header-cell{font-size:.72rem}.card-face-compact{border-radius:12px;width:54px;padding:6px}.card-face:after{border-radius:10px;inset:6px}.card-back-pattern{border-radius:8px;inset:8px}.card-center{font-size:.78rem}.bottom-sheet{width:calc(100vw - 16px);height:116px;max-height:min(80dvh,760px);left:8px;right:8px}.bottom-sheet-open{height:min(80dvh,760px)}.bottom-sheet-preview{grid-template-columns:1fr;align-items:stretch}.board-toast-stack{width:calc(100% - 20px);bottom:10px;left:10px}.top-hud{flex-wrap:wrap}.action-button{padding:11px 8px;font-size:.82rem}.finish-actions,.sheet-stats,.sheet-history-item,.sheet-speed{grid-template-columns:1fr}}