@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&family=Manrope:wght@300;400;500;600;700;800&display=swap";:root{--bg: #0B0F1A;--bg-subtle: #0F1423;--surface: #151D30;--surface-hover: #1C2642;--surface-elevated: #222E4A;--surface-overlay: rgba(11, 15, 26, .85);--brand: #1B2D4A;--brand-light: #253D62;--primary: #D4AF55;--primary-hover: #E0BE68;--primary-dim: #B8963F;--primary-glow: rgba(212, 175, 85, .15);--primary-surface: rgba(212, 175, 85, .06);--secondary: #5A8FA3;--secondary-hover: #6BA3B8;--secondary-surface: rgba(90, 143, 163, .08);--secondary-glow: rgba(90, 143, 163, .12);--border: rgba(212, 175, 85, .06);--border-strong: rgba(212, 175, 85, .12);--border-accent: rgba(212, 175, 85, .25);--text: #E5E1D8;--text-secondary: #9DA3B0;--text-tertiary: #5C6478;--danger: #C45B5B;--danger-hover: #D66A6A;--danger-surface: rgba(196, 91, 91, .1);--success: #5BA87A;--success-surface: rgba(91, 168, 122, .1);--board-light: #D4C8B0;--board-dark: #7A6B52;--font-display: "Playfair Display", "Georgia", serif;--font-body: "Manrope", system-ui, sans-serif;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 20px rgba(0, 0, 0, .45);--shadow-lg: 0 12px 48px rgba(0, 0, 0, .55);--shadow-board: 0 20px 60px rgba(0, 0, 0, .6), 0 0 0 1px rgba(212, 175, 85, .04);--shadow-gold: 0 4px 24px rgba(212, 175, 85, .2);--transition: .15s ease;--transition-slow: .3s ease}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.02;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:256px 256px}body:before{content:"";position:fixed;top:-50%;left:50%;transform:translate(-50%);width:120%;height:70%;background:radial-gradient(ellipse,rgba(212,175,85,.03) 0%,transparent 60%);pointer-events:none;z-index:0}#root{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}.container{max-width:1200px;margin:0 auto;padding:2rem;flex:1;display:flex;flex-direction:column}.center-content{justify-content:center;align-items:center}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;line-height:1.2}a{color:var(--primary);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--primary-hover)}.btn{background:var(--primary);color:var(--bg);border:none;padding:.7rem 1.8rem;border-radius:var(--radius-md);font-size:.95rem;font-weight:700;cursor:pointer;transition:all var(--transition);font-family:var(--font-body);position:relative;letter-spacing:.01em}.btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-gold)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.btn-full{width:100%}.btn-large{padding:.9rem 2.5rem;font-size:1.15rem;border-radius:var(--radius-lg)}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border-strong);box-shadow:none}.btn-secondary:hover{background:var(--surface-hover);border-color:var(--border-accent);box-shadow:none;transform:translateY(-1px)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:var(--danger-hover);box-shadow:0 4px 16px #c45b5b40}.btn-play{padding:1rem 3.5rem;font-size:1.2rem;font-family:var(--font-body);font-weight:800;letter-spacing:.02em;text-transform:uppercase;border-radius:var(--radius-lg);box-shadow:0 0 0 1px #d4af554d,var(--shadow-gold)}.btn-play:hover{box-shadow:0 0 0 1px #d4af5580,0 8px 36px #d4af554d}.btn-sm{padding:.4rem 1rem;font-size:.85rem;border-radius:var(--radius-sm)}.btn-text{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-family:var(--font-body);font-size:.9rem;transition:color var(--transition);padding:.25rem 0}.btn-text:hover{color:var(--text)}.glass-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-md)}.auth-panel{max-width:420px;width:100%}.auth-title{font-family:var(--font-display);font-size:2.2rem;font-weight:700;margin:0 0 .4rem;text-align:center;color:var(--text)}.auth-subtitle{color:var(--text-tertiary);text-align:center;margin-bottom:2rem;font-size:.95rem}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{font-size:.75rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.08em}.form-group input{background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:.75rem 1rem;color:var(--text);font-size:.95rem;font-family:var(--font-body);transition:border-color var(--transition),box-shadow var(--transition)}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.form-group input::placeholder{color:var(--text-tertiary)}.auth-error{color:var(--danger);font-size:.85rem;text-align:center;margin:0;padding:.5rem;background:var(--danger-surface);border-radius:var(--radius-sm)}.auth-switch{text-align:center;color:var(--text-tertiary);margin-top:1.5rem;font-size:.9rem}.auth-switch a{color:var(--primary);font-weight:600}.auth-switch a:hover{text-decoration:underline}.home{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden}.home-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}.home-board{position:absolute;width:200%;height:200%;left:50%;top:50%;transform:translate(-50%,-50%) perspective(500px) rotateX(45deg) rotate(45deg);background:repeating-conic-gradient(#ffffff12 0% 25%,#ffffff04 0% 50%) 0 0 / 100px 100px;mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,black 10%,transparent 65%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,black 10%,transparent 65%);animation:board-drift 25s ease-in-out infinite alternate}@keyframes board-drift{0%{transform:translate(-50%,-50%) perspective(500px) rotateX(45deg) rotate(45deg)}to{transform:translate(-50%,-50%) perspective(500px) rotateX(44deg) rotate(46deg)}}.home-gradient{position:absolute;inset:0;background:radial-gradient(ellipse 50% 60% at 50% 40%,rgba(212,175,85,.03) 0%,transparent 60%)}.home-content{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1.5rem;animation:home-enter .5s ease-out}@keyframes home-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.home-title{font-family:var(--font-display);font-size:2.4rem;font-weight:700;margin:0;color:var(--text);text-align:center}.home-title-accent{color:var(--primary);font-style:italic}.hub-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);width:100%;max-width:580px;overflow:hidden}.hub-tabs{display:flex;border-bottom:1px solid var(--border)}.hub-tab{flex:1;background:none;border:none;padding:.9rem 1rem;font-family:var(--font-body);font-weight:600;font-size:.9rem;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition);position:relative;display:flex;align-items:center;justify-content:center;gap:.4rem}.hub-tab:hover{color:var(--text-secondary);background:#ffffff05}.hub-tab-active{color:var(--primary)}.hub-tab-active:after{content:"";position:absolute;bottom:-1px;left:1rem;right:1rem;height:2px;background:var(--primary);border-radius:2px 2px 0 0}.hub-tab-soon{cursor:default;opacity:.5}.hub-tab-soon:hover{color:var(--text-tertiary);background:none}.hub-tab-badge{font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;background:var(--border-strong);color:var(--text-tertiary);padding:.1rem .4rem;border-radius:100px;font-weight:700}.hub-body{padding:1.75rem 2.25rem 2.25rem;display:flex;flex-direction:column;gap:1.5rem}.tc-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem}.tc-tab{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:.75rem .5rem;cursor:pointer;text-align:center;transition:all var(--transition);display:flex;flex-direction:column;align-items:center;gap:.15rem}.tc-tab:hover{border-color:var(--border-strong);background:var(--surface-hover)}.tc-tab-active{border-color:var(--primary);background:var(--primary-surface)}.tc-tab-label{font-family:var(--font-body);font-weight:700;font-size:.85rem;color:var(--text)}.tc-tab-active .tc-tab-label{color:var(--primary)}.tc-tab-desc{font-size:.65rem;color:var(--text-tertiary);font-weight:500}.tc-tab:disabled{opacity:.4;cursor:not-allowed}.tc-options-row{display:flex;gap:.4rem;flex-wrap:wrap}.tc-pill{background:var(--bg);border:1px solid var(--border);color:var(--text-secondary);padding:.55rem 1.4rem;border-radius:100px;cursor:pointer;font-family:var(--font-body);font-weight:600;font-size:.95rem;transition:all var(--transition);font-variant-numeric:tabular-nums}.tc-pill:hover{border-color:var(--border-strong);color:var(--text);background:var(--surface-hover)}.tc-pill-active{background:var(--primary);border-color:var(--primary);color:var(--bg);font-weight:700;box-shadow:var(--shadow-gold)}.tc-pill-active:hover{background:var(--primary-hover);color:var(--bg)}.tc-pill:disabled{opacity:.4;cursor:not-allowed}.hub-actions{display:flex;flex-direction:column;gap:.5rem}.hub-error{color:var(--danger);text-align:center;font-size:.85rem;padding:.5rem 1rem;background:var(--danger-surface);border-radius:var(--radius-sm)}.searching-bar{display:flex;align-items:center;gap:1rem;background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:.75rem 1.25rem}.searching-spinner{width:24px;height:24px;border:2.5px solid rgba(212,175,85,.15);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.searching-info{flex:1;display:flex;flex-direction:column}.searching-text{font-weight:600;font-size:.85rem;color:var(--text)}.searching-tc{color:var(--text-tertiary);font-size:.75rem;font-variant-numeric:tabular-nums}.hub-soon-body{min-height:180px;align-items:center;justify-content:center}.hub-soon{text-align:center;padding:1rem 0}.hub-soon-title{font-family:var(--font-display);font-size:1.3rem;font-weight:700;margin:0 0 .5rem;color:var(--text)}.hub-soon-text{color:var(--text-tertiary);font-size:.9rem;margin:0;max-width:280px}.clock{background:#0000004d;padding:.6rem 1.2rem;border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;min-width:90px;border:1px solid transparent;transition:all var(--transition)}.clock-active{background:var(--primary-surface);border-color:#d4af5533;box-shadow:0 0 20px var(--primary-glow)}.clock-active .clock-time{color:var(--primary)}.clock-low{background:var(--danger-surface);border-color:#c45b5b40;animation:clock-pulse 1s ease-in-out infinite}.clock-low .clock-time{color:var(--danger)}@keyframes clock-pulse{0%,to{box-shadow:0 0 8px #c45b5b1a}50%{box-shadow:0 0 24px #c45b5b33}}.clock-label{font-size:.6rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.14em;font-weight:700}.clock-time{font-family:var(--font-body);font-size:1.6rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.game-layout{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:560px}.player-panel{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;border-radius:var(--radius-lg)}.player-info{display:flex;align-items:center;gap:.75rem}.player-avatar{width:36px;height:36px;border-radius:50%}.opponent-avatar{background:var(--surface-elevated);border:1px solid var(--border-strong)}.my-avatar{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dim) 100%)}.player-details h3{margin:0;font-size:.95rem;font-family:var(--font-body);font-weight:700}.player-name{font-weight:600}.player-status{font-size:.75rem;color:var(--text-tertiary)}.status-online{color:var(--success)}.board-wrapper{position:relative;width:100%}.board-container{width:100%;aspect-ratio:1;box-shadow:var(--shadow-board);border-radius:var(--radius-xs);overflow:hidden}.game-over-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--surface-overlay);z-index:10;border-radius:var(--radius-xs);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.game-over-panel{text-align:center;max-width:300px}.game-over-title{font-family:var(--font-display);font-size:1.4rem;font-weight:700;margin:0 0 1.5rem;color:var(--primary)}.game-over-actions{display:flex;gap:.5rem;justify-content:center}.connection-status{margin-top:.5rem;color:var(--primary);text-align:center;font-size:.85rem;font-weight:500}.game-controls{margin-top:.75rem;display:flex;justify-content:center}.resign-confirm{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary);font-size:.9rem}.invite-panel{margin-top:1.25rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;max-width:560px}.invite-label{color:var(--text-tertiary);font-size:.85rem}.invite-link{background:var(--bg);padding:.6rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--border-strong);-webkit-user-select:all;user-select:all;cursor:pointer;font-size:.8rem;word-break:break-all;transition:all var(--transition);color:var(--text-secondary);font-family:var(--font-body)}.invite-link:hover{background:var(--surface);border-color:var(--primary);color:var(--text)}.invite-hint{font-size:.7rem;color:var(--text-tertiary)}.color-select{display:flex;gap:1rem;margin-top:2rem;justify-content:center}.color-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 2rem;border-radius:var(--radius-lg);border:1px solid var(--border-strong);cursor:pointer;font-family:var(--font-body);font-weight:700;font-size:1rem;transition:all var(--transition)}.color-white{background:var(--board-light);color:var(--bg)}.color-white:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 28px #d4af5526}.color-black{background:var(--bg);color:var(--text);border-color:var(--border-strong)}.color-black:hover{border-color:var(--text-tertiary);transform:translateY(-2px);box-shadow:0 8px 28px #00000080}.color-piece{font-size:2.5rem;line-height:1}.tc-badge{margin-top:.75rem;background:var(--primary-surface);color:var(--primary);padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;font-variant-numeric:tabular-nums;border:1px solid rgba(212,175,85,.12)}.promotion-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--surface-overlay);z-index:20;border-radius:var(--radius-xs);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.promotion-dialog{background:var(--surface);border:1px solid var(--border-strong);padding:1.5rem;border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-lg)}.promotion-dialog p{margin:0 0 1rem;font-family:var(--font-display);font-weight:700;font-size:1.1rem}.promotion-options{display:flex;gap:.5rem}.promotion-btn{background:var(--surface-elevated);border:1px solid var(--border-strong);color:var(--text);padding:.6rem 1rem;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-body);font-weight:600;font-size:.9rem;transition:all var(--transition)}.promotion-btn:hover{background:var(--primary);border-color:var(--primary);color:var(--bg)}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.auth-panel,.game-layout{animation:fade-up .45s ease-out}@media(max-width:640px){.home-content{padding:1.5rem 1rem}.home-title{font-size:1.9rem}.hub-card{border-radius:var(--radius-lg)}.hub-body{padding:1.25rem 1.25rem 1.5rem}.tc-tabs{grid-template-columns:repeat(2,1fr)}.btn-play{padding:.9rem 2rem;font-size:1.05rem}.container{padding:1.25rem}.auth-title{font-size:1.8rem}}.puzzle-page{display:flex;justify-content:center;gap:.75rem;padding:2rem 1rem;min-height:calc(100vh - 60px)}.puzzle-layout{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:560px}.puzzle-back-bar{margin-bottom:.25rem}.puzzle-back-link{font-family:var(--font-body);font-size:.8rem;color:var(--text-secondary);text-decoration:none;transition:color .15s}.puzzle-back-link:hover{color:var(--primary)}.puzzle-unrated-badge{font-family:var(--font-body);font-size:.7rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;padding:.15rem .4rem;border:1px solid var(--text-tertiary);border-radius:3px}.puzzle-info-bar{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:var(--surface);border-radius:var(--radius-md);border:1px solid rgba(212,175,85,.1)}.puzzle-info-left{display:flex;align-items:center;gap:.75rem}.puzzle-rating-badge{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--primary)}.puzzle-themes{font-size:.8rem;color:var(--text-secondary);text-transform:capitalize}.puzzle-move-counter{font-size:.8rem;color:var(--text-tertiary)}.puzzle-board-container{position:relative;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-board)}.puzzle-result-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;background:var(--surface-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10}.puzzle-result-panel{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;background:var(--surface);border-radius:8px;width:140px;flex-shrink:0;font-size:.85rem;align-self:flex-start;position:sticky;top:5rem}.puzzle-result-panel .btn{width:100%;font-size:.8rem;padding:.5rem}@media(max-width:600px){.puzzle-page{flex-direction:column;align-items:center}.puzzle-result-panel{width:100%;max-width:560px;position:static;order:-1}}.puzzle-result-text{font-family:var(--font-display);font-size:1.8rem;font-weight:700}.puzzle-result-solved .puzzle-result-text{color:var(--success)}.puzzle-result-failed .puzzle-result-text{color:var(--danger)}.puzzle-rating-change{font-family:var(--font-body);font-size:1rem;font-weight:600}.puzzle-rating-change.positive{color:var(--success)}.puzzle-rating-change.negative{color:var(--danger)}.puzzle-solution-btn{font-size:.85rem}.puzzle-loading .puzzle-result-text{color:var(--text-secondary);font-size:1.2rem}.puzzle-controls{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.puzzle-controls-left,.puzzle-controls-right{display:flex;align-items:center;gap:.5rem}.puzzle-theme-select{background:var(--surface);color:var(--text);border:1px solid rgba(212,175,85,.15);border-radius:var(--radius-sm);padding:.4rem .6rem;font-family:var(--font-body);font-size:.85rem;cursor:pointer;transition:border-color var(--transition)}.puzzle-theme-select:focus{outline:none;border-color:var(--primary)}.puzzle-hint-badge{font-size:.75rem;color:var(--primary);padding:.25rem .5rem;background:#d4af551a;border-radius:var(--radius-xs)}.puzzle-error{color:var(--danger);font-size:.85rem;text-align:center;padding:.5rem}.btn-sm{padding:.35rem .75rem;font-size:.8rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mode-page{display:flex;justify-content:center;padding:2rem 1rem;min-height:calc(100vh - 60px)}.mode-start-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;max-width:480px;width:100%;padding:3rem 2rem;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);text-align:center}.mode-title{font-family:var(--font-display);font-size:2.4rem;font-weight:700;color:var(--primary);margin:0;letter-spacing:-.02em}.mode-description{font-family:var(--font-body);font-size:1.15rem;color:var(--text);margin:0;font-weight:500}.mode-description-sub{font-family:var(--font-body);font-size:.9rem;color:var(--text-secondary);margin:0;line-height:1.6}.mode-start-btn{margin-top:.5rem;padding:.75rem 2.5rem;font-size:1.05rem}.mode-score-display{font-family:var(--font-display);font-size:5rem;font-weight:800;color:var(--primary);line-height:1;margin:.5rem 0}.mode-score-label{font-family:var(--font-body);font-size:1rem;color:var(--text-secondary);margin:0;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.mode-game-over{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;max-width:480px;width:100%;padding:3rem 2rem;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);text-align:center;animation:fadeIn .3s ease}.mode-gameover-title{font-family:var(--font-display);font-size:1.8rem;font-weight:700;color:var(--text);margin:0}.mode-new-best{font-family:var(--font-display);font-size:1.2rem;font-weight:600;color:var(--success);padding:.4rem 1rem;background:var(--success-surface);border-radius:var(--radius-sm)}.mode-best-score{font-family:var(--font-body);font-size:.9rem;color:var(--text-tertiary);margin:0}.streak-counter{color:var(--primary)}.streak-counter-inline{font-family:var(--font-display);font-size:1.6rem;font-weight:800;color:var(--primary);line-height:1}.streak-label{font-family:var(--font-body);font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}.streak-difficulty{font-family:var(--font-display);font-size:.95rem;font-weight:700;color:var(--secondary);padding:.2rem .6rem;background:var(--secondary-surface);border-radius:var(--radius-xs)}.storm-info-bar{gap:1rem}.storm-score-inline{font-family:var(--font-display);font-size:1.6rem;font-weight:800;color:var(--primary);line-height:1}.storm-score{color:var(--primary)}.storm-timer{font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:var(--text);letter-spacing:.02em;transition:color var(--transition)}.storm-timer-low{color:var(--danger);animation:timerPulse 1s ease infinite}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.6}}.storm-consecutive-badge{font-family:var(--font-body);font-size:.8rem;color:var(--text-secondary);font-weight:500}.storm-feedback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:10;animation:feedbackFlash .6s ease forwards}.storm-feedback-correct{background:#5ba87a26}.storm-feedback-wrong{background:#c45b5b26}.storm-feedback-bonus{background:#5ba87a33}.storm-feedback-text{font-family:var(--font-display);font-size:2rem;font-weight:700}.storm-feedback-correct .storm-feedback-text{color:var(--success)}.storm-feedback-wrong .storm-feedback-text{color:var(--danger)}.storm-feedback-bonus .storm-feedback-text{color:var(--success);font-size:2.4rem}@keyframes feedbackFlash{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}.puzzle-hub{max-width:700px;margin:2rem auto;padding:2rem 1.5rem;text-align:center}.puzzle-hub-title{font-family:var(--font-display);font-size:2.2rem;font-weight:700;color:var(--text);margin-bottom:1.5rem}.puzzle-hub-rating{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-bottom:2rem}.puzzle-hub-rating-label{font-family:var(--font-body);font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}.puzzle-hub-rating-value{font-family:var(--font-display);font-size:2.6rem;font-weight:700;color:var(--primary)}.puzzle-mode-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:2rem}.puzzle-mode-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;text-decoration:none;transition:all .2s ease;cursor:pointer}.puzzle-mode-card:hover{background:var(--surface-hover);border-color:var(--primary);box-shadow:0 4px 20px var(--primary-glow);transform:translateY(-2px)}.puzzle-mode-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--primary-surface);border:1px solid var(--border-accent);font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:var(--primary)}.puzzle-mode-title{font-family:var(--font-display);font-size:1.15rem;font-weight:600;color:var(--text);margin:0}.puzzle-mode-desc{font-family:var(--font-body);font-size:.85rem;color:var(--text-secondary);margin:0;line-height:1.4}.puzzle-hub-stats-link{font-family:var(--font-body);font-size:.95rem;color:var(--primary);text-decoration:none;transition:color .15s}.puzzle-hub-stats-link:hover{color:var(--primary-hover)}@media(max-width:600px){.puzzle-mode-cards{grid-template-columns:1fr}}.hub-puzzles-body{text-align:center}.hub-puzzles-intro{padding:1.5rem 0}.hub-puzzles-title{font-family:var(--font-display);font-size:1.4rem;font-weight:600;color:var(--text);margin:0 0 .5rem}.hub-puzzles-text{font-family:var(--font-body);font-size:.9rem;color:var(--text-secondary);margin:0 0 1.5rem;line-height:1.5}.dashboard-page{max-width:1600px;margin:2rem auto;padding:0 3rem 2rem}.dashboard-columns{display:grid;grid-template-columns:1fr 1.4fr 1.2fr;gap:4rem;align-items:start}.dashboard-col{min-width:0}.dashboard-col-left,.dashboard-col-right{position:sticky;top:5rem;max-height:calc(100vh - 8rem);overflow-y:auto}.dashboard-pagination{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:.75rem}.dashboard-page-info{font-family:var(--font-body);font-size:.75rem;color:var(--text-tertiary)}.dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.dashboard-title{font-family:var(--font-display);font-size:1.8rem;font-weight:700;color:var(--text);margin:0}.dashboard-back-link{font-family:var(--font-body);font-size:.85rem;color:var(--primary);text-decoration:none}.dashboard-back-link:hover{color:var(--primary-hover)}.dashboard-loading,.dashboard-error,.dashboard-empty{font-family:var(--font-body);color:var(--text-secondary);text-align:center;padding:3rem 0}.dashboard-error{color:var(--danger)}.dashboard-rating-section{text-align:center;margin-bottom:1.5rem}.dashboard-rating-value{font-family:var(--font-display);font-size:3rem;font-weight:700;color:var(--primary)}.dashboard-rating-rd{display:block;font-family:var(--font-body);font-size:.85rem;color:var(--text-tertiary);margin-top:.25rem}.dashboard-period-tabs{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.dashboard-period-tab{font-family:var(--font-body);font-size:.8rem;padding:.4rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .15s}.dashboard-period-tab:hover{background:var(--surface-hover);color:var(--text)}.dashboard-period-tab.active{background:var(--primary-surface);border-color:var(--primary);color:var(--primary)}.dashboard-stats-row{display:flex;gap:1rem;margin-bottom:1.5rem}.dashboard-stat-box{flex:1;display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1.25rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:10px}.dashboard-stat-label{font-family:var(--font-body);font-size:.75rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em}.dashboard-stat-value{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--text)}.dashboard-bests{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.dashboard-best-card{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1.25rem;background:var(--surface);border:1px solid var(--border-accent);border-radius:10px}.dashboard-best-label{font-family:var(--font-body);font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}.dashboard-best-value{font-family:var(--font-display);font-size:1.8rem;font-weight:700;color:var(--primary)}.dashboard-section{margin-bottom:1.5rem}.dashboard-section-title{font-family:var(--font-display);font-size:1.15rem;font-weight:600;color:var(--text);margin:0 0 1rem}.dashboard-theme-table{width:100%;border-collapse:collapse;font-family:var(--font-body);font-size:.85rem}.dashboard-theme-table th{text-align:left;padding:.6rem .75rem;color:var(--text-tertiary);font-weight:500;text-transform:uppercase;font-size:.7rem;letter-spacing:.06em;border-bottom:1px solid var(--border-strong)}.dashboard-theme-table td{padding:.6rem .75rem;color:var(--text);border-bottom:1px solid var(--border)}.dashboard-theme-table tr:hover td{background:var(--surface)}.dashboard-rating-history{display:flex;flex-direction:column;gap:.5rem}.dashboard-rating-point{display:flex;align-items:center;gap:.75rem}.dashboard-rating-date{font-family:var(--font-body);font-size:.75rem;color:var(--text-tertiary);min-width:80px}.dashboard-rating-bar{height:6px;background:var(--primary);border-radius:3px;transition:width .3s ease}.dashboard-rating-num{font-family:var(--font-body);font-size:.8rem;color:var(--text-secondary);min-width:40px}.dashboard-history-list{display:flex;flex-direction:column;gap:.5rem}.dashboard-history-card{display:flex;align-items:center;gap:.75rem;padding:.5rem .6rem;background:var(--surface);border-radius:8px;border-left:3px solid transparent;text-decoration:none;color:inherit;transition:border-color .15s,background .15s;cursor:pointer}.dashboard-history-card:hover{border-color:var(--primary);background:#d4af550a}.dashboard-history-card.solved{border-left-color:var(--success)}.dashboard-history-card.failed{border-left-color:var(--danger)}.dashboard-history-details{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.dashboard-history-top,.dashboard-history-bottom{display:flex;align-items:center;gap:.5rem}.dashboard-history-rating{font-family:var(--font-body);font-size:.8rem;font-weight:600;color:var(--text)}.dashboard-history-result{font-family:var(--font-body);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.dashboard-history-result.success{color:var(--success)}.dashboard-history-result.danger{color:var(--danger)}.dashboard-history-hint{font-family:var(--font-body);font-size:.65rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em}.dashboard-history-change{font-family:var(--font-body);font-size:.8rem;font-weight:600}.dashboard-history-change.positive{color:var(--success)}.dashboard-history-change.negative{color:var(--danger)}.dashboard-history-date{font-family:var(--font-body);font-size:.75rem;color:var(--text-tertiary)}@media(max-width:400px){.dashboard-history-card{flex-direction:column;align-items:flex-start}}.dashboard-leaderboard-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.dashboard-lb-tab{font-family:var(--font-body);font-size:.8rem;padding:.4rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .15s}.dashboard-lb-tab:hover{background:var(--surface-hover);color:var(--text)}.dashboard-lb-tab.active{background:var(--primary-surface);border-color:var(--primary);color:var(--primary)}.dashboard-leaderboard{width:100%;border-collapse:collapse;font-family:var(--font-body);font-size:.95rem}.dashboard-leaderboard th{text-align:left;padding:.75rem 1rem;color:var(--text-tertiary);font-weight:500;text-transform:uppercase;font-size:.7rem;letter-spacing:.06em;border-bottom:1px solid var(--border-strong)}.dashboard-leaderboard td{padding:.75rem 1rem;color:var(--text);border-bottom:1px solid var(--border)}.dashboard-leaderboard tr:hover td{background:var(--surface)}@media(max-width:900px){.dashboard-columns{grid-template-columns:1fr}.dashboard-col-left,.dashboard-col-right{position:static;max-height:none}}@media(max-width:600px){.dashboard-stats-row{flex-direction:column}.dashboard-bests{grid-template-columns:1fr}}.navbar{background:#0b0f1aeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.navbar-inner{max-width:1200px;margin:0 auto;padding:0 2rem;height:56px;display:flex;align-items:center;justify-content:space-between}.navbar-brand{font-family:var(--font-body);font-size:1.15rem;font-weight:800;color:var(--text);text-decoration:none;display:flex;align-items:center;gap:.6rem;letter-spacing:.04em;text-transform:uppercase;transition:opacity var(--transition)}.navbar-brand:hover{opacity:.85;color:var(--text)}.navbar-logo-img{height:28px;width:auto;border-radius:3px}.navbar-links{display:flex;align-items:center;gap:1.25rem}.nav-link{color:var(--text-tertiary);text-decoration:none;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;transition:color var(--transition)}.nav-link:hover{color:var(--text)}.navbar-user{display:flex;align-items:center;gap:.75rem}.navbar-username{color:var(--primary);font-weight:700;font-size:.9rem}.navbar .btn-text:hover{color:var(--danger)}.online-count{position:fixed;bottom:12px;right:16px;display:flex;align-items:center;gap:6px;padding:6px 12px;font-family:Manrope,sans-serif;font-size:.8rem;color:var(--text-secondary);background:var(--surface);border-radius:20px;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:50}.online-count-dot{width:8px;height:8px;border-radius:50%;background-color:var(--success);flex-shrink:0}.online-count-text{white-space:nowrap}.mini-board{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);border-radius:4px;overflow:hidden;flex-shrink:0}.mini-square{display:flex;align-items:center;justify-content:center}.mini-square.light{background-color:var(--board-light, #D4C8B0)}.mini-square.dark{background-color:var(--board-dark, #7A6B52)}.mini-piece{display:flex;align-items:center;justify-content:center;pointer-events:none}.mini-piece svg{width:100%;height:100%}