:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ecedee;background-color:#0d1821;--bg: #0d1821;--panel: #101e2a;--panel-2: rgba(16, 30, 42, .9);--text: #ecedee;--muted: #9ba1a6;--border: rgba(255, 255, 255, .1);--accent-primary: #f03f69;--accent-gradient-start: #fc5a5a;--accent-gradient-end: #ea309e;--accent-error: #ff4d4d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--accent-primary);text-decoration:inherit}a:hover{color:var(--accent-gradient-start)}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;min-height:100%;overflow-x:hidden;overflow-y:auto;background-color:var(--bg)}#app{width:100vw;min-height:100vh;display:flex;justify-content:center;align-items:stretch}.index-page{position:relative;width:100%;min-height:100vh;display:flex;flex-direction:column;flex:1}.index-hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 70% at 50% 40%,rgba(22,35,48,.95) 0%,var(--bg) 100%);z-index:0}.index-hero-overlay{position:absolute;inset:0;background:#00000040;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1}.index-container{position:relative;z-index:2;width:100%;max-width:1100px;margin:0 auto;padding:2rem 2rem 0;text-align:center;display:flex;flex-direction:column;gap:2rem;flex:1;min-height:0;box-sizing:border-box}.index-center{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;animation:index-center-in .5s ease-out both}@keyframes index-center-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.index-join-btn{display:inline-flex;align-items:center;justify-content:center;font-size:1.125rem;font-weight:700;padding:0 2rem;min-height:56px;border-radius:42px;background:linear-gradient(135deg,var(--accent-gradient-start) 0%,var(--accent-gradient-end) 100%);color:#fff;text-decoration:none;box-shadow:0 4px 20px #fc5a5a59;transition:transform .2s,box-shadow .2s}.index-join-btn:hover{transform:scale(1.02);box-shadow:0 6px 28px #fc5a5a73}.index-join-btn:active{transform:scale(.98)}.index-games-title{font-size:1.5rem;margin:0 0 1rem;padding:0 12px;color:#fff;font-weight:600;box-sizing:border-box}.games-list-wrapper{margin-top:auto;width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;background:#0000004d;padding:16px 0}.games-list{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;gap:12px;width:100%;min-width:0;padding:8px 0 16px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;box-sizing:border-box}.games-list::-webkit-scrollbar{display:none}.games-list:before,.games-list:after{content:"";flex:0 0 12px}.game-card{position:relative;background-color:var(--panel);border:2px solid var(--border);border-radius:20px;padding:2rem;width:280px;min-width:280px;max-width:280px;min-height:200px;flex-shrink:0;transition:transform .2s,box-shadow .2s}.game-card:hover{transform:translateY(-4px);box-shadow:0 10px 28px #00000073}.game-card--coming-soon{opacity:.85}.game-card--coming-soon:hover{transform:none;box-shadow:none}.game-card .game-badge{position:absolute;top:.5rem;right:.5rem;display:inline-block;padding:.2rem .5rem;border-radius:999px;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin:0}.game-badge--coming-soon{background:var(--muted);color:var(--bg)}.btn--disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.index-page .game-name{font-size:1.35rem;margin:0 0 .35rem;color:#fff}.index-page .game-description{font-size:.75rem;line-height:1.3;color:var(--muted);margin:0 0 .85rem}.game-name{font-size:2rem;margin:0 0 .5rem;color:#fff}.game-description{font-size:.8125rem;line-height:1.35;color:var(--muted);margin:0 0 1rem}.game-actions{display:flex;gap:1rem;justify-content:center}.coming-soon-page{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.coming-soon-message{color:var(--muted);margin:0}.btn{padding:.75rem 2rem;border-radius:42px;text-decoration:none;font-weight:700;font-size:1rem;transition:all .2s;display:inline-block;border:none;cursor:pointer}.btn-host{background:linear-gradient(135deg,var(--accent-gradient-start) 0%,var(--accent-gradient-end) 100%);color:#fff;box-shadow:0 4px 20px #fc5a5a47}.btn-host:hover:not(:disabled){color:#fff;transform:translateY(-2px);box-shadow:0 6px 30px #fc5a5a61}.btn-host:active:not(:disabled){transform:translateY(0)}.btn-join{background:var(--accent-primary);color:#fff;box-shadow:0 4px 20px #f03f694d}.btn-join:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 30px #f03f6966}.btn-join:active:not(:disabled){transform:translateY(0)}#join-btn{width:fit-content;color:#fff;background:linear-gradient(135deg,var(--accent-gradient-start) 0%,var(--accent-gradient-end) 100%);border-radius:42px}#join-btn .btn-content{color:#fff;font-size:32px}.shake-btn-primary{width:fit-content;color:#fff;background:linear-gradient(135deg,var(--accent-gradient-start) 0%,var(--accent-gradient-end) 100%);border-radius:42px;box-shadow:none}.shake-btn-primary .btn-content{color:#fff;font-size:32px}.shake-btn-primary:hover:not(:disabled){filter:brightness(1.05)}.shake-btn-primary:active:not(:disabled){filter:brightness(.98)}.shake-btn-primary:disabled{opacity:.7;cursor:not-allowed}.btn-camera-link{margin-top:.75rem;background:none;color:var(--muted);font-size:.95rem;text-decoration:underline;box-shadow:none;border:none}.btn-camera-link:hover{color:var(--accent-primary);transform:none}.no-games{color:var(--muted);font-size:1.5rem}canvas{display:block;max-width:100%;max-height:100%;object-fit:contain}.logo{display:inline-block;padding:1rem 1.5rem;will-change:filter;transition:filter .3s;margin-bottom:.5rem}.logo-img{display:block;height:4.5rem;width:auto;max-width:280px;object-fit:contain}.logo:hover{filter:drop-shadow(0 0 2em rgba(240,63,105,.5))}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #3178c6aa)}.card{padding:2em}.read-the-docs{color:var(--muted)}button{border-radius:42px;border:1px solid var(--border);padding:.6em 1.2em;font-size:1em;font-weight:600;font-family:inherit;background-color:var(--panel);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--accent-primary)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.auth-container{width:100%;max-width:400px;padding:2rem;text-align:center}.auth-title{font-size:2.5rem;margin-bottom:2rem;color:#fff}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem;text-align:left}.form-group label{color:var(--text);font-size:.9rem;font-weight:500}.form-input{padding:.75rem;border-radius:12px;border:2px solid var(--border);background-color:var(--panel);color:var(--text);font-size:1rem;font-family:inherit;transition:border-color .2s}.form-input:focus{outline:none;border-color:var(--accent-primary)}.form-input::placeholder{color:var(--muted)}#start-amount,#max-amount-input,#sek-per-shake{width:100%;background-color:var(--panel);border-color:var(--border)}.btn-submit{background:linear-gradient(135deg,var(--accent-gradient-start) 0%,var(--accent-gradient-end) 100%);color:#fff;padding:.75rem 2rem;border:none;font-weight:700;margin-top:.5rem}.btn-submit:hover{filter:brightness(.98)}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.btn-toggle{background-color:transparent;color:var(--muted);padding:.5rem 1rem;border:1px solid var(--border);font-weight:400;font-size:.9rem}.btn-toggle:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.auth-divider{display:flex;align-items:center;text-align:center;margin:1rem 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid var(--border)}.auth-divider span{padding:0 1rem;color:var(--muted);font-size:.9rem}.btn-guest{background-color:transparent;color:var(--muted);padding:.75rem 2rem;border:2px solid var(--border);font-weight:500;transition:all .2s}.btn-guest:hover:not(:disabled){border-color:var(--accent-primary);color:var(--text);background-color:#ffffff0d}.btn-guest:disabled{opacity:.6;cursor:not-allowed}.error-message{color:var(--accent-error);font-size:.9rem;padding:.5rem;background-color:#ff4d4d1a;border-radius:6px;border:1px solid rgba(255,77,77,.3)}.page-container{width:100%;max-width:600px;padding:2rem;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-header{text-align:center;margin-bottom:2.5rem}.page-subtitle{color:var(--muted);font-size:1rem;margin-top:.5rem;font-weight:400;text-align:center}.card{background-color:var(--panel);background-image:none;border:1px solid var(--border);border-radius:20px;padding:2rem;margin-bottom:1.5rem;box-shadow:none;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-2px);box-shadow:none}.host-container{text-align:center}.host-container.page-container{display:flex;flex-direction:column;justify-content:center;min-height:100%}.host-title{font-size:2.5rem;margin-bottom:.5rem;color:#fff;font-weight:700;background:linear-gradient(135deg,var(--accent-gradient-start) 0%,var(--accent-gradient-end) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.host-form{display:flex;flex-direction:column;gap:1.5rem;align-items:stretch}.form-label{display:flex;align-items:center;gap:.5rem;color:var(--text);font-size:1rem;font-weight:600;margin-bottom:0}.label-icon{font-size:1.25rem}.input-wrapper{position:relative}.host-input{width:100%;text-align:center;font-size:2rem;font-weight:700;padding:1rem;min-height:60px;background:var(--panel);border:2px solid var(--border);border-radius:12px;color:var(--text);transition:all .2s}.host-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 4px #f03f691f;background:var(--panel)}.input-hint{color:var(--muted);font-size:.85rem;margin-top:.5rem;text-align:center}.join-container{text-align:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.join-title{font-size:2.5rem;margin-bottom:.5rem;color:#fff;font-weight:700;background:linear-gradient(135deg,var(--accent-gradient-start) 0%,var(--accent-gradient-end) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.join-form{display:flex;flex-direction:column;gap:1.5rem;justify-content:center;align-items:center;border:0 none transparent;border-image:none}.join-form .form-label{display:flex;justify-content:center;text-align:center;font-size:24px;color:#fff;margin-bottom:0}.join-input{width:100%;text-align:center;font-size:2rem;font-weight:700;letter-spacing:.75rem;padding:1rem;min-height:60px;background:var(--panel);border:2px solid var(--border);border-radius:12px;color:var(--text);transition:all .2s}.join-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 4px #f03f691f;background:var(--panel)}.join-input::placeholder{letter-spacing:.5rem;color:var(--muted)}#room-code{font-size:48px;padding:10px;border:0 none transparent;border-image:none;background-color:var(--panel)}#player-name{width:100%;font-size:48px;text-align:center;background-color:var(--panel);border-color:var(--border);padding:10px}.lobby-container{text-align:center;position:relative}.lobby-title{font-size:2.5rem;margin-bottom:.5rem;color:#fff;font-weight:700}.team-indicator{padding:1.5rem;border-radius:16px;margin-bottom:1.5rem;color:var(--text);font-size:1.25rem;font-weight:600;box-shadow:0 4px 20px #0000004d;border:2px solid var(--border)}.team-indicator-content{display:flex;align-items:center;justify-content:center;gap:.75rem}.team-icon{font-size:1.5rem}.team-text{font-weight:600}.room-info{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;padding:1.5rem}.info-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.info-label{font-size:.85rem;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:2.5rem;color:#fff;font-weight:700;letter-spacing:.5rem;font-family:Courier New,monospace}.score-limit-controls{display:flex;align-items:center;justify-content:center;gap:.5rem}.shake-name-card .info-label{display:block;margin-bottom:.5rem}.shake-name-row{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.shake-name-row input{flex:1;min-width:0}.score-limit-btn{width:36px;height:36px;border-radius:6px;border:2px solid var(--border);background-color:var(--panel);color:var(--text);font-size:1.5rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:0;line-height:1}.score-limit-btn:hover{background-color:#ffffff0d;border-color:var(--accent-primary);color:var(--accent-primary)}.score-limit-btn:active{transform:scale(.95)}.score-limit-input{width:60px;padding:.5rem;border-radius:6px;border:2px solid var(--border);background-color:var(--panel);color:var(--text);font-size:1.5rem;font-weight:600;text-align:center;font-family:inherit;transition:border-color .2s}.score-limit-input:focus{outline:none;border-color:var(--accent-primary)}.score-limit-input::-webkit-inner-spin-button,.score-limit-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.score-limit-input[type=number]{appearance:textfield;-moz-appearance:textfield}.host-qr-container{margin-top:.75rem}.host-qr-container img{display:block;border-radius:8px}.room-code-value{font-size:2.5rem;color:var(--accent-primary);font-weight:700;letter-spacing:.5rem;font-family:Courier New,monospace}.players-section{text-align:left}.section-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:#fff;font-size:1.1rem;font-weight:600}.section-icon{font-size:1.25rem}.section-title{font-weight:600}.players-list{border-radius:12px;padding:0;max-height:250px;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.player-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;color:#fff;font-size:.95rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:0;transition:all .2s}.player-item:first-child{border-top-left-radius:12px;border-top-right-radius:12px}.player-item:last-child{border-bottom-left-radius:12px;border-bottom-right-radius:12px}.player-item:hover{transform:translate(4px);opacity:.9}.player-item-current{font-weight:600}.player-item-waiting{background:#6464641a;border-color:#64646433;color:var(--muted);font-style:italic}.player-item-waiting .player-number{background:#64646433}.player-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#ffffff1f;border-radius:50%;font-size:.85rem;font-weight:700;flex-shrink:0}.player-item-current .player-number{background:#f03f6959}.player-info{flex:1}.typing-badge{font-size:.85rem;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.empty-state{text-align:center;color:var(--muted);padding:2rem;font-style:italic}.typing-indicators{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--accent-primary);font-size:.9rem;font-style:italic;padding:1rem;background:#64ff961a;border:1px solid rgba(100,255,150,.2)}.typing-icon{font-size:1rem}.typing-text{flex:1}.status-section{margin:1.5rem 0}.status-text{font-size:1.1rem;color:#fff;font-weight:500;padding:1rem;background:#64ff961f;border-radius:12px;border:1px solid rgba(100,255,150,.22)}.transition-notification{padding:1.25rem;border-radius:16px;margin-bottom:1.5rem;background:linear-gradient(135deg,#ffd70033,#ffa50026);border:2px solid rgba(255,215,0,.4);box-shadow:0 4px 20px #ffd70033;animation:slideInDown .5s ease-out}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.transition-notification-content{display:flex;align-items:center;justify-content:center;gap:.75rem;color:#fff;font-size:1.1rem;font-weight:600}.transition-icon{font-size:1.5rem;animation:rotate 2s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.transition-text{flex:1;text-align:center}.player-item-new-challenger{animation:pulseHighlight 2s ease-in-out infinite}@keyframes pulseHighlight{0%,to{box-shadow:0 0 #ffd700b3}50%{box-shadow:0 0 0 8px #ffd70000}}.btn-primary{width:100%;padding:1rem 2rem;font-size:1.1rem;font-weight:700;border-radius:42px;border:none;cursor:pointer;transition:all .2s;min-height:56px;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--accent-gradient-start) 0%,var(--accent-gradient-end) 100%);color:#fff;box-shadow:0 4px 20px #fc5a5a47}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 30px #fc5a5a61}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:#ffffff1f;color:var(--text);border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover:not(:disabled){background:#ffffff2e;border-color:#ffffff4d}.btn-sm{padding:.35rem .75rem;font-size:.9rem}.btn-ghost{background:transparent;border:none;color:inherit;cursor:pointer}.btn-content{display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-start{background:linear-gradient(135deg,var(--accent-gradient-start) 0%,var(--accent-gradient-end) 100%);color:#fff;box-shadow:0 4px 20px #fc5a5a47;margin-bottom:1.5rem}.btn-start:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 30px #fc5a5a61}.btn-start:active:not(:disabled){transform:translateY(0)}.btn-start:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-close{position:absolute;top:1rem;right:1rem;width:44px;height:44px;background:var(--accent-primary);color:#fff;border:none;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:100;box-shadow:0 4px 12px #f03f694d}.btn-close:hover{background:var(--accent-gradient-start);transform:scale(1.1) rotate(90deg);box-shadow:0 6px 20px #fc5a5a66}.host-checkbox-row{text-align:left}.host-checkbox{display:flex;align-items:center;gap:.75rem;font-weight:600;color:#ffffffe6}.host-checkbox input[type=checkbox]{width:18px;height:18px}.vote-option-picker{text-align:left}.vote-presets{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-bottom:.75rem}.vote-presets-label{color:var(--muted);font-size:.95rem}.vote-custom-row{display:flex;gap:.5rem;margin-bottom:.75rem}.vote-custom-row .input{flex:1}.vote-option-row{grid-template-columns:40px 1fr auto}.vote-option-row .vote-option-remove{min-width:32px;height:32px;padding:0;font-size:1.25rem;line-height:1;color:var(--muted);border:none;background:transparent;cursor:pointer;border-radius:6px}.vote-option-row .vote-option-remove:hover{color:var(--text);background:#ffffff14}.hvp-header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.hvp-title{font-size:1.1rem;font-weight:700;color:var(--text)}.hvp-meta{color:var(--muted);font-size:.95rem}.hvp-list{display:flex;flex-direction:column;gap:.5rem;max-height:260px;overflow:auto;padding:.25rem;border-radius:12px;border:1px solid var(--border);background:#0000002e}.hvp-row{display:grid;grid-template-columns:40px 22px 1fr auto auto auto;align-items:center;gap:.6rem;padding:.6rem .75rem;border-radius:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.hvp-thumb{width:40px;height:40px;border-radius:8px;object-fit:cover}.hvp-thumb-placeholder{width:40px;height:40px;border-radius:8px;background:#ffffff14}.hvp-row:hover{background:#ffffff0f}.hvp-checkbox{width:18px;height:18px}.hvp-name{font-weight:700;color:#ffffffeb}.hvp-tag{font-size:.85rem;padding:.15rem .5rem;border-radius:999px;border:1px solid rgba(255,255,255,.14);color:#ffffffd1;font-variant-numeric:tabular-nums}.vote-host-screen{width:100%;max-width:1100px;padding:2rem 1.5rem 3rem}.vote-host-header{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:1fr 360px;gap:1.25rem;align-items:stretch;margin-bottom:1.5rem;padding:2rem 0 1rem;background:var(--page-bg, #0c0f1a)}.vote-host-title h1{margin:0;font-size:3rem;color:#fff}.vote-host-subtitle{margin-top:.25rem;color:#ffffffbf}.vote-host-room{padding:1.5rem;border-radius:16px;background:#141e32e6;border:1px solid rgba(120,150,240,.3)}.vote-host-room-label{font-size:.9rem;color:#ffffffb3;margin-bottom:.5rem}.vote-host-room-code{font-size:3rem;font-weight:800;letter-spacing:.35rem;color:var(--accent-primary)}.vote-host-room-hint{margin-top:.75rem;color:#ffffffbf;font-size:.95rem}.vote-host-url{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:#ffffffe6}.vote-host-leaderboard{width:100%}.vote-leaderboard{padding:1.5rem;border-radius:16px;background:#141e32e6;border:1px solid rgba(120,150,240,.3)}.vote-leaderboard-header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1rem}.vote-leaderboard-title{margin:0;font-size:2rem}.vote-leaderboard-subtitle{color:#ffffffa6}.vote-leaderboard-empty{color:#ffffffbf;padding:1rem 0}.vote-leaderboard-list{margin:0;padding-left:1.25rem}.vote-leaderboard-list li{display:flex;justify-content:space-between;gap:1rem;padding:.6rem 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:1.35rem}.vote-leaderboard-list li:last-child{border-bottom:none}.lb-name{font-weight:700}.lb-count{font-variant-numeric:tabular-nums;color:#ffffffd9}body.vote-split-bg{background:linear-gradient(90deg,var(--accent-primary) 0 50%,var(--panel) 50% 100%)}.shake-title{font-size:2.6rem;margin:0 0 .5rem;font-weight:800;background:linear-gradient(135deg,var(--accent-gradient-start) 0%,var(--accent-gradient-end) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.shake-card{border:1px solid var(--border)}.shake-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem}.shake-stat{padding:1rem;border-radius:14px;background:#00000038;border:1px solid var(--border)}.shake-stat-label{color:var(--muted);font-weight:700;letter-spacing:.02em;text-transform:uppercase;font-size:.78rem;margin-bottom:.5rem}.shake-stat-value{font-size:2.1rem;font-weight:900;color:var(--text);font-variant-numeric:tabular-nums}.shake-stat-sub{margin-top:.35rem;color:var(--muted);font-size:.95rem}.shake-controls{display:grid;grid-template-columns:1fr;gap:.75rem;margin-top:.75rem;margin-bottom:1.25rem}.shake-btn{background:linear-gradient(135deg,var(--accent-gradient-start) 0%,var(--accent-gradient-end) 100%);color:#fff;box-shadow:0 6px 26px #fc5a5a33}.shake-btn-secondary{width:100%;min-height:56px;border-radius:12px;border:1px solid var(--border);background:#00000038;color:var(--text)}.shake-btn-secondary:hover:not(:disabled){border-color:var(--accent-primary)}.shake-btn-tertiary{width:100%;min-height:56px;border-radius:12px;border:1px solid var(--border);background:#ffffff0f;color:var(--text)}.shake-btn-tertiary:hover:not(:disabled){border-color:var(--accent-primary);background:#f03f691a}.shake-meta{border-top:1px solid var(--border);padding-top:1rem;display:flex;flex-direction:column;gap:.5rem}.shake-meta-row{display:flex;justify-content:space-between;gap:1rem;color:var(--text);font-variant-numeric:tabular-nums}.shake-meta-label{color:var(--muted);font-weight:600}.shake-host-container,.shake-host-screen{max-width:1100px}.shake-host-title{margin:0;font-size:3rem;font-weight:900;background-image:none;-webkit-background-clip:unset;background-clip:unset;color:#fff;text-align:center}.shake-host-form{display:flex;flex-direction:column;gap:16px}.shake-host-header{display:grid;grid-template-columns:1fr 360px;gap:1.25rem;align-items:stretch;margin-bottom:1.5rem}.shake-host-subtitle{color:var(--muted);margin-top:.35rem}.shake-host-room{padding:1.5rem;border-radius:16px;background:var(--panel-2);border:1px solid var(--border)}.shake-host-room-code{font-size:3.2rem;font-weight:900;letter-spacing:.35rem;color:var(--accent-primary);text-align:center}.shake-host-room-label{font-size:.9rem;color:var(--muted);margin-bottom:.5rem;text-align:center}.shake-host-room-hint{margin-top:.75rem;color:var(--muted);font-size:.95rem}.shake-host-url{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:var(--text)}.shake-host-main{display:grid;grid-template-columns:1fr 360px;gap:1.25rem;align-items:stretch}.shake-host-bar{display:grid;grid-template-columns:160px 1fr;gap:1.25rem;align-items:center}.shake-host-bar-frame{height:360px;width:140px;border-radius:18px;background:#00000038;border:1px solid var(--border);overflow:hidden;display:flex;align-items:flex-end}.shake-host-bar-fill{width:100%;height:0%;background:linear-gradient(180deg,var(--accent-gradient-start) 0%,var(--accent-gradient-end) 100%);box-shadow:0 -8px 28px #fc5a5a33;transition:height .22s ease}.shake-host-amount-now{font-size:3.2rem;font-weight:950;color:var(--text);font-variant-numeric:tabular-nums}.shake-host-amount-max{margin-top:.4rem;color:var(--muted);font-size:1.1rem}.shake-host-amount-meta{margin-top:.9rem;color:var(--muted)}.shake-host-top-label{color:var(--muted);font-size:.9rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700}.shake-host-top-name{margin-top:.6rem;font-size:2.2rem;font-weight:900;color:var(--text);word-break:break-word}.shake-host-top-meta{margin-top:.35rem;color:var(--muted);font-variant-numeric:tabular-nums}.shake-host-actions{padding:1.25rem}.shake-host-btn{width:100%;min-height:48px;border-radius:12px;border:none;background:linear-gradient(135deg,var(--accent-gradient-start) 0%,var(--accent-gradient-end) 100%);color:#fff;font-weight:800;margin-bottom:.75rem}.shake-host-btn-secondary{width:100%;min-height:48px;border-radius:12px;border:1px solid var(--border);background:#00000038;color:var(--text);font-weight:700}.shake-host-status{margin-top:.9rem;color:var(--muted);font-size:.95rem}.shake-over-card{border:1px solid var(--border);background:#00000038}.shake-over-title{font-weight:900;font-size:1.6rem;letter-spacing:.02em;margin-bottom:.75rem;color:var(--text)}.shake-over-amount{font-size:2.6rem;font-weight:950;font-variant-numeric:tabular-nums;background:linear-gradient(135deg,var(--accent-gradient-start) 0%,var(--accent-gradient-end) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.shake-over-grid{display:grid;grid-template-columns:1fr;gap:.75rem}.shake-over-item{padding:.9rem;border-radius:14px;background:#0000002e;border:1px solid var(--border)}.shake-over-label{color:var(--muted);text-transform:uppercase;font-weight:800;font-size:.78rem;letter-spacing:.05em;margin-bottom:.4rem}.shake-over-value{font-size:1.25rem;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums;word-break:break-word}.shake-top3-list{list-style:none;padding:0;margin:.35rem 0 0;display:flex;flex-direction:column;gap:.45rem}.shake-top3-list li{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.shake-top3-name{font-weight:850;color:var(--text)}.shake-top3-meta{font-variant-numeric:tabular-nums;color:var(--muted);font-weight:750}.shake-top3-empty{color:var(--muted)}.shake-figma-host{--shake-figma-teal: var(--panel);--shake-figma-yellow: var(--accent-primary);--shake-figma-green: var(--accent-gradient-end)}.shake-figma-inner{width:100%;max-width:600px;padding:24px;margin-left:auto;margin-right:auto}.shake-intro-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.25rem}.shake-intro-icon{color:#fff;background:var(--accent-primary);width:96px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center}.shake-intro-icon img{display:block;width:100%;height:96px}.shake-intro-text{margin:0;font-size:24px;line-height:1.5;color:var(--text);max-width:320px}.shake-figma-host.shake-host-screen{max-width:100%;padding:0;display:flex;flex-direction:column;min-height:100vh}.shake-player-screen{min-height:100vh;display:flex;flex-direction:column}.shake-player-inner{flex:1;display:flex;flex-direction:column;min-height:0;max-width:100%}.shake-player-inner .shake-figma-game-card{flex:1;min-height:0}.shake-host-footer{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0;margin-top:auto;margin-bottom:24px}.shake-host-footer-logo{height:2.5rem;width:auto;display:block}.shake-figma-layout{display:grid;grid-template-columns:2fr auto;gap:1.5rem;align-items:stretch;width:100%;flex:1;min-height:0;padding:24px}@media(max-width:640px){.shake-figma-layout{grid-template-columns:1fr}}.shake-figma-game-card{width:100%;background:var(--shake-figma-teal);border-radius:24px;padding:2rem;color:#fff;position:relative;min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.shake-countdown-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:10;border-radius:24px;background:var(--shake-figma-teal)}.shake-countdown-number{font-size:5.5rem;font-weight:900;color:var(--shake-figma-yellow);line-height:1;letter-spacing:-.02em}.shake-figma-bar-track{position:absolute;left:0;right:0;bottom:0;height:100%;border-radius:0 0 24px 24px;background:unset;overflow:hidden;display:flex;align-items:flex-end;z-index:0;pointer-events:none}.shake-figma-bar-fill{width:100%;height:0%;background:var(--shake-figma-yellow);border-radius:12px 12px 0 0;transition:height .25s ease}.shake-figma-title,.shake-figma-progress,.shake-figma-top-label,.shake-figma-top-list{position:relative;z-index:1}.shake-figma-title{margin:0 0 .5rem;font-size:2.25rem;font-weight:900;color:#fff;letter-spacing:-.02em;text-align:center}.shake-figma-progress{font-size:36px;font-weight:900;font-variant-numeric:tabular-nums;color:#fff;margin-bottom:.75rem;line-height:1.1;text-align:center}.shake-time-remaining{font-size:2.5rem;font-weight:900;font-variant-numeric:tabular-nums;color:var(--shake-figma-yellow);margin-bottom:.5rem;line-height:1.1;text-align:center;position:relative;z-index:1}.shake-waiting-start{font-size:1rem;font-weight:700;color:var(--text);margin-bottom:.5rem;text-align:center;position:relative;z-index:1}.shake-figma-top-label{font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:.5rem}.shake-figma-top-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.35rem}.shake-figma-top-list .shake-top3-item{display:flex;align-items:center;justify-content:space-between;padding:.6rem .85rem;border-radius:12px;gap:.75rem}.shake-figma-top-list .shake-top3-item--highlight{background:var(--accent-primary);color:#fff}.shake-figma-top-list .shake-top3-item--highlight .shake-top3-name,.shake-figma-top-list .shake-top3-item--highlight .shake-top3-meta{color:#fff;font-weight:800}.shake-figma-qr-card{background:unset;border-radius:20px;padding:0;width:fit-content;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.shake-figma-qr-wrap{background:#007f58;color:#000000de;border-radius:12px;padding:0;display:flex;align-items:center;justify-content:center}.shake-figma-qr-wrap img{display:block;width:160px;height:160px;border-radius:8px;padding:12px}.shake-figma-qr-hint{margin:0;font-size:31px;font-weight:700;color:#1f4546;text-align:center;line-height:1.3;display:block;width:100%;max-width:160px;box-sizing:border-box}.shake-figma-over{max-width:480px;margin:1.5rem auto 0}body.shake-game-bg{background:#1a1a2e}.shake-game-join.page-container,.shake-game-join-inner{width:100%;max-width:600px;margin-left:auto;margin-right:auto;padding:24px}.shake-game-intro-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.25rem}.shake-game-intro-text{margin:0;font-size:1.25rem;line-height:1.5;color:#fffffff2;max-width:320px}.shake-game-btn-primary{background:linear-gradient(135deg,var(--accent-gradient-start) 0%,var(--accent-gradient-end) 100%);color:#fff}.shake-game-btn-primary:hover:not(:disabled){filter:brightness(1.05)}.shake-game-player-screen{min-height:100vh;display:flex;flex-direction:column}.shake-game-player-inner{flex:1;display:flex;flex-direction:column;min-height:0;max-width:100%;padding:24px}.shake-game-card{width:100%;background:var(--panel);border-radius:24px;padding:2rem;color:var(--text);position:relative;min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid var(--border)}.shake-game-player-inner .shake-game-card{flex:1;min-height:0}.shake-game-bar-track{position:absolute;left:0;right:0;bottom:0;height:100%;border-radius:0 0 24px 24px;overflow:hidden;display:flex;align-items:flex-end;z-index:0;pointer-events:none}.shake-game-bar-fill{width:100%;height:0%;background:linear-gradient(180deg,var(--accent-gradient-start) 0%,var(--accent-gradient-end) 100%);border-radius:12px 12px 0 0;transition:height .25s ease}.shake-game-title,.shake-game-progress,.shake-game-time-remaining,.shake-game-waiting-start,.shake-game-top-label,.shake-game-top3-list{position:relative;z-index:1}.shake-game-title{margin:0 0 .5rem;font-size:2.25rem;font-weight:900;color:#fff;letter-spacing:-.02em;text-align:center}.shake-game-progress{font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent-primary);margin-bottom:.5rem;line-height:1.2;text-align:center}.shake-game-time-remaining{font-size:2.5rem;font-weight:900;font-variant-numeric:tabular-nums;color:var(--accent-primary);margin-bottom:.5rem;line-height:1.1;text-align:center}.shake-game-waiting-start{font-size:1rem;font-weight:700;color:var(--text);text-align:center}.shake-game-over-card{margin-top:1.5rem}.shake-game-over-title{font-size:1.5rem;font-weight:800;color:#fff;margin-bottom:1rem;text-align:center}.shake-game-over-grid{display:grid;gap:1rem}.shake-game-over-item{display:flex;flex-direction:column;gap:.25rem}.shake-game-over-label{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.shake-game-over-value{font-size:1.25rem;font-weight:800;color:var(--accent-primary)}.shake-game-top-label{font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:.5rem}.shake-game-top3-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.35rem}.shake-game-top3-list li{display:flex;align-items:center;justify-content:space-between;padding:.6rem .85rem;border-radius:12px;gap:.75rem;background:#ffffff0f}.shake-game-top3-item--highlight,.shake-game-top3-list .shake-game-top3-item--highlight{background:var(--accent-primary);color:#fff}.shake-game-top3-name,.shake-game-top3-meta{font-weight:700}.shake-game-top3-item--highlight .shake-game-top3-name,.shake-game-top3-item--highlight .shake-game-top3-meta{color:#fff}.shake-game-controls{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.shake-game-controller{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:1.5rem;width:100%}.shake-game-controller .shake-game-btn{min-height:72px;min-width:160px;font-size:1.25rem;font-weight:800;padding:1rem 2rem;border-radius:16px}.shake-game-btn-up{background:linear-gradient(135deg,var(--accent-gradient-start) 0%,var(--accent-gradient-end) 100%);color:#fff;border:none}.shake-game-btn-up:hover:not(:disabled){filter:brightness(1.1)}.shake-game-btn-up:active:not(:disabled){transform:scale(.98)}.shake-game-btn-down{background:#ffffff14;color:var(--muted);border:1px solid var(--border);cursor:default}.shake-game-btn{font-weight:700}.shake-game-btn-secondary{background:#ffffff0f;color:var(--text);border:1px solid var(--border)}.shake-game-btn-secondary:hover:not(:disabled){background:#ffffff1a;border-color:var(--accent-primary)}.shake-game-hint{font-size:.875rem;color:var(--muted)}.shake-game-meta{margin-top:1rem;font-size:.9rem}.shake-game-meta-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.shake-game-meta-label{color:#fff9}.shake-game-meta-value{color:#00d4ff;font-weight:700}.shake-game-error{color:#ff6b6b;font-size:.9rem;margin-top:.5rem}.shake-game-error.hidden{display:none}.shake-game-host-screen{min-height:100vh;display:flex;flex-direction:column;padding:24px}.shake-game-host-inner{width:100%;max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem;align-items:center}.shake-game-host-code-row{display:grid;grid-template-columns:1fr auto;gap:1.5rem;align-items:start;width:100%}@media(max-width:480px){.shake-game-host-code-row{grid-template-columns:1fr}}.shake-game-subtitle{margin:0 0 1rem;font-size:1.1rem;color:#fffc;text-align:center}.shake-game-pin-wrap{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin:1rem 0}.shake-game-pin-label{font-size:.85rem;color:#ffffffb3}.shake-game-pin-value{font-size:2.5rem;font-weight:900;font-variant-numeric:tabular-nums;color:#00d4ff;letter-spacing:.1em}.shake-game-qr-card{display:flex;flex-direction:column;align-items:center;gap:1rem}.shake-game-qr-wrap{background:#0f0f1a;border-radius:12px;padding:12px;display:flex;align-items:center;justify-content:center}.shake-game-qr-wrap img{display:block;width:160px;height:160px;border-radius:8px}.shake-game-qr-hint{margin:0;font-size:1rem;font-weight:600;color:#fffc;text-align:center}.shake-game-players-card{width:100%;max-width:320px;background:#ffffff0f;border-radius:12px;padding:1rem 1.25rem;border:1px solid rgba(255,255,255,.1)}.shake-game-players-label{font-size:.85rem;color:#ffffffb3;margin-bottom:.5rem;font-weight:600}.shake-game-players-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem;max-height:160px;overflow-y:auto}.shake-game-players-item{font-size:1rem;color:#fffffff2;padding:.35rem 0;border-bottom:1px solid rgba(255,255,255,.06)}.shake-game-players-item:last-child{border-bottom:none}.shake-game-players-empty{font-size:.95rem;color:#ffffff80;font-style:italic;padding:.5rem 0}.shake-game-form .form-group{margin-bottom:1rem}.shake-game-form .form-label{color:#ffffffe6}.shake-game-form .form-input{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff}.shake-game-host-layout{display:grid;grid-template-columns:2fr auto;gap:1.5rem;align-items:start;width:100%;max-width:720px;margin:0 auto}@media(max-width:640px){.shake-game-host-layout{grid-template-columns:1fr}}.shake-host-over-only{width:100%;max-width:720px;margin:0 auto;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.shake-host-over-only .shake-over-card{margin:0;width:100%}.coin-rain{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:999}.coin{position:absolute;top:-40px;width:var(--coinSize, 18px);height:var(--coinSize, 18px);left:var(--coinX, 50vw);opacity:.95;will-change:transform,opacity;filter:drop-shadow(0 10px 18px rgba(0,0,0,.35));animation:coinFall var(--coinDur, 3.6s) linear forwards}.coin:before{content:"";display:block;width:100%;height:100%;border-radius:999px;will-change:transform;background:radial-gradient(circle at 30% 30%,#ffffffd9,#fff0 42%),radial-gradient(circle at 70% 75%,#fff3,#fff0 50%),linear-gradient(135deg,#fff0b4,#ffd032);border:1px solid rgba(255,230,150,.55);box-shadow:inset 0 0 0 2px #ffffff14;animation:coinSpin var(--coinSpin, 1.2s) linear infinite}@keyframes coinFall{0%{transform:translateZ(0);opacity:0}10%{opacity:.95}to{transform:translate3d(var(--coinDrift, 0px),110vh,0);opacity:0}}@keyframes coinSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.coin-rain{display:none}}@media(max-width:900px){.shake-stats,.shake-host-header,.shake-host-main,.shake-host-bar{grid-template-columns:1fr}.shake-host-bar-frame{width:100%;height:220px}}.vote-container{width:100%;max-width:520px;padding:2rem 1.5rem 3rem;text-align:center}.vote-title{font-size:2.5rem;margin-bottom:.5rem;color:#fff}.vote-status{margin:1rem 0 1.5rem;color:#fffc}.vote-error{margin:0 auto .75rem;max-width:420px}.vote-deck{position:relative;width:100%;height:420px;display:flex;justify-content:center;align-items:center}.vote-card{position:absolute;width:100%;max-width:360px;height:320px;border-radius:20px;background:linear-gradient(160deg,#283250f2,#141928fa);border:1px solid rgba(120,140,220,.4);box-shadow:0 20px 40px #00000059;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;transition:transform .25s ease;-webkit-user-select:none;user-select:none;touch-action:none}.vote-card-image{width:100%;height:160px;object-fit:cover;border-radius:20px 20px 0 0;flex-shrink:0;pointer-events:none;-webkit-user-select:none;user-select:none}.vote-card-dragging{transition:none;cursor:grabbing}.vote-card-leave{transition:transform .35s ease}.vote-card-content{display:flex;flex-direction:column;gap:.5rem;align-items:center;justify-content:center;text-align:center;color:#fff;flex:1;min-height:0;padding:.5rem}.vote-card-number{font-size:2rem;font-weight:700;color:#7bd2ff}.vote-card-name{font-size:1.8rem;font-weight:700}.vote-card-meta{font-size:1rem;color:#ffffffb3}.vote-overlay{position:absolute;top:20px;padding:.4rem .8rem;border-radius:8px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;opacity:0;transition:opacity .2s ease}.vote-overlay-like{right:20px;background:#50c87833;border:2px solid rgba(80,200,120,.8);color:#7dffb0}.vote-overlay-skip{left:20px;background:#ff646433;border:2px solid rgba(255,100,100,.8);color:#ff9f9f}.vote-footer{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.btn-skip{background:#ffffff0f;border:2px solid var(--border);color:var(--muted)}.btn-skip:hover:not(:disabled){border-color:var(--accent-primary);color:var(--accent-primary)}.btn-vote{background:linear-gradient(135deg,var(--accent-gradient-start) 0%,var(--accent-gradient-end) 100%);border:none;color:#fff;box-shadow:0 4px 20px #fc5a5a47}.btn-vote:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 30px #fc5a5a61}.vote-results{margin-top:2rem;width:100%}.results-card{background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:2rem;text-align:left;color:var(--text)}.results-title{margin-top:0;font-size:2rem}.results-section h3{margin-bottom:.5rem}.results-section ul,.results-section ol{padding-left:1.2rem}.results-summary{color:var(--muted)}.hidden{display:none}@media(max-width:768px){.page-container,.shake-figma-inner{padding:1rem}.host-title,.join-title,.lobby-title{font-size:2rem}.page-subtitle{font-size:.9rem}.card{padding:1.5rem}.room-info{grid-template-columns:1fr;gap:1rem}.room-code-value,.info-value{font-size:2rem;letter-spacing:.25rem}.host-input,.join-input{font-size:1.5rem;letter-spacing:.5rem}.join-input::placeholder{letter-spacing:.25rem}.players-list{max-height:200px}.btn-close{top:.5rem;right:.5rem;width:40px;height:40px;font-size:1.25rem}}@media(max-width:600px){.games-list-wrapper{padding:16px 0 0}.index-page .game-card{width:260px;min-width:260px;max-width:260px;min-height:180px}}.curve-snake-page{display:flex;flex-direction:column;width:100%;max-width:100%;height:100vh;padding:0}.curve-snake-page--controls-only{justify-content:center;align-items:center;gap:2rem;padding:1.5rem;background:var(--bg)}.curve-snake-status{margin:0;font-size:1.15rem;color:var(--text);text-align:center;max-width:280px}.curve-snake-canvas-wrap{position:relative;flex:1;min-height:0;aspect-ratio:1 / 1;height:100%;max-width:100%;width:auto;margin-left:auto;margin-right:auto;display:flex;align-items:center;justify-content:center;background:#1a1a2e}.curve-snake-canvas-wrap canvas{display:block;width:100%;height:100%;object-fit:contain}.curve-snake-waiting{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0009;color:#fff;font-size:1.25rem}.curve-snake-waiting--countdown{font-size:clamp(4rem,15vw,8rem);font-weight:700}.curve-snake-over{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000000d9;color:#fff;font-size:1.5rem;font-weight:700}.curve-snake-over p,.curve-snake-over-text{margin:0}.curve-snake-score{text-align:center;padding:1.5rem 2rem;max-width:90%}.curve-snake-score-title{margin:0 0 1.25rem;font-size:clamp(1.75rem,5vw,2.5rem);font-weight:800;letter-spacing:.02em}.curve-snake-score-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.curve-snake-score-item{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:.75rem 1.25rem;background:#ffffff14;border-radius:12px;font-size:1.25rem}.curve-snake-score-item--winner{background:#00d4ff33;border:2px solid rgba(0,212,255,.6);font-weight:700}.curve-snake-score-name{text-align:left}.curve-snake-score-wins{opacity:.9;font-variant-numeric:tabular-nums}.curve-snake-controls{display:flex;gap:1.25rem;justify-content:stretch;align-items:stretch;padding:1.25rem 1rem;min-height:5.5rem;background:var(--panel)}.curve-snake-btn{flex:1;min-width:0;min-height:4.5rem;padding:1rem 1.25rem;font-size:1.25rem;font-weight:700;touch-action:manipulation;background:linear-gradient(180deg,#ffffff1f,#ffffff0f);color:var(--text);border:1px solid var(--border);border-radius:16px;box-shadow:0 4px #00000040,0 2px 8px #00000026;transition:transform .1s ease,box-shadow .1s ease,background .1s ease}.curve-snake-btn:hover:not(:disabled){background:linear-gradient(180deg,#ffffff29,#ffffff14)}.curve-snake-btn:active:not(:disabled),.curve-snake-btn.curve-snake-btn--pressed{transform:translateY(3px);box-shadow:0 1px #0003,0 1px 4px #0000001a;background:linear-gradient(180deg,#ffffff0f,#ffffff05)}.curve-snake-btn:disabled{opacity:.5;cursor:not-allowed}.curve-snake-host-hint{margin:0 0 1rem;color:var(--text);font-size:.95rem}.curve-snake-host-url-hint{margin:1rem 0 .25rem;font-size:.85rem;color:var(--muted)}.curve-snake-display-url{font-size:.8rem;cursor:pointer}.curve-snake-kaplay-root{display:flex;flex-direction:column;width:100%;min-height:100vh;box-sizing:border-box;background:#0a0a14}.curve-snake-kaplay-wrap{position:relative;flex:1;width:100%;min-width:0;min-height:0}.curve-snake-kaplay-wrap canvas{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain}.curve-snake-banner{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;background:#ffffff0f;border-top:1px solid rgba(255,255,255,.1)}.curve-snake-banner-info{color:var(--text);font-size:.95rem}.curve-snake-banner .btn{margin:0}.curve-snake-page--display-only .curve-snake-canvas-wrap{flex:1}.curve-snake-lobby .curve-snake-lobby-code{font-size:1.25rem;font-weight:600;letter-spacing:.15em;margin:.25rem 0}.curve-snake-lobby-hint{margin:0 0 1rem;color:var(--muted);font-size:.9rem}.curve-snake-leave-btn{margin-top:.5rem}.curve-snake-score--leaderboard{margin-bottom:1rem}.curve-snake-leaderboard .btn-host{margin-top:.5rem}.curve-snake-start-hint{margin:0 0 .75rem;color:var(--muted);font-size:.9rem}.host-players-list{list-style:none;margin:0;padding:0}.host-players-empty{color:var(--muted);font-style:italic}.host-players-item{padding:.25rem 0}@media(prefers-color-scheme:light){:root{color:#11181c;background-color:#fff;--bg: #ffffff;--panel: #f0f0f0;--text: #11181c;--muted: #687076;--border: rgba(0, 0, 0, .12)}a:hover{color:#0a7ea4}button{background-color:var(--panel)}}