:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f7f6f3;--color-surface:#fff;--color-board:#d8d3cc;--color-border:#2a26200f;--color-text-primary:#2a2620;--color-text-secondary:#8a8378;--color-accent:#4f8ef7;--color-wildcard:#f0c419;--tile-green:#a9d8b8;--tile-blue:#a8c8f0;--tile-yellow:#f0dfa0;--tile-red:#e8a8a0;--shadow-elevation-1:0 1px 2px #2a26200d, 0 2px 6px #2a26200f;--shadow-elevation-2:0 2px 4px #2a26200f, 0 6px 16px #2a26201a;--sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{background:var(--color-bg);height:100%;color:var(--color-text-primary);overscroll-behavior:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;margin:0}#app{flex-direction:column;width:100%;max-width:640px;height:100dvh;margin:0 auto;display:flex;overflow:hidden}#app[hidden],#start-menu[hidden],#tutorial-overlay[hidden],#settings-overlay[hidden],#settings-button[hidden],#win-overlay[hidden],#custom-board-overlay[hidden],#marketing-overlay[hidden],#marketing-stage-chrome[hidden],#marketing-candidate-row[hidden],#marketing-controls[hidden],.settings-section[hidden]{display:none}#top-bar{padding:max(16px, env(safe-area-inset-top)) 154px 12px 64px;flex:none;justify-content:center;gap:14px;display:flex;position:relative}.menu-button,.help-button,.settings-button,.undo-button{top:max(16px, env(safe-area-inset-top));border:1px solid var(--color-border);background:var(--color-surface);width:36px;height:36px;box-shadow:var(--shadow-elevation-1);color:var(--color-text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-family:inherit;font-size:15px;font-weight:700;display:flex;position:absolute;right:20px}.settings-button{font-size:17px;right:64px}.menu-button{font-size:17px;left:20px;right:auto}.undo-button{font-size:17px;right:108px}.undo-button:disabled{opacity:.35;cursor:default}.score-block{background:var(--color-surface);border:1px solid var(--color-border);min-width:0;max-width:220px;box-shadow:var(--shadow-elevation-1);border-radius:18px;flex-direction:column;flex:1 1 0;align-items:center;gap:3px;padding:12px 18px;display:flex}.score-label{letter-spacing:.07em;text-transform:uppercase;color:var(--color-text-secondary);font-size:12px;font-weight:600}.score-value{font-variant-numeric:tabular-nums;color:var(--color-text-primary);font-size:clamp(22px,6vw,30px);font-weight:700;transition:transform .15s}.score-value.pulse{animation:.5s score-pulse}@keyframes score-pulse{0%{color:var(--color-accent);transform:scale(1.16)}to{color:var(--color-text-primary);transform:scale(1)}}.progress-row{flex:none;align-items:center;gap:10px;padding:0 20px 12px;display:flex}.progress-bar{background:var(--color-board);border-radius:4px;flex:auto;height:8px;overflow:hidden}.progress-fill{background:var(--color-accent);border-radius:4px;width:0%;height:100%;transition:width .3s}.progress-label{font-variant-numeric:tabular-nums;color:var(--color-text-secondary);white-space:nowrap;flex:none;font-size:12px;font-weight:600}#board-container{flex:auto;width:100%;min-height:0;display:block;position:relative}#board-container canvas{touch-action:none;display:block}#bottom-bar{padding:12px 20px max(20px, env(safe-area-inset-bottom));flex-direction:column;flex:none;align-items:center;gap:8px;display:flex}.candidates-label{letter-spacing:.07em;text-transform:uppercase;color:var(--color-text-secondary);font-size:13px;font-weight:600}.candidates-group{justify-content:center;align-items:center;gap:16px;display:flex}.candidate-tile{background:var(--color-surface);border:1px solid var(--color-border);min-width:56px;box-shadow:var(--shadow-elevation-2);color:var(--color-text-primary);text-align:center;font-variant-numeric:tabular-nums;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;will-change:transform;border-radius:16px;padding:12px 18px;font-size:22px;font-weight:700;transition:box-shadow .15s}.candidate-tile.pop{animation:.2s candidate-pop}.candidate-tile.dragging{cursor:grabbing;box-shadow:0 10px 24px #2a26202e}.candidate-tile.selected{box-shadow:0 0 0 3px #4f8ef759, var(--shadow-elevation-2)}.candidate-tile.wildcard{background-blend-mode:overlay;background-image:conic-gradient(#a9d8b8,#a8c8f0,#f0dfa0,#e8a8a0,#a9d8b8);animation:1.1s ease-in-out infinite wildcard-pulse}.candidate-tile.wildcard.selected{animation:1.1s ease-in-out infinite wildcard-pulse-selected}@keyframes wildcard-pulse{0%,to{box-shadow:0 0 0 3px var(--color-wildcard), var(--shadow-elevation-2)}50%{box-shadow:0 0 0 6px var(--color-wildcard), var(--shadow-elevation-2)}}@keyframes wildcard-pulse-selected{0%,to{box-shadow:0 0 0 3px var(--color-wildcard), 0 0 0 6px #4f8ef759, var(--shadow-elevation-2)}50%{box-shadow:0 0 0 6px var(--color-wildcard), 0 0 0 9px #4f8ef759, var(--shadow-elevation-2)}}@keyframes candidate-pop{0%{transform:scale(.7)}to{transform:scale(1)}}#start-menu{min-height:100dvh;padding:24px 20px max(24px, env(safe-area-inset-bottom));background:radial-gradient(480px circle at 8% 6%, color-mix(in srgb, var(--tile-blue) 38%, transparent), transparent 65%), radial-gradient(420px circle at 95% 12%, color-mix(in srgb, var(--tile-red) 32%, transparent), transparent 65%), radial-gradient(520px circle at 88% 96%, color-mix(in srgb, var(--tile-green) 34%, transparent), transparent 65%), radial-gradient(420px circle at 4% 92%, color-mix(in srgb, var(--tile-yellow) 36%, transparent), transparent 65%), var(--color-bg);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.menu-decor{z-index:0;pointer-events:none;position:absolute;inset:0}.menu-decor-tile{width:40px;height:40px;color:var(--color-text-primary);opacity:.55;box-shadow:var(--shadow-elevation-1);border-radius:12px;justify-content:center;align-items:center;font-family:inherit;font-size:15px;font-weight:800;display:flex;position:absolute}.menu-decor-tile--green{background:var(--tile-green)}.menu-decor-tile--blue{background:var(--tile-blue)}.menu-decor-tile--yellow{background:var(--tile-yellow)}.menu-decor-tile--red{background:var(--tile-red)}.menu-decor-tile:first-child{width:46px;height:46px;font-size:17px;top:10%;left:12%}.menu-decor-tile:nth-child(2){top:16%;right:10%}.menu-decor-tile:nth-child(3){width:34px;height:34px;font-size:13px;top:46%;left:6%}.menu-decor-tile:nth-child(4){width:50px;height:50px;font-size:18px;bottom:22%;right:8%}.menu-decor-tile:nth-child(5){bottom:14%;left:16%}.menu-decor-tile:nth-child(6){width:34px;height:34px;font-size:13px;top:55%;right:5%}@media (prefers-reduced-motion:no-preference){.menu-decor-tile:first-child{animation:7s ease-in-out infinite menu-tile-float}.menu-decor-tile:nth-child(2){animation:8.5s ease-in-out .6s infinite menu-tile-float}.menu-decor-tile:nth-child(3){animation:6.5s ease-in-out 1.2s infinite menu-tile-float}.menu-decor-tile:nth-child(4){animation:9s ease-in-out .3s infinite menu-tile-float}.menu-decor-tile:nth-child(5){animation:7.5s ease-in-out 1.6s infinite menu-tile-float}.menu-decor-tile:nth-child(6){animation:8s ease-in-out 2s infinite menu-tile-float}}@keyframes menu-tile-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-14px)rotate(-6deg)}}.menu-card{z-index:1;background:var(--color-surface);border:1px solid var(--color-border);width:100%;max-width:420px;box-shadow:var(--shadow-elevation-2);border-radius:24px;flex-direction:column;align-items:center;gap:18px;padding:32px 24px 28px;display:flex;position:relative;overflow:hidden}.menu-card:before{content:"";background:linear-gradient(90deg, var(--tile-green), var(--tile-blue), var(--tile-yellow), var(--tile-red));height:6px;position:absolute;top:0;left:0;right:0}@media (prefers-reduced-motion:no-preference){.menu-card{animation:.5s cubic-bezier(.2,.8,.3,1) both menu-card-rise}}@keyframes menu-card-rise{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.menu-logo-wrap{justify-content:center;align-items:center;display:flex;position:relative}.menu-logo-wrap:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--color-wildcard) 55%, transparent), transparent 70%);z-index:-1;border-radius:26px;position:absolute;inset:-14px}@media (prefers-reduced-motion:no-preference){.menu-logo-wrap:before{animation:3.2s ease-in-out infinite menu-logo-glow}}@keyframes menu-logo-glow{0%,to{opacity:.6;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}.menu-logo{width:72px;height:72px;box-shadow:var(--shadow-elevation-1);border-radius:18px}.menu-title{letter-spacing:-.01em;color:var(--color-text-primary);background:linear-gradient(90deg, #4f9d6d 0%, var(--color-accent) 38%, #c9834a 68%, #cf6b63 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:34px;font-weight:800}.menu-subtitle{color:var(--color-text-secondary);text-align:center;margin:-10px 0 0;font-size:14px}.menu-primary-button{background:var(--color-accent);color:#fff;cursor:pointer;width:100%;box-shadow:var(--shadow-elevation-2);border:none;border-radius:16px;padding:14px;font-family:inherit;font-size:16px;font-weight:700;transition:transform .1s}.menu-primary-button:active{transform:scale(.98)}.menu-secondary-button{border:1px solid var(--color-accent);width:100%;color:var(--color-accent);cursor:pointer;background:0 0;border-radius:16px;padding:12px;font-family:inherit;font-size:14px;font-weight:700;transition:transform .1s}.menu-secondary-button:active{transform:scale(.98)}.daily-challenge-date{opacity:.7;margin-left:6px;font-size:12px;font-weight:600}.dev-button{color:#c9834a;cursor:pointer;background:0 0;border:1px dashed #c9834a;border-radius:10px;width:100%;margin-top:10px;padding:8px;font-family:inherit;font-size:12px;font-weight:700}.menu-settings-button{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:20px;position:absolute;top:20px;right:20px}.grid-size-options{grid-template-columns:repeat(2,1fr);gap:12px;width:100%;display:grid}.grid-size-option{border:1.5px solid var(--color-border);background:var(--color-bg);cursor:pointer;border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:16px 10px;font-family:inherit;transition:border-color .15s,box-shadow .15s,transform .1s;display:flex}.grid-size-option:hover{transform:translateY(-1px)}.grid-size-option.selected{border-color:var(--color-accent);background:var(--color-surface);box-shadow:0 0 0 3px #4f8ef729}.grid-preview{gap:2px;width:56px;height:56px;display:grid}.grid-preview-cell{background:var(--color-board);border-radius:3px}.grid-size-option.selected .grid-preview-cell{background:var(--color-accent);opacity:.4}.grid-size-label{color:var(--color-text-primary);font-size:13px;font-weight:700}.grid-size-best{font-variant-numeric:tabular-nums;color:var(--color-text-secondary);font-size:11px;font-weight:600}.how-to-play-toggle{color:var(--color-accent);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-family:inherit;font-size:13px;font-weight:600}.how-to-play{background:var(--color-bg);border:1px solid var(--color-border);width:100%;max-height:45vh;color:var(--color-text-secondary);border-radius:14px;padding:14px 16px;font-size:13px;line-height:1.5;overflow-y:auto}.how-to-play-interactive{border:1px dashed var(--color-accent);width:100%;color:var(--color-accent);text-align:center;cursor:pointer;background:0 0;border-radius:10px;margin:0 0 12px;padding:10px 12px;font-family:inherit;font-size:13px;font-weight:600;display:block}.how-to-play h2{color:var(--color-text-primary);margin:12px 0 6px;font-size:13px}.how-to-play h2:first-of-type{margin-top:0}.how-to-play ul{flex-direction:column;gap:4px;margin:0;padding-left:18px;display:flex}.tutorial-overlay{z-index:1000;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.tutorial-scrim{background:#14120f99;position:absolute;inset:0}.tutorial-panel{background:var(--color-surface);width:100%;max-width:340px;box-shadow:var(--shadow-elevation-2);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:4px;padding:18px 20px 20px;display:flex;position:relative}.tutorial-progress{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary);margin:0;font-size:11px;font-weight:700}.tutorial-title{color:var(--color-text-primary);margin:0;font-size:17px;font-weight:700}.tutorial-body{color:var(--color-text-secondary);margin:0 0 8px;font-size:13px;line-height:1.45}.tutorial-board-container{border-radius:14px;width:100%;height:220px;position:relative;overflow:hidden}.tutorial-board-container canvas{touch-action:none;display:block}.tutorial-candidate-row{justify-content:center;align-items:center;gap:16px;margin:12px 0 4px;display:flex}.tutorial-skip{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:6px 4px;font-family:inherit;font-size:13px;font-weight:600}.settings-overlay{z-index:1000;justify-content:center;align-items:center;padding:24px 20px;display:flex;position:fixed;inset:0}.settings-scrim{background:#14120f99;position:absolute;inset:0}.settings-panel{background:var(--color-surface);width:100%;max-width:360px;max-height:85vh;box-shadow:var(--shadow-elevation-2);border-radius:20px;flex-direction:column;gap:16px;padding:22px 22px 18px;display:flex;position:relative;overflow-y:auto}.settings-title{color:var(--color-text-primary);margin:0;font-size:16px;font-weight:700}.settings-section{border-bottom:1px solid var(--color-border);flex-direction:column;gap:10px;padding-bottom:14px;display:flex}.settings-section:last-of-type{border-bottom:none;padding-bottom:0}.settings-section-title{letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-secondary);margin:0;font-size:12px;font-weight:700}.settings-toggle-row{color:var(--color-text-primary);cursor:pointer;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;display:flex}.settings-toggle-row input[type=checkbox]{cursor:pointer;width:40px;height:24px;accent-color:var(--color-accent)}.settings-about-text{color:var(--color-text-secondary);margin:0;font-size:13px}.settings-version{color:var(--color-text-secondary);opacity:.7;margin:0;font-size:12px}.settings-profile{align-items:center;gap:12px;display:flex}.settings-avatar{object-fit:cover;background:var(--color-board);border-radius:50%;width:44px;height:44px}.settings-profile-text{flex-direction:column;gap:2px;display:flex}.settings-status{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-secondary);margin:0;font-size:12px;font-weight:600}.settings-player-name{color:var(--color-text-primary);margin:0;font-size:15px;font-weight:700}.settings-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.settings-action{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text-primary);cursor:pointer;border-radius:12px;padding:10px 8px;font-family:inherit;font-size:13px;font-weight:700}.settings-sign-in{background:var(--color-accent);border-color:var(--color-accent);color:#fff;grid-column:1/-1}.settings-sign-out{grid-column:1/-1}.settings-close{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;align-self:center;padding:4px 8px;font-family:inherit;font-size:13px;font-weight:600}.custom-board-overlay{z-index:1300;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.custom-board-scrim{background:#14120fb3;position:absolute;inset:0}.custom-board-panel{background:var(--color-surface);border:2px dashed #c9834a;border-radius:16px;flex-direction:column;gap:12px;width:100%;max-width:480px;max-height:90vh;padding:18px 18px 16px;display:flex;position:relative;overflow-y:auto}.custom-board-title{color:var(--color-text-primary);align-items:center;gap:8px;margin:0;font-size:16px;font-weight:700;display:flex}.custom-board-badge{letter-spacing:.05em;color:#fff;background:#c9834a;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:800}.custom-board-subtitle{letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-secondary);margin:0;font-size:12px;font-weight:700}.custom-board-setup{color:var(--color-text-secondary);flex-wrap:wrap;align-items:end;gap:10px;font-size:12px;font-weight:600;display:flex}.custom-board-setup label{flex-direction:column;gap:3px;display:flex}.custom-board-setup input[type=number]{width:56px}.custom-board-setup input,.custom-board-setup select{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text-primary);border-radius:8px;padding:6px 8px;font-family:inherit;font-size:13px}.custom-board-generate{border:1px solid var(--color-accent);color:var(--color-accent);cursor:pointer;background:0 0;border-radius:8px;padding:7px 10px;font-family:inherit;font-size:12px;font-weight:700}.custom-board-hint{color:var(--color-text-secondary);margin:0;font-size:11px}.custom-board-grid{gap:6px;display:grid}.custom-board-cell{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;flex-direction:column;gap:3px;padding:4px;display:flex}.custom-board-cell input,.custom-board-cell select{text-align:center;width:100%;min-width:0;color:var(--color-text-primary);background:0 0;border:none;font-family:inherit;font-size:11px}.custom-board-candidates{flex-wrap:wrap;gap:10px;display:flex}.custom-board-candidate{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:8px;font-size:11px;font-weight:700;display:flex}.custom-board-candidate input{text-align:center;border:1px solid var(--color-border);background:var(--color-surface);width:52px;color:var(--color-text-primary);border-radius:6px;padding:5px;font-family:inherit;font-size:13px}.custom-board-candidate select{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary);border-radius:6px;padding:3px;font-family:inherit;font-size:11px}.custom-board-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.custom-board-launch{color:#fff;cursor:pointer;background:#c9834a;border:none;border-radius:10px;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:700}.custom-board-close{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:9px 8px;font-family:inherit;font-size:13px;font-weight:600}.marketing-overlay{z-index:1200;background:var(--color-bg);flex-direction:column;display:flex;position:fixed;inset:0}.marketing-stage{background:var(--color-bg);flex-direction:column;flex:auto;min-height:260px;display:flex;position:relative;overflow:hidden}.marketing-stage-chrome{padding:max(14px, env(safe-area-inset-top)) 16px 8px;flex:none;justify-content:space-between;align-items:center;gap:10px;display:flex}.marketing-score-block{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-elevation-1);border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:8px 16px;display:flex}.marketing-score-label{letter-spacing:.07em;text-transform:uppercase;color:var(--color-text-secondary);font-size:10px;font-weight:700}.marketing-score-value{color:var(--color-text-primary);font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.marketing-daily-badge{background:var(--color-accent);color:#fff;letter-spacing:.03em;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:800}.marketing-board-container{flex:auto;width:100%;min-height:0;position:relative}.marketing-board-container canvas{touch-action:none;display:block}.marketing-candidate-row{padding:10px 16px max(14px, env(safe-area-inset-bottom));flex:none;justify-content:center;align-items:center;gap:16px;display:flex}.marketing-controls{background:var(--color-surface);border-top:2px dashed #c9834a;flex-direction:column;flex:none;gap:16px;max-height:44vh;padding:14px 16px;display:flex;overflow-y:auto}.marketing-section{border-bottom:1px solid var(--color-border);flex-direction:column;gap:8px;padding-bottom:12px;display:flex}.marketing-section:last-child{border-bottom:none;padding-bottom:0}.marketing-section-title{letter-spacing:.06em;text-transform:uppercase;color:#c9834a;margin:0;font-size:11px;font-weight:800}.marketing-hero-select{border:1px solid var(--color-border);background:var(--color-bg);width:100%;color:var(--color-text-primary);border-radius:8px;padding:8px 10px;font-family:inherit;font-size:13px}.marketing-scene-info{color:var(--color-text-secondary);margin:0;font-size:11px;line-height:1.4}.marketing-hint{color:var(--color-text-secondary);margin:0;font-size:11px}.marketing-button-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;display:grid}.marketing-action{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text-primary);cursor:pointer;border-radius:10px;padding:9px 8px;font-family:inherit;font-size:12px;font-weight:700}.marketing-action:active{transform:scale(.97)}.marketing-toggle-row{color:var(--color-text-primary);cursor:pointer;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;display:flex}.marketing-toggle-row input[type=checkbox]{cursor:pointer;width:36px;height:22px;accent-color:var(--color-accent)}.marketing-slider-row{flex-direction:column;gap:3px;display:flex}.marketing-slider-label-row{color:var(--color-text-secondary);justify-content:space-between;font-size:12px;font-weight:600;display:flex}.marketing-slider-readout{font-variant-numeric:tabular-nums;color:var(--color-text-primary)}.marketing-slider-row input[type=range]{accent-color:#c9834a;width:100%}.marketing-inline-inputs{gap:8px;display:flex}.marketing-inline-inputs input{border:1px solid var(--color-border);background:var(--color-bg);min-width:0;color:var(--color-text-primary);border-radius:8px;flex:1 1 0;padding:7px 8px;font-family:inherit;font-size:12px}.marketing-close{top:max(14px, env(safe-area-inset-top));z-index:1;color:#fff;cursor:pointer;background:#14120fb3;border:none;border-radius:999px;padding:8px 14px;font-family:inherit;font-size:12px;font-weight:700;position:absolute;right:16px}.marketing-hide-indicator{z-index:1;color:#fff;font-variant-numeric:tabular-nums;cursor:pointer;background:#14120f8c;border:none;border-radius:999px;min-width:30px;padding:7px 10px;font-family:inherit;font-size:13px;font-weight:700;position:absolute;bottom:14px;right:14px}.win-overlay{z-index:1000;justify-content:center;align-items:center;padding:24px 20px;display:flex;position:fixed;inset:0}.win-scrim{background:#14120fa6;position:absolute;inset:0}.win-panel{background:var(--color-surface);width:100%;max-width:360px;box-shadow:var(--shadow-elevation-2);text-align:center;border-radius:24px;flex-direction:column;align-items:center;gap:6px;padding:32px 26px 26px;display:flex;position:relative}.win-panel.bounce-in{animation:.42s cubic-bezier(.34,1.56,.64,1) win-panel-bounce-in}@keyframes win-panel-bounce-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.win-scrim.fade-in{animation:.22s ease-out win-scrim-fade-in}@keyframes win-scrim-fade-in{0%{opacity:0}to{opacity:1}}.win-title{color:var(--color-text-primary);margin:0;font-size:24px;font-weight:700}.win-subtitle{color:var(--color-text-secondary);margin:0 0 14px;font-size:14px}.win-stats{grid-template-columns:repeat(2,1fr);gap:8px;width:100%;margin-bottom:14px;display:grid}.win-stat{background:var(--color-bg);border-radius:12px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.win-stat-label{letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-secondary);font-size:10px;font-weight:700}.win-stat-value{font-variant-numeric:tabular-nums;color:var(--color-text-primary);font-size:15px;font-weight:700}.win-best-stat{align-items:center;width:100%;margin:6px 0 22px}.win-score-label{letter-spacing:.07em;text-transform:uppercase;color:var(--color-text-secondary);margin:0;font-size:12px;font-weight:600}.win-score-value{font-variant-numeric:tabular-nums;color:var(--color-accent);margin:2px 0 10px;font-size:40px;font-weight:700}.win-actions{flex-direction:column;gap:10px;width:100%;display:flex}.win-play-again,.win-keep-playing{cursor:pointer;border-radius:14px;padding:12px;font-family:inherit;font-size:15px;font-weight:700}.win-play-again{background:var(--color-accent);color:#fff;border:none}.win-keep-playing{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text-primary)}@media (width>=720px){#app{max-width:720px;padding:16px 0}.score-block{padding:16px 22px}}