@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{color-scheme:only light;--color-board: #ecd8ae;--color-board-line: #9b6d40;--color-board-dark: #4f2a10;--color-bg: #2d1e12;--color-surface: rgba(236, 216, 174, .08);--color-border: rgba(236, 216, 174, .15);--color-text: #ffffff;--color-text-muted: rgba(255, 255, 255, .65);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 24px}[data-theme=light]{--color-board: #f4e4bc;--color-board-line: #8a5d30;--color-board-dark: #3a1f0c;--color-bg: #fdfaf5;--color-surface: rgba(138, 93, 48, .05);--color-border: rgba(138, 93, 48, .12);--color-text: #2d1e12;--color-text-muted: rgba(45, 30, 18, .6)}[data-theme=character]{--color-board: #f2e6cf;--color-board-line: #b08968;--color-board-dark: #7f5539;--color-bg: #fffcf2;--color-surface: rgba(176, 137, 104, .08);--color-border: rgba(176, 137, 104, .15);--color-text: #432818;--color-text-muted: rgba(67, 40, 24, .65)}[data-theme=forest]{--color-board: #d4e09b;--color-board-line: #4a5c4e;--color-board-dark: #1b261b;--color-bg: #0f1a14;--color-surface: rgba(212, 224, 155, .05);--color-border: rgba(212, 224, 155, .12);--color-text: #f1f8e9;--color-text-muted: rgba(241, 248, 233, .6)}[data-theme=ocean]{--color-board: #caf0f8;--color-board-line: #0077b6;--color-board-dark: #023e8a;--color-bg: #03045e;--color-surface: rgba(202, 240, 248, .05);--color-border: rgba(202, 240, 248, .1);--color-text: #f0faff;--color-text-muted: rgba(240, 250, 255, .6)}[data-theme=lavender]{--color-board: #e7c6ff;--color-board-line: #7b2cbf;--color-board-dark: #3c096c;--color-bg: #10002b;--color-surface: rgba(231, 198, 255, .05);--color-border: rgba(231, 198, 255, .12);--color-text: #f8f4ff;--color-text-muted: rgba(248, 244, 255, .6)}[data-theme=modern]{--color-board: #e0e0e0;--color-board-line: #666666;--color-board-dark: #333333;--color-bg: #121212;--color-surface: rgba(255, 255, 255, .05);--color-border: rgba(255, 255, 255, .1);--color-text: #ffffff;--color-text-muted: rgba(255, 255, 255, .6)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--color-bg);color:var(--color-text);line-height:1.5;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .4s cubic-bezier(.4,0,.2,1),color .4s cubic-bezier(.4,0,.2,1)}#root{min-height:100vh}a{color:var(--color-board-line);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer;border:none;background:none;padding:0}img,svg{display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-board-line)}html,body,#root{forced-color-adjust:none}@media(prefers-color-scheme:dark){body{background-color:var(--color-bg)!important;color:var(--color-text)!important;filter:none!important;-webkit-filter:none!important}}.user-search-container{position:relative;display:flex;align-items:center;justify-content:center}.search-icon-btn{padding:0!important;display:flex!important;justify-content:center!important;align-items:center!important;color:var(--text-2)}.search-icon-btn:hover{color:var(--text-1)}.search-input-wrapper{position:absolute;top:-4px;right:0;display:flex;align-items:center;background:#392b20;border:1.5px solid var(--border-color, #b58252);border-radius:8px;height:40px;z-index:1000;box-shadow:0 4px 12px #0006;min-width:220px}.search-input{background:transparent;border:none;color:var(--text-1);font-size:.95rem;outline:none;width:100%;padding:0 12px}.search-input::placeholder{color:var(--text-3)}.search-dropdown{position:absolute;top:44px;right:0;width:260px;background:#392b20;border:1.5px solid var(--border-color, #b58252);border-radius:8px;box-shadow:0 4px 12px #0006;z-index:1000;overflow:hidden;max-height:300px;overflow-y:auto}.search-dropdown-msg{padding:12px;text-align:center;color:var(--text-3);font-size:.9rem}.search-results-list{list-style:none;margin:0;padding:0}.search-result-item{display:flex;align-items:center;padding:6px 10px;cursor:pointer;transition:background .2s ease;gap:8px}.search-result-item:hover{background:#ffffff14}.search-result-item:not(:last-child){border-bottom:1px solid rgba(181,130,82,.3)}.search-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;border:1px solid var(--border-color)}.search-avatar-placeholder{width:24px;height:24px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.search-nickname{color:var(--text-1);font-weight:500}@media screen and (max-width:380px){.search-input-wrapper{min-width:180px;right:-8px}}@media screen and (min-width:1024px){.search-dropdown.expand-up{top:auto;bottom:12px}.app-root-layout.sidebar-collapsed .search-input-wrapper,.app-root-layout.sidebar-collapsed .search-dropdown{left:calc(100% + 8px);right:auto}}.language-picker{display:inline-flex;align-items:center}.language-select{appearance:none;background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);padding:.35rem 1.8rem .35rem .75rem;border-radius:6px;font-size:.85rem;cursor:pointer;outline:none;transition:all .2s;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2212%22%20height%3D%228%22%20viewBox%3D%220%200%2012%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1.41%200.589966L6%205.16997L10.59%200.589966L12%201.99997L6%207.99997L0%201.99997L1.41%200.589966Z%22%20fill%3D%22%23b08968%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right .6rem center;background-size:.7rem}[data-theme=light] .language-select,[data-theme=character] .language-select{background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2212%22%20height%3D%228%22%20viewBox%3D%220%200%2012%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1.41%200.589966L6%205.16997L10.59%200.589966L12%201.99997L6%207.99997L0%201.99997L1.41%200.589966Z%22%20fill%3D%22%23432818%22%2F%3E%3C%2Fsvg%3E)}.language-select:focus,.language-select:hover{background-color:#b0896826;border-color:var(--color-board-line)}.language-select option{background-color:var(--color-bg);color:var(--color-text)}.nb-wrap{position:relative}.nb-bell{background:none;border:none;cursor:pointer;font-size:1.15rem;padding:.3rem .4rem;position:relative;color:var(--color-text, #f5f0e8);transition:opacity .2s;border-radius:8px}.nb-bell:hover{opacity:.75;background:#ffffff12}.nb-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;font-size:.64rem;font-weight:700;border-radius:10px;padding:1px 5px;min-width:18px;text-align:center;pointer-events:none}.nb-dropdown{position:absolute;right:0;top:calc(100% + 8px);width:310px;max-height:420px;overflow-y:auto;background:var(--color-surface, #1e1b16);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 16px 48px #00000080;z-index:8000;animation:nb-slide .15s ease}@media(min-width:1024px){.nb-dropdown{left:calc(100% + 8px);bottom:0;top:auto;right:auto}}@keyframes nb-slide{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.nb-header{padding:.8rem 1rem .5rem;font-weight:700;font-size:.85rem;color:var(--color-text-secondary, #aaa);border-bottom:1px solid rgba(255,255,255,.06)}.nb-empty{padding:1rem;font-size:.85rem;color:var(--color-text-secondary, #aaa);text-align:center}.nb-item{padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.nb-item.unread{background:#22c55e0d}.nb-item-text{font-size:.83rem;color:var(--color-text, #f5f0e8);line-height:1.4}.nb-item-actions{display:flex;gap:.4rem;flex-shrink:0}.nb-approve,.nb-deny{width:26px;height:26px;border-radius:50%;border:none;cursor:pointer;font-size:.85rem;font-weight:700}.nb-approve{background:#16a34a;color:#fff}.nb-deny{background:#dc2626;color:#fff}.sidebar-container{display:flex;flex-direction:column;position:sticky;top:0;z-index:100}@media(min-width:1024px){.sidebar-container{height:100vh;width:var(--sidebar-width);position:relative;border-right:1px solid var(--color-border);flex-shrink:0;background:var(--color-bg)}}.navbar{width:100%;background:var(--color-bg);opacity:.95;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}@media(max-width:1023px){.navbar{border-bottom:1px solid var(--color-border)}}@media(min-width:1024px){.navbar{height:100%;display:flex;flex-direction:column}}.theme-select{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:6px;padding:.35rem .5rem;font-size:.75rem;font-weight:600;cursor:pointer;outline:none;transition:all .2s ease}.theme-select:hover{border-color:var(--color-board-line)}.navbar-inner{max-width:960px;margin:0 auto;padding:0 1.25rem;height:80px;display:flex;align-items:center;justify-content:space-between}@media(min-width:1024px){.navbar-inner{flex-direction:column;height:100%;max-width:none;padding:1.5rem 15px 1.5rem 11px;align-items:stretch;justify-content:space-between;gap:1.5rem}.navbar-brand{justify-content:center;margin-bottom:1.5rem}}.navbar-brand{display:flex;align-items:center;gap:.25rem;text-decoration:none;color:inherit;flex-shrink:0}.navbar-brand:hover{text-decoration:none}.navbar-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:inherit}.navbar-logo-img{height:54px;width:auto}.navbar-brand-name{display:flex;flex-direction:row;align-items:baseline;line-height:1.05;gap:0}.navbar-brand-line1{font-size:1.35rem;font-weight:400;letter-spacing:-.3px;background:linear-gradient(135deg,var(--color-board) 0%,var(--color-board-line) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-brand-line2{font-size:1.35rem;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,var(--color-board) 0%,var(--color-board-line) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-logo-icon{font-size:1.6rem;line-height:1}.navbar-logo-text{font-size:1.25rem;font-weight:700;letter-spacing:-.5px;background:linear-gradient(135deg,var(--color-board) 0%,var(--color-board-line) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-actions{display:flex;align-items:center;gap:.625rem}@media(min-width:1024px){.navbar-mobile-menu{display:none!important}.navbar-actions{flex-direction:column;align-items:stretch;gap:1rem}.navbar-bottom-group{display:flex;flex-direction:column;align-items:stretch;gap:.625rem}.navbar-actions .btn{justify-content:center}.navbar-actions .btn-play{padding-right:1.35rem}.navbar-bottom-group .btn{justify-content:flex-start;padding-left:1.25rem}}.nav-bottom-btn{border:1.5px solid #b58252!important;border-radius:8px!important}.nav-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;font-size:1.15rem}.btn{display:inline-flex;align-items:center;gap:.375rem;padding:.45rem 1rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;border:none;transition:all .2s ease;white-space:nowrap;font-family:inherit}.btn-ghost{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.btn-ghost:hover{background:var(--color-surface);color:#fff;border-color:#ecd8ae4d}.btn-primary{background:linear-gradient(135deg,var(--color-board) 0%,var(--color-board-line) 100%);color:var(--color-board-dark);border:none}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 18px #9b6d4059}.btn-create{background:var(--color-board-dark);color:var(--color-board);border:1px solid var(--color-board-line)}.btn-create:hover{transform:translateY(-1px);box-shadow:0 4px 18px #4f2a1066;background:#3d200c}.navbar-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;background:transparent;border:none;cursor:pointer;padding:.25rem;width:36px;height:36px}.hamburger-line{display:block;width:22px;height:2px;background:var(--color-text);border-radius:2px;transition:all .25s ease}.navbar-mobile-menu{display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.25rem;border-top:1px solid var(--color-border)}.mobile-full{width:100%;justify-content:center}@media(max-width:1023px){.navbar-inner{height:52px;padding:0 .5rem}.navbar-actions{display:none}.navbar-hamburger{display:flex;order:-1;margin-right:.5rem;width:32px;height:32px}.navbar-top-group{order:0;flex:1;display:flex;align-items:center}.navbar-logo-img{height:32px}.navbar-brand-line1,.navbar-brand-line2{font-size:1.15rem}.navbar-bottom-group{order:1;display:flex!important;flex-direction:row!important;align-items:center;gap:.25rem!important}.nav-expand-toggle,.nav-text{display:none!important}.navbar-settings-wrap,.nb-wrap{width:auto!important}.nav-bottom-btn{width:32px!important;height:32px!important;padding:0!important;justify-content:center!important;align-items:center!important;border-radius:8px!important}.nav-icon-wrapper{margin:0!important;padding:0!important;display:flex!important;justify-content:center!important;align-items:center!important;font-size:1.05rem!important}.navbar-avatar-btn.nav-icon-wrapper{width:24px!important;height:24px!important}}.btn-play{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem 1.3rem;border-radius:9999px;font-weight:700;font-size:.95rem;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;cursor:pointer;box-shadow:0 0 #22c55e80;animation:play-pulse 2.4s infinite;transition:transform .15s ease,box-shadow .15s ease;font-family:inherit}.btn-play:hover{transform:scale(1.05);box-shadow:0 4px 20px #22c55e73}.btn-play .play-icon{font-size:1.25rem;display:inline-block}@keyframes play-pulse{0%,to{box-shadow:0 0 #22c55e73}50%{box-shadow:0 0 0 8px #22c55e00}}.navbar-avatar-wrap{position:relative}.navbar-avatar-btn{width:36px;height:36px;border-radius:50%;background:var(--color-accent, #a78b6a);border:2px solid var(--color-border, rgba(255, 255, 255, .15));cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s,border-color .15s}.navbar-avatar-btn:hover{transform:scale(1.08);border-color:var(--color-accent, #a78b6a)}.navbar-avatar-initial{font-size:.95rem;font-weight:700;color:#fff;-webkit-user-select:none;user-select:none}.navbar-avatar-photo{width:100%;height:100%;object-fit:cover;border-radius:50%}.navbar-dropdown-header{padding:.75rem 1rem .6rem}.navbar-dropdown-nick{font-size:.95rem;font-weight:700;color:var(--color-text);margin-bottom:.35rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navbar-dropdown-ratings{display:flex;gap:.4rem;flex-wrap:wrap}.nb-rating-badge{font-size:.72rem;font-weight:700;padding:.2rem .5rem;border-radius:99px;background:#ffffff12;border:1px solid rgba(255,255,255,.12);color:var(--color-text-muted, #b0a090);white-space:nowrap}.navbar-dropdown{position:absolute;right:0;top:calc(100% + 8px);min-width:180px;background:#1e1a15;border:1px solid var(--color-border, rgba(255, 255, 255, .12));border-radius:12px;box-shadow:0 12px 40px #0006;overflow:hidden;z-index:200;animation:dropdown-in .18s ease}@media(min-width:1024px){.navbar-dropdown{left:calc(100% + 8px);bottom:0;top:auto;right:auto}}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.navbar-dropdown-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.65rem 1rem;text-align:left;background:none;border:none;cursor:pointer;font-size:.9rem;color:var(--color-text, #e8dcc8);transition:background .12s;font-family:inherit}.navbar-dropdown-item:hover{background:#ffffff0f}.navbar-dropdown-item.danger{color:#f87171}.navbar-dropdown-divider{height:1px;background:var(--color-border, rgba(255, 255, 255, .1));margin:.25rem 0}.btn.danger{color:#f87171}.navbar-settings-wrap{position:relative;display:flex;align-items:center;width:100%}.settings-dropdown{min-width:240px}.settings-inline-item{display:flex;justify-content:space-between;align-items:center;padding:.65rem 1rem;font-size:.9rem;color:var(--color-text, #e8dcc8)}.settings-inline-item span{pointer-events:none}.settings-inline-item:hover{background:transparent}@media(min-width:1024px){.app-root-layout.sidebar-collapsed .navbar-inner{padding-left:5px;padding-right:9px}.app-root-layout.sidebar-collapsed .navbar-brand{padding-left:0;padding-right:0;justify-content:center;width:100%;margin-bottom:1rem}.app-root-layout.sidebar-collapsed .navbar-logo-img{height:54px;width:auto;margin:0 auto;transform:translate(2.5px)}.app-root-layout.sidebar-collapsed .navbar-actions,.app-root-layout.sidebar-collapsed .navbar-bottom-group{align-items:center;width:100%}.app-root-layout.sidebar-collapsed .navbar-settings-wrap,.app-root-layout.sidebar-collapsed .nb-wrap{display:flex;justify-content:center;width:100%}.app-root-layout.sidebar-collapsed .navbar .btn,.app-root-layout.sidebar-collapsed .nav-bottom-btn{padding:0!important;display:flex!important;justify-content:center!important;align-items:center!important;width:40px!important;height:40px!important;border-radius:12px!important;box-sizing:border-box!important}.app-root-layout.sidebar-collapsed .nav-icon-wrapper{margin:0!important;padding:0!important;display:flex!important;justify-content:center!important;align-items:center!important}.app-root-layout.sidebar-collapsed .btn-play .play-icon{transform:translate(1.5px)}}.mobile-auth-actions,.mobile-only-brand{display:none}@media(max-width:1023px){.navbar-brand-name.mobile-only-brand{display:flex}.mobile-auth-actions{display:flex;align-items:center;gap:.5rem}.mobile-auth-actions .mobile-auth-btn{padding:0 .6rem!important;height:32px!important;border-radius:8px!important}.mobile-auth-actions .auth-icon{width:auto!important;height:auto!important;margin-right:4px!important;font-size:1.05rem!important}.mobile-auth-actions .auth-text{font-size:.9rem;display:inline-block}.navbar-bottom-group.logged-out .nav-settings-container{display:none!important}}@media screen and (max-width:480px){.navbar-brand-name{display:none!important}}.mobile-search{display:none}@media(max-width:1023px){.desktop-search{display:none!important}.mobile-search{display:flex;margin-right:8px}}.modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:200;padding:1rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-box{background:var(--color-bg);border:1px solid var(--color-border);border-radius:24px;padding:2rem 2rem 1.75rem;width:100%;max-width:400px;position:relative;animation:slideUp .25s ease;box-shadow:0 32px 80px #00000080}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:1rem;right:1rem;background:var(--color-surface);border:none;color:var(--color-text-muted);width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:.85rem;display:flex;align-items:center;justify-content:center;transition:all .2s;font-family:inherit;padding:0}.modal-close:hover{background:var(--color-border);color:var(--color-text)}.modal-logo{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-bottom:1.5rem}.modal-logo-icon{font-size:1.75rem;line-height:1}.modal-logo-text{font-size:1.4rem;font-weight:700;background:linear-gradient(135deg,var(--color-board) 0%,var(--color-board-line) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-tabs{display:flex;background:var(--color-surface);border-radius:10px;padding:3px;margin-bottom:1.25rem}.modal-tab{flex:1;background:transparent;border:none;color:var(--color-text-muted);padding:.5rem;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:600;font-family:inherit;transition:all .2s}.modal-tab.active{background:var(--color-border);color:var(--color-text)}.btn-google{width:100%;display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.65rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.btn-google:hover{background:var(--color-border)}.modal-divider{display:flex;align-items:center;gap:.75rem;margin:1rem 0;color:var(--color-text-muted);font-size:.8rem}.modal-divider:before,.modal-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.modal-form{display:flex;flex-direction:column;gap:.875rem}.form-group{display:flex;flex-direction:column;gap:.3rem}.form-label{font-size:.8rem;font-weight:600;color:var(--color-text-muted);letter-spacing:.3px}.form-input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:.65rem .875rem;color:var(--color-text);font-size:.9rem;font-family:inherit;transition:border-color .2s,background .2s;outline:none}.form-input:focus{border-color:#f5c84280;background:#ffffff17}.form-input::placeholder{color:var(--color-text-muted);opacity:.5}.form-error{font-size:.8rem;color:#f43f5e;margin:0}.btn-submit{width:100%;padding:.7rem;background:linear-gradient(135deg,var(--color-board) 0%,var(--color-board-line) 100%);color:var(--color-bg);border:none;border-radius:10px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s;font-family:inherit;margin-top:.25rem}.btn-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #f5c84259}.btn-submit:disabled{opacity:.6;cursor:default}.modal-footer-text{text-align:center;font-size:.82rem;color:var(--color-text-muted);margin:1rem 0 0}.modal-link{background:none;border:none;color:var(--color-board);cursor:pointer;font-size:inherit;font-family:inherit;font-weight:600;padding:0;text-decoration:underline;text-decoration-color:transparent;transition:text-decoration-color .2s}.modal-link:hover{text-decoration-color:var(--color-board)}.verify-email-step{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center}.verify-icon{font-size:3rem;margin-bottom:.25rem}.verify-title{font-size:1.3rem;font-weight:700;color:var(--color-text);margin:0}.verify-desc{font-size:.85rem;color:var(--color-text-muted);line-height:1.6;margin:0}.verify-desc strong{color:var(--color-board)}.verify-resend{background:none;border:none;color:var(--color-text-muted);font-size:.82rem;cursor:pointer;font-family:inherit;padding:.4rem;transition:color .2s}.verify-resend:hover:not(:disabled){color:var(--color-board)}.verify-resend:disabled{opacity:.5;cursor:default}@media(max-width:400px){.modal-box{padding:1.5rem 1.25rem 1.25rem;border-radius:18px}.modal-logo,.modal-tabs{margin-bottom:1rem}.btn-submit{padding:.6rem;font-size:.9rem}}.webview-warning{background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:12px;padding:.875rem 1rem;text-align:center;animation:slideUp .2s ease}.webview-warning>p{margin:0;font-size:.82rem;color:var(--color-text-muted);line-height:1.5}.btn-copy-url{width:100%;margin:.5rem 0;padding:.65rem 1rem;background:linear-gradient(135deg,#4285f4,#3367d6);color:#fff;border:none;border-radius:8px;font-size:.88rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .2s}.btn-copy-url:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4285f466}.webview-hint{font-size:.75rem!important;opacity:.7}.rank-badge{display:inline-flex;align-items:center;gap:.5rem;font-weight:600}.rank-badge-icon{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;border-radius:4px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);position:relative;overflow:hidden;font-family:var(--font-header),system-ui,sans-serif}.rank-badge-icon:after{content:"";position:absolute;top:0;left:-50%;width:200%;height:100%;background:linear-gradient(to right,#fff0,#ffffff4d,#fff0);transform:skew(-20deg)}.badge-tier-wood .rank-badge-icon{background:linear-gradient(135deg,hsl(35,40%,calc(45% - var(--progress) * 15%)),hsl(25,40%,calc(30% - var(--progress) * 15%)));border:1px solid hsl(30,40%,calc(50% - var(--progress) * 10%));box-shadow:inset 0 1px 1px #ffffff1a,0 2px 4px #0006}.badge-tier-stone .rank-badge-icon{background:linear-gradient(135deg,hsl(200,10%,calc(60% - var(--progress) * 30%)),hsl(200,15%,calc(40% - var(--progress) * 25%)));border:1px solid hsl(200,10%,calc(70% - var(--progress) * 20%));box-shadow:inset 0 1px 1px #fff3,0 2px 4px #00000080}.badge-tier-jade .rank-badge-icon{background:linear-gradient(135deg,hsl(150,calc(40% + var(--progress) * 30%),calc(40% + var(--progress) * 15%)),hsl(160,calc(50% + var(--progress) * 30%),calc(25% + var(--progress) * 10%)));border:1px solid hsl(155,70%,calc(55% + var(--progress) * 15%));box-shadow:inset 0 1px 2px #fff6,0 2px 4px #0009}.badge-tier-silver .rank-badge-icon{background:linear-gradient(135deg,hsl(210,calc(60% + var(--progress) * 20%),calc(50% + var(--progress) * 15%)),hsl(220,calc(60% + var(--progress) * 20%),calc(20% + var(--progress) * 15%)));border:1px solid hsl(210,calc(70% + var(--progress) * 20%),calc(65% + var(--progress) * 15%));box-shadow:inset 0 1px 2px #ffffff80,0 0 calc(4px + var(--progress) * 8px) rgba(100,180,255,calc(.3 + var(--progress) * .4));text-shadow:0 0 4px rgba(255,255,255,.5),0 1px 2px rgba(0,0,0,.8)}.badge-tier-gold .rank-badge-icon{background:linear-gradient(135deg,hsl(45,90%,calc(45% + var(--progress) * 20%)),hsl(25,90%,calc(25% + var(--progress) * 20%)));border:1px solid hsl(50,100%,calc(60% + var(--progress) * 20%));box-shadow:inset 0 1px 3px #ffffffb3,0 0 calc(8px + var(--progress) * 12px) rgba(255,215,0,calc(.5 + var(--progress) * .3));color:#fffbdf;text-shadow:0 0 6px rgba(255,215,0,.8),0 1px 2px rgba(0,0,0,1)}.badge-tier-platinum .rank-badge-icon{background:linear-gradient(135deg,hsl(280,80%,calc(55% + var(--progress) * 20%)),hsl(260,90%,calc(15% + var(--progress) * 20%)));border:1px solid hsl(280,100%,calc(75% + var(--progress) * 20%));box-shadow:inset 0 1px 3px #fffc,0 0 calc(12px + var(--progress) * 16px) rgba(200,100,255,calc(.6 + var(--progress) * .4));color:#fff;text-shadow:0 0 8px rgba(240,200,255,.9),0 1px 2px rgba(0,0,0,1);animation:breathe-platinum 3s infinite alternate}@keyframes breathe-platinum{0%{box-shadow:inset 0 1px 3px #fffc,0 0 12px #c864ff99}to{box-shadow:inset 0 1px 3px #fffc,0 0 24px #c864ffe6}}.badge-tier-cosmic .rank-badge-icon{background:linear-gradient(135deg,#00f2fe,#4facfe,#f093fb);background-size:200% 200%;border:1px solid rgba(255,255,255,.9);box-shadow:inset 0 1px 4px #fff,0 0 30px #00f2fecc,0 0 60px #f093fb99;color:#fff;text-shadow:0 0 10px rgba(255,255,255,1),0 1px 3px rgba(0,0,0,1);animation:cosmic-bg 4s ease infinite}@keyframes cosmic-bg{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.rank-badge-small .rank-badge-icon{font-size:.75rem;min-width:2rem}.rank-badge-small .rank-badge-text{font-size:.8rem;color:var(--color-disabled)}.rank-badge-medium .rank-badge-icon{font-size:.9rem;min-width:2.5rem;padding:3px 8px}.rank-badge-medium .rank-badge-text{font-size:.95rem;color:var(--color-disabled)}.rank-badge-large .rank-badge-icon{font-size:1.25rem;min-width:3.5rem;padding:4px 12px;border-width:2px}.rank-badge-large .rank-badge-text{font-size:1.1rem;color:var(--color-text)}.pm-overlay{position:fixed;inset:0;background:#000000a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:500;padding:1rem}.pm-box{background:var(--color-surface, #1e1a15);border:1px solid var(--color-border, rgba(255, 255, 255, .12));border-radius:20px;padding:2rem;width:100%;max-width:480px;position:relative;box-shadow:0 24px 64px #00000080;animation:pm-in .22s ease}@keyframes pm-in{0%{opacity:0;transform:scale(.95) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.pm-close{position:absolute;top:1rem;right:1rem;background:none;border:none;cursor:pointer;font-size:1.1rem;color:var(--color-text-muted, #aaa);transition:color .15s}.pm-close:hover{color:var(--color-text, #e8dcc8)}.pm-steps{display:flex;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.pm-step{width:32px;height:32px;border-radius:50%;border:2px solid var(--color-border, rgba(255, 255, 255, .2));display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:var(--color-text-muted, #aaa);transition:all .2s}.pm-step.active{border-color:#22c55e;color:#22c55e;box-shadow:0 0 12px #22c55e66}.pm-step.done{border-color:#22c55e;background:#22c55e;color:#fff}.pm-title{font-size:1.3rem;font-weight:700;text-align:center;margin-bottom:.25rem;color:var(--color-text, #e8dcc8)}.pm-subtitle{font-size:.82rem;text-align:center;color:var(--color-text-muted, #999);margin-bottom:1.25rem}.pm-section{animation:pm-in .18s ease}.pm-cards{display:flex;gap:1rem;margin-bottom:1.5rem}.pm-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1.25rem 1rem;border-radius:14px;border:2px solid var(--color-border, rgba(255, 255, 255, .12));background:transparent;cursor:pointer;transition:all .18s;position:relative;font-family:inherit}.pm-card:hover:not(:disabled){border-color:#22c55e80;background:#22c55e0a}.pm-card.selected{border-color:#22c55e;background:#22c55e14;box-shadow:0 0 0 3px #22c55e26}.pm-card:disabled{opacity:.45;cursor:not-allowed}.pm-card-icon{font-size:2rem}.pm-card-label{font-size:1.1rem;font-weight:700;color:var(--color-text, #e8dcc8);white-space:nowrap}.pm-card-sub{font-size:.73rem;color:var(--color-text-muted, #999);text-align:center}.pm-card-rating{font-size:.78rem;color:#22c55e;font-weight:600;margin-top:.25rem}.pm-card-badge{position:absolute;top:.5rem;right:.5rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:.65rem;font-weight:700;padding:.15rem .4rem;border-radius:4px}.pm-time-list{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.5rem}.pm-time-btn{padding:.75rem 1rem;border-radius:10px;border:2px solid var(--color-border, rgba(255, 255, 255, .12));background:transparent;cursor:pointer;font-size:.9rem;color:var(--color-text, #e8dcc8);font-family:inherit;font-weight:600;text-align:left;transition:all .15s}.pm-time-btn:hover{border-color:#22c55e73}.pm-time-btn.selected{border-color:#22c55e;background:#22c55e14}.pm-nav{display:flex;justify-content:space-between;align-items:center;gap:1rem}.pm-next,.pm-play-btn{padding:.6rem 1.4rem;border-radius:9999px;font-weight:700;font-size:.95rem;border:none;cursor:pointer;font-family:inherit;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;transition:transform .15s,box-shadow .15s;margin-left:auto}.pm-next:hover,.pm-play-btn:hover{transform:scale(1.04);box-shadow:0 4px 16px #22c55e66}.pm-play-btn{font-size:1rem;padding:.7rem 1.8rem}.pm-back{background:none;border:none;cursor:pointer;color:var(--color-text-muted, #999);font-size:.9rem;font-family:inherit;transition:color .15s}.pm-back:hover{color:var(--color-text, #e8dcc8)}@media(max-width:400px){.pm-box{padding:1.5rem 1.25rem;border-radius:16px}.pm-title{font-size:1.15rem}.pm-cards{flex-direction:column;gap:.6rem}.pm-card{flex-direction:row;padding:.85rem 1rem;gap:.75rem}.pm-card-icon{font-size:1.5rem}.pm-card-label{font-size:.95rem}.pm-card-sub{text-align:left}.pm-time-btn{padding:.6rem .85rem;font-size:.85rem}.pm-next,.pm-play-btn{padding:.55rem 1.2rem;font-size:.88rem}.pm-play-btn{padding:.6rem 1.4rem;font-size:.92rem}}.mm-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:500;padding:1rem}.mm-box{background:var(--color-surface, #1e1a15);border:1px solid var(--color-border, rgba(255, 255, 255, .12));border-radius:24px;padding:2.5rem 2rem;width:100%;max-width:380px;text-align:center;box-shadow:0 24px 80px #0000008c;animation:mm-in .3s ease}@keyframes mm-in{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}.mm-spinner-wrap{display:flex;justify-content:center;margin-bottom:1.5rem}.mm-spinner{width:64px;height:64px;border-radius:50%;border:3px solid var(--color-border, rgba(255, 255, 255, .1));position:relative;animation:mm-spin 1.6s linear infinite}@keyframes mm-spin{to{transform:rotate(360deg)}}.mm-stone{position:absolute;width:16px;height:16px;border-radius:50%;top:50%;transform-origin:50% 50%}.mm-stone-b{background:#111;border:2px solid #444;left:-8px;margin-top:-8px}.mm-stone-w{background:#f0ece6;border:2px solid #ccc;right:-8px;margin-top:-8px}.mm-title{font-size:1.25rem;font-weight:700;color:var(--color-text, #e8dcc8);margin-bottom:1rem}.mm-info{display:flex;flex-direction:column;gap:.4rem;align-items:center;margin-bottom:1rem}.mm-badge{display:inline-flex;align-items:center;gap:.4rem;background:#22c55e1f;border:1px solid rgba(34,197,94,.3);color:#22c55e;font-size:.82rem;font-weight:600;padding:.3rem .75rem;border-radius:9999px}.mm-badge-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;animation:dot-pulse 1.2s infinite}@keyframes dot-pulse{0%,to{opacity:1}50%{opacity:.2}}.mm-rating-range{font-size:.8rem;color:var(--color-text-muted, #999)}.mm-sub{font-size:.78rem;color:var(--color-text-muted, #888);margin-bottom:1rem;line-height:1.6}.mm-elapsed{font-size:2rem;font-weight:800;color:var(--color-text, #e8dcc8);font-variant-numeric:tabular-nums;margin-bottom:1.5rem;letter-spacing:-1px}.mm-cancel{padding:.55rem 1.75rem;border-radius:9999px;border:1px solid var(--color-border, rgba(255, 255, 255, .2));background:transparent;color:var(--color-text-muted, #aaa);font-size:.9rem;font-family:inherit;cursor:pointer;transition:all .15s}.mm-cancel:hover{border-color:#f87171;color:#f87171}@media(max-width:400px){.mm-box{padding:2rem 1.25rem;border-radius:18px}.mm-title{font-size:1.1rem}.mm-elapsed{font-size:1.6rem}}.ri-overlay{position:fixed;inset:0;background:linear-gradient(135deg,#0a0805f2,#140f08f7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:600;padding:1rem}.ri-box{background:var(--color-surface, #1e1a15);border:1px solid var(--color-border, rgba(255, 255, 255, .12));border-radius:24px;padding:2.5rem 2rem;width:100%;max-width:520px;box-shadow:0 32px 80px #0009;animation:ri-in .3s ease}@keyframes ri-in{0%{opacity:0;transform:scale(.92) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.ri-logo{font-size:1.1rem;font-weight:700;text-align:center;color:var(--color-text-muted, #aaa);margin-bottom:1rem}.ri-title{font-size:1.5rem;font-weight:800;text-align:center;color:var(--color-text, #e8dcc8);margin-bottom:.5rem}.ri-sub{font-size:.85rem;text-align:center;color:var(--color-text-muted, #999);margin-bottom:1.75rem;line-height:1.6}.ri-cards{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.ri-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-radius:14px;border:2px solid var(--color-border, rgba(255, 255, 255, .12));background:transparent;cursor:pointer;text-align:left;font-family:inherit;transition:all .18s;width:100%}.ri-card:hover:not(:disabled){border-color:#a78b6a80;background:#a78b6a0d}.ri-card.loading{border-color:#22c55e;background:#22c55e14;opacity:.8;cursor:wait}.ri-card-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.ri-icon{font-size:1.8rem;flex-shrink:0}.ri-label{font-size:1rem;font-weight:700;color:var(--color-text, #e8dcc8)}.ri-desc{font-size:.8rem;color:var(--color-text-muted, #999);line-height:1.35}.ri-rating-badge{font-size:.85rem;font-weight:700;color:#22c55e;background:#22c55e26;padding:.35rem .65rem;border-radius:8px;white-space:nowrap;flex-shrink:0}@media(max-width:480px){.ri-box{padding:2rem 1.25rem}.ri-card{padding:.85rem;gap:.75rem}.ri-icon{font-size:1.5rem}.ri-label{font-size:.95rem}.ri-desc{font-size:.75rem}.ri-rating-badge{font-size:.8rem;padding:.25rem .5rem}}.active-game-banner{position:fixed;top:0;left:0;width:100%;z-index:9999;background:linear-gradient(135deg,#1e293b,#0f172a);border-bottom:2px solid #4f46e5;padding:12px 20px;animation:banner-slide-down .3s ease}@keyframes banner-slide-down{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.active-game-banner-content{display:flex;align-items:center;justify-content:center;gap:12px;max-width:800px;margin:0 auto;flex-wrap:wrap}.active-game-banner-icon{font-size:20px}.active-game-banner-text{color:#ffffffe6;font-size:14px}.active-game-banner-text strong{color:#fff}.active-game-banner-actions{display:flex;gap:8px}.active-game-btn{padding:6px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;border:none;transition:all .2s}.active-game-btn.rejoin{background:#4f46e5;color:#fff}.active-game-btn.rejoin:hover{background:#4338ca;transform:translateY(-1px)}.active-game-btn.abandon{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.active-game-btn.abandon:hover{background:#ef44444d}.active-game-btn.abandon:disabled{opacity:.5;cursor:not-allowed}@media(max-width:600px){.active-game-banner-content{flex-direction:column;text-align:center}}#root{width:100%;margin:0;padding:0;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.session-eviction-banner{position:fixed;top:0;left:0;right:0;z-index:9999;display:flex;align-items:center;justify-content:center;gap:1rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#7c3000,#b94800);color:#fff;font-size:.9rem;font-weight:500;box-shadow:0 4px 20px #00000059;animation:bannerSlideDown .35s cubic-bezier(.22,1,.36,1)}@keyframes bannerSlideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.session-eviction-banner span{flex:1;text-align:center}.session-eviction-banner button{background:#ffffff26;border:1px solid rgba(255,255,255,.35);color:#fff;padding:.25rem .9rem;border-radius:20px;font-size:.8rem;cursor:pointer;transition:background .2s}.session-eviction-banner button:hover{background:#ffffff47}:root{--sidebar-width: 220px}@media(min-width:1024px){.app-root-layout.sidebar-expanded{--sidebar-width: 220px}.app-root-layout.sidebar-collapsed{--sidebar-width: 62px}}.app-root-layout{display:flex;flex-direction:column;height:100vh;width:100%}.app-main-view{flex:1;display:flex;flex-direction:column;overflow:auto;position:relative}@media(min-width:1024px){.app-root-layout{flex-direction:row;overflow:hidden}}.route-loading{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;color:#888;font-size:1.1rem;font-weight:500}