:root{color-scheme:light;font-family:ui-rounded,SF Pro Rounded,Arial Rounded MT Bold,Noto Sans KR,Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:#dff8ff;color:#173341;--ink: #173341;--muted: #5d7680;--water: #22b9ee;--water-dark: #087eb8;--sun: #ffd15d;--coral: #ff596d;--leaf: #60ce76;--violet: #9a69ff;--panel: rgba(255, 255, 255, .88);--panel-strong: #ffffff;--line: rgba(38, 79, 91, .14);--shadow: 0 20px 54px rgba(14, 70, 92, .18)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html{overflow-x:hidden}.overflow-ad-free-root{min-height:100dvh;position:relative;isolation:isolate}.overflow-ad-free-zone{position:relative;isolation:isolate}body{min-height:100dvh;overflow-x:hidden;overflow-y:auto;background:radial-gradient(circle at 18% 10%,rgba(255,209,93,.45),transparent 28%),radial-gradient(circle at 82% 22%,rgba(255,89,109,.26),transparent 28%),linear-gradient(160deg,#e9fbff,#dff8ff,#f9f2ff);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;touch-action:manipulation;-webkit-user-select:text;user-select:text}button{border:0;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}button:focus-visible{outline:3px solid #006b93;outline-offset:3px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.start-screen,.game-shell{min-height:100dvh;width:100%;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) 16px max(18px,env(safe-area-inset-bottom))}.start-screen{align-items:safe center;overflow-y:auto;-webkit-overflow-scrolling:touch}.start-card{position:relative;width:min(100%,420px);min-height:min(700px,calc(100dvh - 36px));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:30px 20px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#fffffff0,#ffffffc7),linear-gradient(135deg,#22b9ee29,#ffd15d29);box-shadow:var(--shadow);text-align:center}.challenge-card{position:relative;width:min(100%,430px);min-height:min(700px,calc(100dvh - 36px));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:30px 20px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#fffffff0,#ffffffc7),linear-gradient(145deg,#ffd15d33,#22b9ee2e 54%,#ff596d1f);box-shadow:var(--shadow);overflow:hidden;text-align:center}.challenge-mark{margin-top:16px;background:#163848}.challenge-eyebrow{color:#0d7fa8;font-size:.82rem;font-weight:950;text-transform:uppercase}.challenge-card h1{width:min(100%,380px);font-size:clamp(2.4rem,8vw,3.55rem);line-height:1;word-break:keep-all}.challenge-copy{width:min(100%,330px);color:#315460;font-size:1rem;font-weight:800;line-height:1.35;word-break:keep-all}.challenge-score{width:min(100%,310px);min-height:104px;display:grid;place-items:center;align-content:safe center;gap:3px;border:1px solid rgba(23,51,65,.12);border-radius:8px;background:#ffffffb8}.challenge-difficulty{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;border:1px solid rgba(23,51,65,.11);border-radius:8px;background:#ffffffb3;color:#315460;font-size:.82rem;font-weight:900}.challenge-difficulty strong{color:#0d7fa8;font-weight:950}.challenge-score span,.challenge-best span{color:var(--muted);font-size:.75rem;font-weight:950;text-transform:uppercase}.challenge-score strong{color:var(--ink);font-size:clamp(3.1rem,15vw,4.8rem);line-height:.9;font-weight:950}.challenge-score em{min-height:28px;display:inline-flex;align-items:center;justify-content:center;padding:0 11px;border-radius:8px;background:#163848;color:#fff;font-size:.86rem;font-style:normal;font-weight:950;white-space:nowrap}.challenge-best{min-width:min(100%,154px);min-height:48px;display:inline-grid;align-content:center;gap:2px;padding:6px 12px;border:1px solid rgba(23,51,65,.11);border-radius:8px;background:#ffffffa8}.challenge-best strong{min-width:0;overflow:hidden;color:var(--ink);font-size:1.18rem;font-weight:950;text-overflow:ellipsis;white-space:nowrap}.challenge-actions{width:min(100%,315px);display:grid;gap:10px;margin-top:4px}.challenge-trophy{position:absolute;right:18px;bottom:18px;width:42px;height:42px;display:grid;place-items:center;border-radius:8px;background:#ffd15db3;color:#62430b}.language-button{position:absolute;top:13px;right:13px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 11px;border:1px solid var(--line);border-radius:8px;background:#ffffffd1;color:#24404a;font-size:.84rem;font-weight:900}.logo-mark{width:78px;height:78px;display:grid;place-items:center;border-radius:8px;background:#1bb7eb;color:#fff;box-shadow:0 12px 28px #1496c447;overflow:hidden}.logo-mark img{width:100%;height:100%;display:block;object-fit:cover}h1,h2,p{margin:0}h1{font-size:clamp(3.45rem,13vw,5.7rem);line-height:.88;letter-spacing:0;color:var(--ink)}.tagline{color:var(--water-dark);font-size:1.2rem;font-weight:800}.rule-stack{width:min(100%,310px);display:grid;gap:9px;margin-top:8px}.rule-stack span{min-height:38px;display:grid;place-items:center;border:1px solid rgba(23,51,65,.11);border-radius:8px;background:#ffffffb8;color:#315460;font-size:.94rem;font-weight:800}.best-score,.score-chip,.phase-chip,.info-chip{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:8px;background:#fffffff0;color:#254c59;font-weight:800}.best-score{min-height:42px;padding:0 14px}.best-score strong{font-size:1.25rem;color:var(--ink)}.difficulty-picker{width:min(100%,315px);display:grid;gap:7px}.difficulty-picker>span{color:var(--muted);font-size:.74rem;font-weight:950;text-transform:uppercase}.difficulty-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:4px;border:1px solid var(--line);border-radius:8px;background:#ffffff9e}.difficulty-option{min-width:0;min-height:44px;border-radius:7px;background:transparent;color:#315460;font-size:.88rem;font-weight:950;letter-spacing:0}.difficulty-option.is-active{background:#163848;color:#fff;box-shadow:0 8px 16px #16384829}.start-actions,.result-actions{width:min(100%,315px);display:grid;gap:10px;margin-top:8px}.primary-button,.secondary-button,.ghost-button{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:8px;font-size:1.02rem;font-weight:900;letter-spacing:0;transition:transform .16s ease,filter .16s ease,background .16s ease}.primary-button{background:#163848;color:#fff;box-shadow:0 14px 26px #16384838}.secondary-button{background:var(--sun);color:#503a08}.ghost-button{min-height:46px;background:#ffffffa3;color:#285565;border:1px solid var(--line)}.primary-button:active,.secondary-button:active,.ghost-button:active,.icon-button:active{transform:translateY(2px) scale(.99)}.game-shell{position:relative;height:100dvh;overflow:hidden;touch-action:none;background:radial-gradient(circle at 16% 8%,rgba(255,209,93,.34),transparent 26%),radial-gradient(circle at 84% 20%,rgba(255,89,109,.18),transparent 27%),linear-gradient(160deg,#e9fbff,#dff8ff 52%,#f9f2ff);align-content:center;justify-items:center;grid-template-rows:auto auto auto;gap:var(--shell-gap);padding:var(--safe-top) var(--ui-edge-x) var(--safe-bottom);--safe-top: max(8px, env(safe-area-inset-top));--safe-bottom: max(10px, env(safe-area-inset-bottom));--ui-edge-x: clamp(10px, 3.2vw, 16px);--ui-edge-y: clamp(8px, 1.65dvh, 14px);--shell-gap: clamp(7px, 1.4dvh, 12px);--hud-gap: clamp(6px, 1.9vw, 9px);--hud-button-size: clamp(42px, 10.2vw, 46px);--hud-icon-size: clamp(15px, 4.5vw, 19px);--hud-chip-height: clamp(34px, 5.2dvh, 44px);--hud-font-size: clamp(.74rem, 2.15vw, .86rem);--hud-reserved-block: calc( var(--hud-button-size) + var(--hud-gap) + var(--hud-chip-height) + var(--hud-gap) + var(--hud-chip-height) - 7px );--bottom-control-block: calc(var(--pour-button-height) + var(--shell-gap));--game-available-block: max( 160px, calc( 100dvh - var(--safe-top) - var(--safe-bottom) - var(--hud-reserved-block) - var(--bottom-control-block) - var(--shell-gap) - var(--shell-gap) ) );--game-inline: min(calc(100vw - var(--ui-edge-x) - var(--ui-edge-x)), calc(var(--game-available-block) * 9 / 16), 460px);--game-block: min(var(--game-available-block), calc((100vw - var(--ui-edge-x) - var(--ui-edge-x)) * 16 / 9), 818px);--game-ui-inline: min(calc(100vw - var(--ui-edge-x) - var(--ui-edge-x)), max(var(--game-inline), 280px), 430px);--pour-control-width: min(var(--game-ui-inline), 360px);--next-button-width: clamp(92px, 29vw, 124px);--pour-button-height: clamp(64px, 10.6dvh, 88px);--pour-gap: clamp(7px, 2.2vw, 11px);--pour-font-size: clamp(1rem, 4.6vw, 1.25rem);--pour-icon-size: clamp(22px, 7vw, 30px);--bottom-edge-y: clamp(12px, 2.8dvh, 24px)}.game-shell:not(.phase-result){-webkit-user-select:none;user-select:none}@media(max-height:520px){.game-shell{align-content:start}}.game-shell.phase-reveal,.game-shell.phase-result{--bottom-control-block: 0px}.game-shell.phase-cupResult{--cup-result-panel-block: clamp(152px, 23dvh, 184px);--bottom-control-block: calc(var(--cup-result-panel-block) + var(--shell-gap));overflow-x:hidden;overflow-y:hidden;touch-action:manipulation;-webkit-overflow-scrolling:touch}.game-shell.phase-result{touch-action:pan-y}.game-shell:after{content:"";grid-column:1;grid-row:3;width:var(--pour-control-width);height:var(--pour-button-height);visibility:hidden;pointer-events:none}.game-shell.phase-reveal:after,.game-shell.phase-result:after{display:none}.game-shell.phase-cupResult:after{display:none}.game-shell.phase-cupResult .cup-result-panel{position:relative;left:auto;bottom:auto;transform:none;width:var(--game-ui-inline);height:min(var(--cup-result-panel-block),calc(100dvh - max(8px,env(safe-area-inset-top)) - 20px));max-height:var(--cup-result-panel-block)}.game-canvas,.canvas-loading{position:relative;grid-column:1;grid-row:2;width:var(--game-inline);height:var(--game-block);display:grid;place-items:center;pointer-events:none}.canvas-loading:before{content:"";width:100%;height:100%;max-width:460px;max-height:818px;border:1px solid rgba(23,51,65,.08);border-radius:8px;background:radial-gradient(circle at 50% 42%,rgba(34,185,238,.18),transparent 28%),linear-gradient(160deg,#e9fbff,#fff1d2);box-shadow:var(--shadow)}.game-canvas canvas{display:block;width:100%!important;height:100%!important;max-width:460px;max-height:818px;border:1px solid rgba(23,51,65,.08);border-radius:8px;box-shadow:var(--shadow)}.game-hud{position:relative;grid-column:1;grid-row:1;z-index:5;width:min(calc(100vw - var(--ui-edge-x) - var(--ui-edge-x)),var(--game-ui-inline));display:flex;flex-direction:column;gap:var(--hud-gap);min-height:var(--hud-reserved-block);pointer-events:auto}.hud-row{display:flex;align-items:center;justify-content:space-between;gap:var(--hud-gap)}.hud-button-group{display:flex;gap:var(--hud-gap)}.icon-button{width:var(--hud-button-size);height:var(--hud-button-size);display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:#fffffff0;color:#254c59}.icon-button svg,.score-chip svg,.phase-chip svg,.info-chip svg{width:var(--hud-icon-size);height:var(--hud-icon-size);flex:0 0 auto}.language-toggle{width:clamp(48px,13.4vw,56px);grid-template-columns:auto auto;gap:clamp(3px,1vw,5px);font-size:clamp(.68rem,2vw,.78rem);font-weight:950}.sound-button{color:#8a4a55}.sound-button.is-on{color:#087f68}.score-chip{min-height:calc(var(--hud-chip-height) - 4px);padding:0 clamp(10px,2.8vw,13px);font-size:var(--hud-font-size)}.phase-chip{min-height:var(--hud-chip-height);justify-content:space-between;padding:0 clamp(11px,3vw,14px);font-size:var(--hud-font-size)}.info-chip{min-height:calc(var(--hud-chip-height) - 7px);justify-content:space-between;padding:0 clamp(10px,2.8vw,13px);color:#285565;font-size:clamp(.74rem,2.15vw,.84rem)}.phase-chip span{flex:1;min-width:0;text-align:left}.phase-chip strong{color:#0c7daa;font-size:clamp(.98rem,3.1vw,1.12rem)}.info-chip span,.info-chip strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-chip strong{color:#0c7daa}.pour-control{position:relative;grid-column:1;grid-row:3;z-index:6;width:var(--pour-control-width);display:grid;grid-template-columns:minmax(0,1fr) var(--next-button-width);gap:var(--pour-gap);pointer-events:none}.pour-button{min-width:0;height:var(--pour-button-height);display:flex;align-items:center;justify-content:center;gap:var(--pour-gap);border:1px solid rgba(255,255,255,.72);border-radius:8px;background:#163848;color:#fff;box-shadow:0 22px 44px #0e3d4e52,inset 0 -10px #00000024;font-size:var(--pour-font-size);font-weight:950;text-transform:uppercase;pointer-events:auto;white-space:nowrap;transition:transform .12s ease,background .12s ease}.pour-button svg,.next-button svg{width:var(--pour-icon-size);height:var(--pour-icon-size);flex:0 0 auto}.pour-button.is-active{transform:translateY(5px) scale(.985);background:#0d8fc2;box-shadow:0 12px 24px #0e3d4e3d,inset 0 -5px #0000001f}.next-button{min-width:0;height:var(--pour-button-height);display:inline-flex;align-items:center;justify-content:center;gap:clamp(6px,1.7vw,8px);border:1px solid rgba(255,255,255,.72);border-radius:8px;background:var(--sun);color:#4f3907;box-shadow:0 18px 34px #664b0d2e,inset 0 -8px #8e650924;font-size:clamp(.88rem,3.7vw,1rem);font-weight:950;letter-spacing:0;pointer-events:auto;white-space:nowrap}.next-button:active{transform:translateY(4px) scale(.99);box-shadow:0 10px 22px #664b0d24,inset 0 -4px #8e65091f}.transient-message{position:fixed;left:50%;bottom:calc(max(var(--bottom-edge-y),env(safe-area-inset-bottom)) + var(--pour-button-height) + var(--pour-gap));z-index:6;transform:translate(-50%);min-height:42px;display:grid;place-items:center;padding:0 16px;border-radius:8px;background:#ffffffe0;color:#24404a;font-weight:900;box-shadow:0 12px 28px #0e465c29}.cup-result-panel{position:relative;grid-column:1;grid-row:3;z-index:8;width:var(--game-ui-inline);max-height:var(--cup-result-panel-block);display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:6px;padding:8px;border:1px solid var(--line);border-radius:8px;background:#fffffff0;box-shadow:var(--shadow);overflow:hidden;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;pointer-events:auto}.cup-result-header{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px}.cup-result-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:#ffcf58;color:#62430b}.cup-result-icon svg{width:18px;height:18px}.cup-result-header p,.cup-result-score span{color:var(--muted);font-size:.68rem;font-weight:900;text-transform:uppercase}.cup-result-header p{display:none}.cup-result-header h2{min-width:0;overflow:hidden;color:var(--ink);font-size:.96rem;line-height:1.05;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.cup-result-header strong{font-size:.76rem;font-weight:950}.cup-result-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;min-height:0;overflow-y:auto;overscroll-behavior:contain}.cup-result-metrics div{min-height:38px;display:grid;align-content:center;gap:2px;padding:5px 4px;border:1px solid var(--line);border-radius:8px;background:#ffffffb8}.cup-result-metrics span{min-width:0;overflow:hidden;color:var(--muted);font-size:.7rem;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.cup-result-metrics strong{min-width:0;overflow:hidden;color:var(--ink);font-size:.76rem;font-weight:950;text-overflow:ellipsis;white-space:nowrap}.cup-result-footer{display:grid;grid-template-columns:74px 1fr;gap:6px}.cup-result-score{min-height:38px;display:grid;place-items:center;align-content:center;border:1px solid var(--line);border-radius:8px;background:#ffffffb8}.cup-result-score strong{color:var(--ink);font-size:.96rem;font-weight:950}.cup-result-score em{color:#0b7ea8;font-size:.7rem;font-style:normal;font-weight:950;line-height:1;white-space:nowrap}.cup-result-panel .primary-button{min-height:38px;padding:0 9px}.result-panel{position:fixed;top:max(86px,calc(env(safe-area-inset-top) + 76px));left:50%;bottom:max(9px,env(safe-area-inset-bottom));z-index:8;width:min(100vw - 24px,430px);max-height:none;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:7px;transform:translate(-50%);padding:10px;border:1px solid var(--line);border-radius:8px;background:#fffffffb;box-shadow:var(--shadow);overflow:hidden;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch}.result-panel-scroll{min-height:0;display:grid;align-content:start;gap:7px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch}.result-header{display:grid;justify-items:center;gap:3px;text-align:center}.result-badge{width:40px;height:40px;display:grid;place-items:center;border-radius:8px;background:#ffcf58;color:#62430b}.result-header p{color:var(--muted);font-size:.74rem;font-weight:900;text-transform:uppercase}.result-header h2{color:var(--ink);font-size:clamp(2.25rem,10.5vw,3.55rem);line-height:.9;letter-spacing:0}.result-panel .result-actions{position:relative;z-index:1;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:0;padding:8px 0 0;border-top:1px solid var(--line);background:#fffffff5}.result-panel .result-actions .primary-button,.result-panel .result-actions .secondary-button,.result-panel .result-actions .ghost-button{min-height:46px;padding:0 10px;font-size:.95rem}.share-fallback{position:static;z-index:2;display:grid;gap:7px;padding:10px;border:1px solid rgba(34,185,238,.28);border-radius:8px;background:#e9fbffd6;box-shadow:0 12px 24px #0e465c24}.share-fallback span{color:#285565;font-size:.78rem;font-weight:900}.share-fallback textarea{width:100%;min-height:74px;resize:none;border:1px solid var(--line);border-radius:8px;padding:9px;background:#ffffffdb;color:var(--ink);font:inherit;font-size:.76rem;font-weight:800;line-height:1.38}.ranking-save{display:grid;gap:6px;padding:8px;border:1px solid rgba(34,185,238,.24);border-radius:8px;background:#e9fbffcc}.ranking-save-header{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:7px}.ranking-save-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#163848;color:#fff}.ranking-save-header strong,.ranking-save-header span,.ranking-input-label,.ranking-save-message{min-width:0}.ranking-save-header strong{display:block;color:var(--ink);font-size:.86rem;font-weight:950}.ranking-save-header span,.ranking-input-label,.ranking-save-message{color:#40606b;font-size:.72rem;font-weight:900}.ranking-input-label{margin-top:2px;text-transform:uppercase}.ranking-input-row{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:8px}.ranking-input-row input{min-width:0;height:44px;border:1px solid var(--line);border-radius:8px;padding:0 11px;background:#ffffffeb;color:var(--ink);font:inherit;font-size:.95rem;font-weight:900}.ranking-input-row input:focus-visible{outline:3px solid #006b93;outline-offset:2px}.ranking-save-button{min-width:0;height:44px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:8px;background:var(--sun);color:#503a08;font-size:.86rem;font-weight:950}.ranking-save-button:disabled{cursor:default;filter:saturate(.72);opacity:.72}.ranking-save-message.is-error{color:#c7263b}.ranking-save-message.is-success{color:#087f68}.leaderboard-panel{width:100%;display:grid;gap:6px;padding:8px;border:1px solid rgba(22,56,72,.13);border-radius:8px;background:#ffffffb8;text-align:left}.leaderboard-header{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px}.leaderboard-icon,.leaderboard-rank{display:grid;place-items:center;border-radius:8px;background:#163848;color:#fff;font-weight:950}.leaderboard-icon{width:30px;height:30px}.leaderboard-header h2{margin:0;overflow:hidden;color:var(--ink);font-size:.86rem;font-weight:950;text-overflow:ellipsis;white-space:nowrap}.leaderboard-header p{margin:1px 0 0;color:var(--muted);font-size:.66rem;font-weight:900}.leaderboard-refresh{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:#ffffffb8;color:#285565}.leaderboard-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.leaderboard-meta span{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:7px;min-height:28px;padding:0 9px;border:1px solid var(--line);border-radius:8px;background:#ffffffa3;color:#5d7680;font-size:.64rem;font-weight:900;text-transform:uppercase}.leaderboard-meta strong{color:var(--ink);font-size:.82rem}.leaderboard-list{max-height:112px;display:grid;gap:5px;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.leaderboard-row{min-height:30px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;padding:5px 8px 5px 5px;border:1px solid rgba(38,79,91,.1);border-radius:8px;background:#ffffffb8}.leaderboard-rank{width:24px;height:24px;justify-self:center;font-size:.72rem}.leaderboard-row strong{min-width:0;overflow:hidden;color:var(--ink);font-size:.86rem;font-weight:950;text-overflow:ellipsis;white-space:nowrap}.leaderboard-row>span:last-child{color:#0b7ea8;font-size:.88rem;font-weight:950}.leaderboard-state{margin:0;padding:9px 8px;color:#40606b;font-size:.8rem;font-weight:900;text-align:center}.leaderboard-state.is-error{color:#c7263b}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.result-stats div,.cup-result{border:1px solid var(--line);border-radius:8px;background:#ffffffbd}.result-stats div{display:grid;gap:3px;padding:7px 6px;text-align:center}.result-stats span,.cup-result small{color:var(--muted);font-size:.72rem;font-weight:900;text-transform:uppercase}.result-stats strong{color:var(--ink);font-size:1.05rem}.cup-results-details{min-height:0;overflow:hidden}.cup-results-details summary{min-height:34px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;background:#ffffffb8;color:#285565;font-size:.78rem;font-weight:950;cursor:pointer}.cup-results-details[open]{display:grid;gap:6px}.cup-results{display:grid;gap:6px;max-height:150px;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.cup-result{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:56px;padding:9px 11px}.cup-result>div:first-child{min-width:0;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:8px}.cup-result strong{min-width:0;overflow:hidden;color:var(--ink);font-size:.96rem;text-overflow:ellipsis;white-space:nowrap}.cup-result small{grid-column:2}.cup-index{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:#163848;color:#fff;font-size:.82rem;font-weight:900}.result-numbers{display:grid;justify-items:end;gap:2px;flex:0 0 auto}.result-numbers span{color:#40606b;font-size:.8rem;font-weight:900}.result-numbers em{color:#0b7ea8;font-size:.74rem;font-style:normal;font-weight:900;white-space:nowrap}.result-numbers strong{font-size:1rem}.is-perfect{color:#805300!important}.is-edge{color:#006b5d!important}.is-overflow{color:#c7263b!important}.is-great{color:#496cd2!important}.is-good{color:#35834a!important}.is-safe{color:#657781!important}@media(min-width:760px){.start-screen{padding:24px}}@media(max-width:759px)and (max-height:640px){.start-screen{align-items:start;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom))}.start-card,.challenge-card{min-height:auto;gap:10px;padding:18px 16px}.language-button{top:12px;right:12px;min-height:34px;padding:0 10px}.logo-mark{width:62px;height:62px}h1,.challenge-card h1{font-size:clamp(2.25rem,12vw,3.2rem)}.tagline,.challenge-copy{font-size:.92rem}.rule-stack{gap:6px;margin-top:2px}.rule-stack span,.best-score,.difficulty-picker,.challenge-difficulty{min-height:34px}.challenge-score{min-height:82px}.start-actions,.challenge-actions{gap:8px;margin-top:4px}.primary-button,.secondary-button,.ghost-button{min-height:46px}}@media(max-height:560px){.game-shell{--safe-top: max(6px, env(safe-area-inset-top));--safe-bottom: max(6px, env(safe-area-inset-bottom));--shell-gap: 5px;--hud-gap: 5px;--hud-button-size: clamp(32px, 9.4vw, 38px);--hud-chip-height: clamp(29px, 5.2dvh, 34px);--hud-font-size: .72rem;--pour-button-height: clamp(50px, 10dvh, 62px);--pour-font-size: .95rem;--pour-icon-size: 21px;--game-available-block: max( 120px, calc( 100dvh - var(--safe-top) - var(--safe-bottom) - var(--hud-reserved-block) - var(--bottom-control-block) - var(--shell-gap) - var(--shell-gap) ) )}.game-shell.phase-cupResult{--cup-result-panel-block: clamp(142px, 30dvh, 156px)}.cup-result-panel{gap:4px;padding:6px}.result-panel .result-actions,.share-fallback{position:static}.result-panel .result-actions{padding:8px 0 0}}@media(min-width:760px)and (max-height:760px){.start-card{gap:10px;padding:20px}.logo-mark{width:68px;height:68px}h1{font-size:clamp(3.3rem,7vw,4.9rem)}.tagline{font-size:1.05rem}.rule-stack{gap:6px;margin-top:2px}.rule-stack span{min-height:33px}.best-score{min-height:36px}.difficulty-picker{gap:5px}.difficulty-option{min-height:32px}.start-actions{gap:8px;margin-top:4px}.primary-button,.secondary-button{min-height:48px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}