body{background-color:#0b0d14;background-image:url("data:image/svg+xml,%3csvg%20width='1920'%20height='1080'%20viewBox='0%200%201920%201080'%20xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3clinearGradient%20id='bgGrad'%20x1='0%25'%20y1='0%25'%20x2='100%25'%20y2='100%25'%3e%3cstop%20offset='0%25'%20stop-color='%230b0d14'/%3e%3cstop%20offset='55%25'%20stop-color='%2312141f'/%3e%3cstop%20offset='100%25'%20stop-color='%231a1e2c'/%3e%3c/linearGradient%3e%3cradialGradient%20id='glowTeal'%20cx='50%25'%20cy='50%25'%20r='50%25'%3e%3cstop%20offset='0%25'%20stop-color='%2322c1a0'%20stop-opacity='0.35'/%3e%3cstop%20offset='100%25'%20stop-color='%2322c1a0'%20stop-opacity='0'/%3e%3c/radialGradient%3e%3cradialGradient%20id='glowCoral'%20cx='50%25'%20cy='50%25'%20r='50%25'%3e%3cstop%20offset='0%25'%20stop-color='%23d9432f'%20stop-opacity='0.28'/%3e%3cstop%20offset='100%25'%20stop-color='%23d9432f'%20stop-opacity='0'/%3e%3c/radialGradient%3e%3clinearGradient%20id='xGrad'%20x1='0%25'%20y1='0%25'%20x2='100%25'%20y2='100%25'%3e%3cstop%20offset='0%25'%20stop-color='%235eead4'/%3e%3cstop%20offset='100%25'%20stop-color='%2322c1a0'/%3e%3c/linearGradient%3e%3clinearGradient%20id='oGrad'%20x1='0%25'%20y1='0%25'%20x2='100%25'%20y2='100%25'%3e%3cstop%20offset='0%25'%20stop-color='%23f97066'/%3e%3cstop%20offset='100%25'%20stop-color='%23d9432f'/%3e%3c/linearGradient%3e%3c/defs%3e%3crect%20x='0'%20y='0'%20width='1920'%20height='1080'%20fill='url(%23bgGrad)'/%3e%3ccircle%20cx='1500'%20cy='250'%20r='500'%20fill='url(%23glowTeal)'/%3e%3ccircle%20cx='380'%20cy='850'%20r='480'%20fill='url(%23glowCoral)'/%3e%3cg%20opacity='0.05'%20stroke='%23ffffff'%20stroke-width='1'%3e%3cline%20x1='0'%20y1='0'%20x2='1920'%20y2='0'/%3e%3cline%20x1='0'%20y1='120'%20x2='1920'%20y2='120'/%3e%3cline%20x1='0'%20y1='240'%20x2='1920'%20y2='240'/%3e%3cline%20x1='0'%20y1='360'%20x2='1920'%20y2='360'/%3e%3cline%20x1='0'%20y1='480'%20x2='1920'%20y2='480'/%3e%3cline%20x1='0'%20y1='600'%20x2='1920'%20y2='600'/%3e%3cline%20x1='0'%20y1='720'%20x2='1920'%20y2='720'/%3e%3cline%20x1='0'%20y1='840'%20x2='1920'%20y2='840'/%3e%3cline%20x1='0'%20y1='960'%20x2='1920'%20y2='960'/%3e%3c/g%3e%3cg%20opacity='0.08'%3e%3cg%20stroke='%23ffffff'%20stroke-width='4'%20stroke-linecap='round'%3e%3cline%20x1='120'%20y1='100'%20x2='120'%20y2='220'/%3e%3cline%20x1='200'%20y1='100'%20x2='200'%20y2='220'/%3e%3cline%20x1='60'%20y1='150'%20x2='260'%20y2='150'/%3e%3cline%20x1='60'%20y1='200'%20x2='260'%20y2='200'/%3e%3c/g%3e%3c/g%3e%3cg%20opacity='0.06'%3e%3ccircle%20cx='1750'%20cy='920'%20r='40'%20fill='none'%20stroke='%23ffffff'%20stroke-width='6'/%3e%3ccircle%20cx='1850'%20cy='800'%20r='24'%20fill='none'%20stroke='%23ffffff'%20stroke-width='5'/%3e%3c/g%3e%3cg%20transform='translate(960,%20540)'%3e%3cg%20stroke='%2339415a'%20stroke-width='6'%20stroke-linecap='round'%20opacity='0.9'%3e%3cline%20x1='-70'%20y1='-260'%20x2='-70'%20y2='260'/%3e%3cline%20x1='70'%20y1='-260'%20x2='70'%20y2='260'/%3e%3cline%20x1='-260'%20y1='-70'%20x2='260'%20y2='-70'/%3e%3cline%20x1='-260'%20y1='70'%20x2='260'%20y2='70'/%3e%3c/g%3e%3cg%20stroke='url(%23xGrad)'%20stroke-width='14'%20stroke-linecap='round'%3e%3cline%20x1='-200'%20y1='-200'%20x2='-140'%20y2='-140'/%3e%3cline%20x1='-140'%20y1='-200'%20x2='-200'%20y2='-140'/%3e%3c/g%3e%3ccircle%20cx='0'%20cy='0'%20r='45'%20fill='none'%20stroke='url(%23oGrad)'%20stroke-width='14'/%3e%3cg%20stroke='url(%23xGrad)'%20stroke-width='14'%20stroke-linecap='round'%3e%3cline%20x1='140'%20y1='140'%20x2='200'%20y2='200'/%3e%3cline%20x1='200'%20y1='140'%20x2='140'%20y2='200'/%3e%3c/g%3e%3ccircle%20cx='-170'%20cy='170'%20r='45'%20fill='none'%20stroke='url(%23oGrad)'%20stroke-width='14'%20opacity='0.85'/%3e%3cg%20stroke='url(%23xGrad)'%20stroke-width='14'%20stroke-linecap='round'%20opacity='0.85'%3e%3cline%20x1='140'%20y1='-200'%20x2='200'%20y2='-140'/%3e%3cline%20x1='200'%20y1='-200'%20x2='140'%20y2='-140'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;min-height:100vh}:root{--color-bg:#0b0d14;--color-surface:#0e1018d1;--color-border:#ffffff12;--color-text-primary:#f4f5f7;--color-text-secondary:#a8adba;--color-text-muted:#6b7080;--color-accent-teal:#5eead4;--color-accent-teal-strong:#22c1a0;--color-accent-coral:#f97066;--color-accent-coral-strong:#d9432f;--font-heading:"Poppins", "Segoe UI", sans-serif;--font-body:"Inter", "Segoe UI", sans-serif}.app-header{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:48px 24px 32px;display:flex}.app-header__logo{border-radius:20px;width:88px;height:88px;box-shadow:0 8px 24px #0006}.app-header__title{font-family:var(--font-heading);background:linear-gradient(90deg, var(--color-accent-teal), var(--color-accent-coral));color:#0000;letter-spacing:.5px;-webkit-background-clip:text;background-clip:text;margin:0;font-size:2.5rem;font-weight:700}.app-header__subtitle{font-family:var(--font-body);color:var(--color-text-secondary);max-width:480px;margin:0;font-size:1rem;line-height:1.6}.content-card{background:var(--color-surface);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:560px;color:var(--color-text-secondary);font-family:var(--font-body);border-radius:16px;margin:0 auto;padding:24px 28px;line-height:1.7}.content-card p+p{margin-top:12px}.game-board-wrapper{flex-direction:column;align-items:center;gap:20px;padding:24px;display:flex}.game-board__status{font-family:var(--font-heading,"Poppins", sans-serif);color:var(--color-text-primary,#f4f5f7);margin:0;font-size:1.15rem}.game-board{background:var(--color-border,#ffffff14);border-radius:16px;grid-template-rows:repeat(3,96px);grid-template-columns:repeat(3,96px);gap:8px;padding:8px;display:grid}.game-board__cell{background:var(--color-surface,#1b1f2ce6);color:var(--color-text-primary,#f4f5f7);cursor:pointer;-webkit-text-stroke:.5px #ffffff40;border:none;border-radius:10px;font-size:2.5rem;font-weight:700;transition:background .15s}.game-board__cell:hover:not(:disabled){background:#ffffff0f}.game-board__cell:disabled{cursor:default}.game-board__play-again{background:linear-gradient(90deg, var(--color-accent-teal-strong,#22c1a0), var(--color-accent-coral-strong,#d9432f));color:#0b0d14;cursor:pointer;border:none;border-radius:10px;padding:10px 24px;font-size:.95rem;font-weight:700;transition:opacity .15s}.game-board__play-again:hover{opacity:.9}.game-mode-selector{background:var(--color-surface,#1b1f2cb8);border:1px solid var(--color-border,#ffffff14);border-radius:12px;gap:4px;max-width:400px;margin:0 auto 20px;padding:4px;display:flex}.game-mode-selector__tab{color:var(--color-text-secondary,#a8adba);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:10px 8px;font-family:inherit;font-size:.85rem;font-weight:600;transition:background .15s,color .15s;position:relative}.game-mode-selector__tab:hover:not(:disabled):not(.is-active){background:#ffffff0d}.game-mode-selector__tab.is-active{background:linear-gradient(90deg, var(--color-accent-teal-strong,#22c1a0), var(--color-accent-coral-strong,#d9432f));color:#0b0d14}.game-mode-selector__tab:disabled{cursor:not-allowed;opacity:.5}.game-mode-selector__badge{text-transform:uppercase;letter-spacing:.5px;color:var(--color-accent-gold,#fbbf24);margin-top:2px;font-size:.6rem;font-weight:700;display:block}.player-choice{background:var(--color-surface,#1b1f2cb8);border:1px solid var(--color-border,#ffffff14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:400px;font-family:var(--font-body,"Inter", sans-serif);border-radius:16px;margin:0 auto;padding:28px 28px 24px}.player-choice__title{font-family:var(--font-heading,"Poppins", sans-serif);color:var(--color-text-primary,#f4f5f7);text-align:center;margin:0 0 20px;font-size:1.35rem}.player-choice__field{margin-bottom:18px}.player-choice__field label{color:var(--color-text-secondary,#a8adba);margin-bottom:6px;font-size:.85rem;display:block}.player-choice__input-row{gap:8px;display:flex}.player-choice__input-row input{border:1px solid var(--color-border,#ffffff14);color:var(--color-text-primary,#f4f5f7);background:#ffffff0a;border-radius:8px;outline:none;flex:1;padding:10px 12px;font-family:inherit;font-size:.95rem}.player-choice__input-row input:focus{border-color:var(--color-accent-teal,#5eead4)}.player-choice__color-select{border:1px solid var(--color-border,#ffffff14);width:100%;color:var(--color-text-primary,#f4f5f7);cursor:pointer;background:#ffffff0a;border-radius:8px;outline:none;margin-top:8px;padding:8px 10px;font-family:inherit;font-size:.85rem}.player-choice__color-select:focus{border-color:var(--color-accent-teal,#5eead4)}.player-choice__locked-name{border:1px dashed var(--color-border,#ffffff1f);color:var(--color-text-secondary,#a8adba);background:#ffffff08;border-radius:8px;margin:0;padding:10px 12px;font-size:.95rem}.player-choice__save-btn{border:1px solid var(--color-accent-teal-strong,#22c1a0);color:var(--color-accent-teal,#5eead4);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;padding:10px 16px;font-size:.85rem;font-weight:600;transition:background .15s}.player-choice__save-btn:hover{background:#5eead41a}.player-choice__start-btn{background:linear-gradient(90deg, var(--color-accent-teal-strong,#22c1a0), var(--color-accent-coral-strong,#d9432f));color:#0b0d14;cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:8px;padding:12px;font-size:1rem;font-weight:700;transition:opacity .15s}.player-choice__start-btn:disabled{opacity:.35;cursor:not-allowed}.player-choice__start-btn:not(:disabled):hover{opacity:.9}.player-choice__coin-section{flex-direction:column;align-items:center;gap:12px;margin:8px 0 24px;display:flex}.player-choice__coin-label{color:var(--color-text-secondary,#a8adba);text-align:center;min-height:1.2em;margin:0;font-size:.9rem}.player-choice__coin{background:linear-gradient(135deg, var(--color-accent-teal,#5eead4), var(--color-accent-coral,#f97066));color:#0b0d14;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-size:1.5rem;font-weight:800;display:flex;box-shadow:0 6px 18px #00000059}.player-choice__coin:disabled{cursor:default}.player-choice__coin.is-flipping{animation:1.2s ease-out coin-flip}.player-choice__coin-face{display:inline-block}@keyframes coin-flip{0%{transform:rotateY(0)scale(1)}50%{transform:rotateY(900deg)scale(1.15)}to{transform:rotateY(1800deg)scale(1)}}.wallpaper-picker{background:var(--color-surface,#1b1f2cb8);border:1px solid var(--color-border,#ffffff14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;max-width:320px;margin:0 auto 20px;padding:14px 18px}.wallpaper-picker__label{color:var(--color-text-secondary,#a8adba);margin-bottom:8px;font-size:.8rem;display:block}.wallpaper-picker__row{align-items:center;gap:10px;display:flex}.wallpaper-picker__swatch{border:1px solid var(--color-border,#ffffff1a);background-position:50%;background-size:cover;border-radius:8px;flex-shrink:0;width:32px;height:32px}.wallpaper-picker__select{border:1px solid var(--color-border,#ffffff14);color:var(--color-text-primary,#f4f5f7);cursor:pointer;background:#ffffff0a;border-radius:8px;outline:none;flex:1;padding:8px 10px;font-family:inherit;font-size:.9rem}.wallpaper-picker__select:focus{border-color:var(--color-accent-teal,#5eead4)}.wallpaper-picker__select option{color:var(--color-text-primary,#f4f5f7);background:#1b1f2c}.multiplayer-game{text-align:center;max-width:400px;margin:0 auto}.multiplayer-game__board{background:#05060a;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px;padding:8px;display:grid}.multiplayer-game__cell{aspect-ratio:1;color:#fff;cursor:pointer;background:#12141f;border:1px solid #ffffff1f;border-radius:10px;min-height:100px;font-size:3rem;font-weight:800;transition:background .15s,border-color .15s}.multiplayer-game__cell:hover:not(:disabled){background:#1a1d2b;border-color:#ffffff40}.multiplayer-game__cell:disabled{cursor:not-allowed;opacity:.85}.multiplayer-game__status{color:#fff;margin:12px 0;font-size:1.2rem;font-weight:700}.multiplayer-game__status--win{color:#2ee6c4}.multiplayer-game__status--lose{color:#ff6b5c}.multiplayer-game__status--draw{color:#ffd75e}.multiplayer-lobby{background:var(--color-surface,#1b1f2cb8);border:1px solid var(--color-border,#ffffff14);text-align:center;border-radius:12px;max-width:400px;margin:0 auto 20px;padding:24px 20px}.multiplayer-lobby h2{color:var(--color-text-primary,#f4f5f7);margin:0 0 8px;font-size:1.1rem;font-weight:700}.multiplayer-lobby p{color:var(--color-text-secondary,#a8adba);margin:0 0 16px;font-size:.85rem}.multiplayer-lobby__signin-btn,.multiplayer-lobby__signout-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-family:inherit;font-size:.85rem;font-weight:600;transition:background .15s,color .15s,opacity .15s}.multiplayer-lobby__signin-btn{background:linear-gradient(90deg, var(--color-accent-teal-strong,#22c1a0), var(--color-accent-coral-strong,#d9432f));color:#0b0d14}.multiplayer-lobby__signin-btn:hover{opacity:.9}.multiplayer-lobby__signout-btn{border:1px solid var(--color-border,#ffffff14);color:var(--color-text-secondary,#a8adba);background:0 0}.multiplayer-lobby__signout-btn:hover{color:var(--color-text-primary,#f4f5f7);background:#ffffff0d}