:root{--color-primary: #135bec;--color-bg-light: #f6f6f8;--color-bg-dark: #101622;--color-card-dark: #282e39;--color-card-hover: #323a49;--color-text-light: #9da6b9;--color-border-dark: #282e39;--color-purple-start: #667eea;--color-purple-end: #764ba2}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--color-bg-dark);color:#fff;min-height:100vh;height:100vh;-webkit-tap-highlight-color:transparent;touch-action:manipulation;overflow:hidden}.app{background:var(--color-bg-dark);width:100%;height:100vh;display:flex;flex-direction:column;overflow:hidden}.main-container{display:flex;flex-direction:column;width:100%;flex:1;overflow:hidden;order:1;min-height:0}.navbar{order:2;flex-shrink:0}.section-top{width:100%;padding:10px;background:#f8f9fa;order:1;flex-shrink:0;overflow-y:auto;max-height:25vh}.section-board{width:90vw;max-width:90vw;height:auto;aspect-ratio:1 / 1;max-height:50vh;display:flex;align-items:center;justify-content:center;background:#dca;border-radius:12px;padding:10px;box-shadow:0 8px 25px #0003;order:2;margin:10px auto;flex-shrink:0;overflow:visible;position:relative}.section-bottom{width:100%;padding:10px;background:#f8f9fa;order:3;flex:1;overflow-y:auto;min-height:0}@media(orientation:landscape){.main-container{flex-direction:row!important;align-items:stretch;justify-content:center;gap:15px;padding:15px;overflow:hidden}.section-top{width:25vw!important;min-width:200px;max-width:300px;max-height:100%!important;order:1;margin:0;padding:15px!important;border-radius:8px;overflow-y:auto}.section-board{width:auto!important;height:85vh!important;max-height:85vh!important;max-width:85vh!important;aspect-ratio:1 / 1;order:2;margin:0!important;flex-shrink:0}.section-bottom{width:25vw!important;min-width:200px;max-width:300px;max-height:100%!important;order:3;margin:0;padding:15px!important;border-radius:8px;overflow-y:auto}}@media(orientation:landscape)and (min-width:1200px){.section-top,.section-bottom{width:300px;max-width:350px}}@media(orientation:portrait)and (max-width:480px){.section-board{width:95vw;max-width:95vw;max-height:45vh}.section-top{padding:8px;max-height:20vh}.section-bottom{padding:8px}}.navbar{background:linear-gradient(135deg,#667eea,#764ba2);padding:8px 15px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 -2px 10px #0000001a;flex-shrink:0;max-height:15vh;overflow:hidden;order:2}.navbar h1{color:#fff;margin:0;font-size:1.2em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-buttons{display:flex;gap:8px;flex-wrap:wrap}.nav-buttons button{padding:8px 15px;background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;font-weight:600;transition:all .3s ease;border-radius:6px;cursor:pointer;font-size:13px}.nav-buttons button:hover{background:#ffffff4d}.nav-buttons button.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}@media(orientation:portrait){.navbar{flex-direction:column;gap:8px;padding:10px;max-height:20vh}.navbar h1{font-size:1.1em}.nav-buttons{width:100%;justify-content:center;flex-wrap:wrap;gap:6px}.nav-buttons button{flex:1;min-width:70px;padding:8px 10px;font-size:12px}}.board-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:visible;position:relative}.board-container .shudan-goban{max-width:100%;max-height:100%}.board-container .shudan-grid,.board-container .shudan-content{overflow:visible!important}.game-info{display:flex;flex-direction:column;gap:10px;padding:15px;background:var(--color-card-dark);border-radius:8px;color:#fff}.current-player{font-size:1.1em;font-weight:700;color:#fff}.captured-stones{font-size:.95em;color:var(--color-text-light)}.controls{display:flex;flex-direction:column;gap:10px;padding:15px}.controls button{width:100%}@media(orientation:landscape){.game-info{flex-direction:row;justify-content:space-around;align-items:center}.controls{flex-direction:row}.controls button{width:auto;flex:1}}.shudan-vertex .shudan-ghost{left:50%;top:50%;width:.7em!important;height:.7em!important;opacity:.85!important;transform:translate(-50%,-50%)}.shudan-vertex .shudan-ghost:before{content:"";box-sizing:border-box;display:block;position:absolute;left:50%;top:50%;width:.7em!important;height:.7em!important;border-radius:50%;transform:translate(-50%,-50%)}.shudan-vertex.shudan-ghost_good .shudan-ghost:before{background:#2ecc71!important;box-shadow:0 0 .15em #2ecc7199!important}.shudan-vertex.shudan-ghost_bad .shudan-ghost:before{background:#e74c3c!important;box-shadow:0 0 .15em #e74c3c99!important}.shudan-vertex.shudan-ghost_interesting .shudan-ghost:before{background:#3498db!important;box-shadow:0 0 .15em #3498db99!important}.shudan-vertex.shudan-ghost_doubtful .shudan-ghost:before{background:#9b59b6!important;box-shadow:0 0 .15em #9b59b699!important}.shudan-vertex.shudan-sign_0.shudan-ghost_good .shudan-ghost:before,.shudan-vertex.shudan-sign_0.shudan-ghost_bad .shudan-ghost:before,.shudan-vertex.shudan-sign_0.shudan-ghost_interesting .shudan-ghost:before,.shudan-vertex.shudan-sign_0.shudan-ghost_doubtful .shudan-ghost:before{display:block!important}.shudan-vertex.shudan-ghost_1 .shudan-ghost:before{background:#000000e6!important}.shudan-vertex.shudan-ghost_-1 .shudan-ghost:before{background:#fff!important;border:1px solid #ccc}button{padding:12px 30px;font-size:16px;border:none;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;transition:all .3s ease;font-weight:600;box-shadow:0 4px 15px #667eea66;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}button:active{transform:translateY(0);opacity:.9}button:disabled{opacity:.5;cursor:not-allowed;transform:none}.control-group{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.control-group label{font-weight:600;color:#333;font-size:.95em}.control-group input,.control-group textarea,.control-group select{padding:10px;border:2px solid #e0e0e0;border-radius:6px;font-size:1em;transition:border-color .3s;font-family:inherit}.control-group input:focus,.control-group textarea:focus,.control-group select:focus{outline:none;border-color:#667eea}.button-group{display:flex;gap:10px;flex-wrap:wrap}.button-group button{flex:1;min-width:80px;padding:10px;background:#6c757d;box-shadow:0 2px 8px #6c757d4d}.button-group button.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{background:var(--color-card-dark);border-radius:12px;box-shadow:0 10px 40px #0000004d;color:#fff;max-width:500px;width:90%;animation:slideUp .3s ease;overflow:hidden}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:25px 30px 20px;border-bottom:1px solid var(--color-border-dark);display:flex;align-items:center;gap:15px}.modal-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700}.modal-success .modal-icon{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff}.modal-error .modal-icon{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.modal-title{flex:1;margin:0;font-size:1.4em;color:#fff;font-weight:600}.modal-body{padding:25px 30px}.modal-message{margin:0;font-size:1.1em;line-height:1.6;color:var(--color-text-light)}.modal-footer{padding:20px 30px;border-top:1px solid var(--color-border-dark);display:flex;justify-content:flex-end;gap:12px}.modal-btn{padding:12px 30px;border:none;border-radius:8px;font-size:1em;font-weight:600;cursor:pointer;transition:all .3s ease}.modal-btn-confirm{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}@media(orientation:portrait){.modal-container{max-width:95%}.modal-footer{flex-direction:column}.modal-btn{width:100%}}.tutorial{width:100%}.tutorial h1{text-align:center;color:#333;margin:20px 0;font-size:1.8em;padding:0 15px}.tutorial-description{background:#f8f9fa;padding:20px;border-radius:8px;border-left:4px solid #667eea;line-height:1.8;margin:15px 0}.tutorial-description p{color:#555;font-size:1.1em;margin:0}.tutorial-controls{display:flex;gap:15px;margin-top:20px}.tutorial-controls button{flex:1}@media(orientation:portrait){.tutorial h1{font-size:1.3em}.tutorial-description{padding:15px}.tutorial-controls{flex-direction:column}}.problem-editor,.problem-solver{width:100%}.problem-editor h1,.problem-solver h1{text-align:center;color:#333;margin:20px 0;font-size:1.8em}.info-panel{background:#f8f9fa;padding:20px;border-radius:8px}.info-panel h2,.info-panel h3{color:#667eea;margin-bottom:15px;font-size:1.2em;border-bottom:2px solid #667eea;padding-bottom:10px}.info-item{color:#667eea;margin-bottom:15px}.info-item label{display:block;font-weight:600;color:#555;margin-bottom:5px;font-size:.9em}.answer-list{display:flex;flex-direction:column;gap:10px}.answer-item{background:var(--color-card-dark);padding:15px;border-radius:6px;border:2px solid var(--color-border-dark);cursor:pointer;transition:all .3s;color:#fff}.answer-item:hover{border-color:var(--color-primary);box-shadow:0 2px 10px #135bec4d}.answer-item.active{border-color:var(--color-primary);background:#135bec1a}.answer-item.correct{border-left:4px solid #28a745}.answer-item.wrong{border-left:4px solid #dc3545}@media(orientation:portrait){.problem-editor h1,.problem-solver h1{font-size:1.3em}.info-panel{padding:15px}}.exam-mode-layout{display:flex;flex-direction:column;align-items:center;gap:15px;padding:20px}.exam-timer{display:flex;align-items:center;gap:10px}.timer-display{font-size:1em;font-weight:700;font-family:Courier New,monospace;color:#667eea;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:8px 16px;border-radius:8px;box-shadow:0 2px 8px #0000001a;min-width:80px;text-align:center}.timer-display.danger{color:#e74c3c;animation:pulse-danger .5s infinite}@keyframes pulse-danger{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.tutorial-editor{width:100%}.tutorial-editor h1{text-align:center;color:#333;margin:20px 0;font-size:1.8em}.step-indicator{display:flex;justify-content:center;align-items:center;gap:20px;margin:30px 0;padding:20px;background:#f8f9fa;border-radius:8px}.step-item{display:flex;flex-direction:column;align-items:center;gap:10px;padding:15px;border-radius:8px;transition:all .3s}.step-item.active{background:#007bff;color:#fff}.step-item.completed{background:#28a745;color:#fff}.step-number{width:40px;height:40px;border-radius:50%;background:#ffffff4d;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2em}.step-item.active .step-number{background:var(--color-primary);color:#fff}.step-title{font-size:.9em;text-align:center}.step-navigation{display:flex;justify-content:center;gap:20px;margin:30px 0;padding:20px}.btn-previous,.btn-next,.btn-submit{padding:12px 30px;font-size:1em;border:none;border-radius:6px;cursor:pointer;transition:all .3s;font-weight:500}.btn-previous{background:#6c757d;color:#fff}.btn-next{background:#007bff;color:#fff}.btn-submit{background:#28a745;color:#fff}@media(orientation:portrait){.tutorial-editor h1{font-size:1.3em}.step-indicator{flex-direction:column;gap:10px}.step-item{width:100%;flex-direction:row;justify-content:flex-start}.step-navigation{flex-direction:column}.btn-previous,.btn-next,.btn-submit{width:100%}}.tutorial-list-container{width:100%;padding:20px;overflow-y:auto;background:#f8f9fa}.tutorial-list-header{text-align:center;margin-bottom:30px;padding:20px;background:var(--color-card-dark);border-radius:12px;box-shadow:0 2px 8px #0000004d;color:#fff}.tutorial-list-header h2{color:var(--color-primary);font-size:1.8em;margin-bottom:10px}.tutorial-list-header p{color:var(--color-text-light);font-size:1.1em}.tutorial-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;max-width:100%}.tutorial-card{background:var(--color-card-dark);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column}.tutorial-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px #135bec4d}.tutorial-card:active{transform:translateY(-2px)}.tutorial-card-board{width:100%;aspect-ratio:1 / 1;background:#dca;display:flex;align-items:center;justify-content:center;padding:10px;overflow:hidden}.mini-board{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.mini-board .shudan-goban{margin:0 auto}.tutorial-card-title{padding:12px 15px;font-size:.95em;font-weight:600;color:#fff;text-align:center;line-height:1.4;min-height:55px;display:flex;align-items:center;justify-content:center;background:var(--color-card-dark)}@media(orientation:landscape)and (min-width:768px){.tutorial-grid{grid-template-columns:repeat(3,1fr);gap:20px}.tutorial-card-title{font-size:1em}}@media(min-width:1024px){.tutorial-list-container{padding:30px}.tutorial-grid{grid-template-columns:repeat(4,1fr);gap:25px}.tutorial-card-title{font-size:1.05em;padding:15px}}@media(min-width:1440px){.tutorial-grid{grid-template-columns:repeat(5,1fr);gap:30px}}@media(orientation:portrait)and (max-width:480px){.tutorial-list-container{padding:15px}.tutorial-list-header{padding:15px;margin-bottom:20px}.tutorial-list-header h2{font-size:1.4em}.tutorial-list-header p{font-size:.95em}.tutorial-grid{gap:12px}.tutorial-card-board{padding:8px}.tutorial-card-title{font-size:.85em;padding:10px;min-height:48px}}.home-layout{display:flex;width:100%;max-width:1440px;margin:0 auto;height:100vh;overflow:hidden}.sidebar{display:none;width:256px;flex-direction:column;border-right:1px solid var(--color-border-dark);padding:24px;position:sticky;top:0;height:100vh;overflow-y:auto}@media(min-width:1024px){.sidebar{display:flex}}.sidebar-logo{display:flex;align-items:center;gap:12px;color:#fff;padding:0 12px;margin-bottom:32px}.sidebar-logo-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);border-radius:8px;font-size:20px}.sidebar-logo-text{font-size:20px;font-weight:700;letter-spacing:-.015em}.sidebar-menu{display:flex;flex-direction:column;gap:8px}.sidebar-menu-title{padding:0 12px;color:var(--color-text-light);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.sidebar-menu-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;color:#fff;text-decoration:none;font-size:14px;font-weight:500;transition:background-color .2s;cursor:pointer}.sidebar-menu-item:hover{background:var(--color-card-dark)}.sidebar-menu-item.active{background:var(--color-primary);box-shadow:0 4px 12px #135bec33}.sidebar-menu-icon{font-size:20px}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.top-bar{display:flex;flex-direction:column;gap:16px;padding:24px 24px 8px}.search-bar-container{display:flex;align-items:center;justify-content:space-between;gap:16px}.search-bar{flex:1;max-width:600px;display:flex;height:44px;background:var(--color-card-dark);border-radius:12px;overflow:hidden}.search-icon{display:flex;align-items:center;justify-content:center;padding:0 16px;color:var(--color-text-light)}.search-input{flex:1;border:none;background:transparent;color:#fff;font-size:14px;padding:0 16px 0 0;outline:none}.search-input::placeholder{color:var(--color-text-light)}.user-actions{display:none;align-items:center;gap:12px}@media(min-width:1024px){.user-actions{display:flex}}.icon-button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-card-dark);border-radius:8px;color:#fff;cursor:pointer;transition:background-color .2s;border:none}.icon-button:hover{background:var(--color-card-hover)}.user-avatar{width:40px;height:40px;border-radius:50%;border:2px solid rgba(19,91,236,.3);background-size:cover;background-position:center}.category-tabs{display:flex;gap:12px;padding:8px 0;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.category-tab{flex-shrink:0;height:40px;padding:0 24px;display:flex;align-items:center;justify-content:center;background:var(--color-card-dark);color:#fff;font-size:14px;font-weight:500;border-radius:20px;cursor:pointer;transition:all .2s;border:none}.category-tab:hover{background:var(--color-card-hover)}.category-tab.active{background:var(--color-primary);box-shadow:0 4px 12px #135bec33;font-weight:600}.content-grid{flex:1;padding:24px;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.content-grid::-webkit-scrollbar{display:none}.masonry-grid{column-count:2;column-gap:16px}.masonry-item{break-inside:avoid;margin-bottom:16px}@media(min-width:768px){.masonry-grid{column-count:3;column-gap:24px}.masonry-item{margin-bottom:24px}}.content-card{background:var(--color-card-dark);border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s}.content-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.content-card-image{width:100%;aspect-ratio:4/5;background:#dca;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.content-card-image .mini-board{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.content-card-image .mini-board .shudan-goban{margin:0 auto}.content-card-body{padding:12px}.content-card-title{color:#fff;font-size:14px;font-weight:700;line-height:1.4;margin-bottom:8px}.content-card-meta{display:flex;align-items:center;gap:6px}.content-card-avatar{width:16px;height:16px;border-radius:50%;background:#444}.content-card-author{color:var(--color-text-light);font-size:10px;font-weight:500}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#111318f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--color-border-dark);padding:12px 8px;padding-bottom:calc(12px + env(safe-area-inset-bottom));z-index:50;justify-content:space-around}@media(min-width:1024px){.bottom-nav{display:none}}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:60px;color:var(--color-text-light);text-decoration:none;transition:color .2s}.bottom-nav-item.active{color:var(--color-primary)}.bottom-nav-icon{font-size:24px}.bottom-nav-label{font-size:10px;font-weight:500}@media(max-width:1023px){.content-grid{padding-bottom:80px}}.layout-wrapper,.wrapper-transparent,.passthrough{display:contents}.hint-box{padding:15px;background:#e7f3ff;border-radius:6px;border-left:4px solid #007bff;margin:15px 0}.hint-box p{margin:8px 0;color:#333;font-size:.9em;line-height:1.6}.text-center{text-align:center}.mb-15{margin-bottom:15px}.mt-15{margin-top:15px}.login-home{min-height:100vh;display:flex;flex-direction:column;background-color:#070b14!important;color:#fff;position:fixed;inset:0;z-index:1000}.login-home .login-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem}.login-logo-section{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:3rem}.login-logo-icon{width:4rem;height:4rem;color:var(--color-primary)}.login-logo-title{font-size:1.875rem;font-weight:900;letter-spacing:-.033em;font-family:Be Vietnam Pro,sans-serif}.login-content{width:100%;max-width:420px;display:flex;flex-direction:column;gap:1.5rem}.login-header{text-align:center;margin-bottom:.5rem}.login-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.login-subtitle{color:#9da6b9;font-size:1rem}.login-icon,.login-btn-icon{width:24px;height:24px;color:currentColor}.login-buttons{display:flex;flex-direction:column;gap:1rem}.login-btn{display:flex;width:100%;align-items:center;justify-content:center;gap:.75rem;border-radius:.75rem;height:3.5rem;font-size:1.125rem;font-weight:700;transition:all .3s;box-shadow:0 10px 25px #0000004d;border:none;cursor:pointer;background:none!important}.login-btn-wechat{background:#07c160!important;color:#fff!important}.login-btn-wechat:hover{background:#06ae56!important;transform:translateY(-2px);box-shadow:0 12px 30px #07c16066}.login-btn-account{background:#135bec!important;color:#fff!important}.login-btn-account:hover{background:#135bece6!important;transform:translateY(-2px);box-shadow:0 12px 30px #135bec66}.login-footer-link{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem}.login-footer-text{color:#5c6475;font-size:.875rem}.login-footer-signup{color:var(--color-primary);font-weight:700;font-size:.875rem;text-decoration:none}.login-footer-signup:hover{text-decoration:underline}.login-footer{padding:2rem;text-align:center}.login-copyright{color:#5c6475;font-size:.75rem}.login-bg-gradient{position:fixed;top:0;left:0;z-index:-10;width:100%;height:100%;opacity:.4;pointer-events:none;background:radial-gradient(circle at 50% -20%,var(--color-primary) 0%,transparent 70%)}.login-account-new{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;background-color:#070b14!important;color:#fff;position:fixed;inset:0;z-index:1000}.login-account-new .login-main{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:1}.login-logo-section-new{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:2.5rem}.login-content-new{width:100%;max-width:420px;display:flex;flex-direction:column;gap:1.5rem}.login-form-new{display:flex;flex-direction:column;gap:1.25rem}.login-label-new{color:#9da6b9;font-size:.875rem;font-weight:500;margin-left:.25rem}.login-input-wrapper{position:relative}.login-input-wrapper:has(input:focus) .login-input-icon{color:var(--color-primary)}.login-input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#5c6475;width:24px;height:24px;transition:color .3s}.login-input-new{width:100%;height:3.5rem;padding-left:3rem;padding-right:1rem;background:#151c2c;border:none;border-radius:.75rem;color:#fff;font-size:1rem;outline:none;transition:all .3s}.login-input-new::placeholder{color:#5c6475}.login-input-new:focus{outline:none;box-shadow:0 0 0 2px var(--color-primary)}.login-input-new:-webkit-autofill,.login-input-new:-webkit-autofill:hover,.login-input-new:-webkit-autofill:focus{-webkit-text-fill-color:white;-webkit-box-shadow:0 0 0px 1000px #151c2c inset;transition:background-color 5000s ease-in-out 0s}.login-forgot-password{display:flex;justify-content:flex-end}.login-forgot-link{color:var(--color-primary);font-size:.875rem;font-weight:500;text-decoration:none}.login-forgot-link:hover{text-decoration:underline}.login-submit-btn-new{display:flex;width:100%;align-items:center;justify-content:center;border-radius:.75rem;height:3.5rem;background:var(--color-primary);color:#fff;font-size:1.125rem;font-weight:700;transition:all .3s;box-shadow:0 10px 25px #135bec33;border:none;cursor:pointer;margin-top:.5rem}.login-submit-btn-new:hover{background:#135bece6;transform:translateY(-2px)}.login-divider-section{display:flex;align-items:center;width:100%;gap:1rem;margin-top:.5rem}.login-divider-line{flex:1;height:1px;background:#1e2637}.login-divider-text{color:#5c6475;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.login-footer-link-new{display:flex;align-items:center;justify-content:center;gap:.5rem}.login-back-link{display:flex;align-items:center;justify-content:center}.login-back-btn-new{color:#9da6b9;font-size:.875rem;text-decoration:none;transition:color .3s}.login-back-btn-new:hover{color:#fff}.register-home{min-height:100vh;display:flex;flex-direction:column;background-color:#070b14!important;color:#fff;position:fixed;inset:0;z-index:1000}.register-home .register-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem}.register-logo-section{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:3rem}.register-logo-icon{width:4rem;height:4rem;color:var(--color-primary)}.register-logo-title{font-size:1.875rem;font-weight:900;letter-spacing:-.033em;font-family:Be Vietnam Pro,sans-serif}.register-content{width:100%;max-width:420px;display:flex;flex-direction:column;gap:1.5rem}.register-header{text-align:center;margin-bottom:.5rem}.register-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.register-subtitle{color:#9da6b9;font-size:1rem}.register-buttons{display:flex;flex-direction:column;gap:1rem}.register-btn{display:flex;width:100%;align-items:center;justify-content:center;gap:.75rem;border-radius:.75rem;height:3.5rem;font-size:1.125rem;font-weight:700;transition:all .3s;box-shadow:0 10px 25px #0000004d;border:none;cursor:pointer;background:none!important}.register-icon{width:24px;height:24px}.register-btn-wechat{background:#07c160!important;color:#fff!important}.register-btn-wechat:hover{background:#06ae56!important;transform:translateY(-2px);box-shadow:0 12px 30px #07c16066}.register-btn-invitation{background:#135bec!important;color:#fff!important}.register-btn-invitation:hover{background:#135bece6!important;transform:translateY(-2px);box-shadow:0 12px 30px #135bec66}.register-footer-link{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem}.register-footer-text{color:#5c6475;font-size:.875rem}.register-footer-login{color:var(--color-primary);font-weight:700;font-size:.875rem;text-decoration:none}.register-footer-login:hover{text-decoration:underline}.register-footer{padding:2rem;text-align:center}.register-copyright{color:#5c6475;font-size:.75rem}.register-bg-gradient{position:fixed;top:0;left:0;z-index:-10;width:100%;height:100%;opacity:.4;pointer-events:none;background:radial-gradient(circle at 50% -20%,var(--color-primary) 0%,transparent 70%)}.register-invitation{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;background-color:#070b14!important;color:#fff;position:fixed;inset:0;z-index:1000}.register-invitation:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at top right,#1a2333 0%,transparent 70%);z-index:0;pointer-events:none}.register-invitation .register-main{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:1}.register-card{width:100%;max-width:480px;background:#121826;border-radius:1rem;border:1px solid #232d42;padding:2rem;box-shadow:0 25px 50px #00000080;position:relative;overflow:hidden;z-index:1}@media(min-width:1024px){.register-card{padding:3rem}}.register-card-glow{position:absolute;top:-6rem;right:-6rem;width:12rem;height:12rem;background:#135bec1a;filter:blur(80px);border-radius:50%;pointer-events:none}.register-logo-section-small{display:flex;align-items:center;gap:.75rem;margin-bottom:2.5rem;justify-content:center}.register-logo-icon-small{width:2rem;height:2rem;color:var(--color-primary)}.register-logo-title-small{color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:-.015em;font-family:Be Vietnam Pro,sans-serif}.register-title-large{color:#fff;font-size:1.875rem;font-weight:900;line-height:1.2;letter-spacing:-.033em;font-family:Be Vietnam Pro,sans-serif;margin-bottom:.5rem}.register-form{display:flex;flex-direction:column;gap:1.5rem}.register-form-group{display:flex;flex-direction:column;gap:.5rem}.register-label{display:flex;flex-direction:column;width:100%}.register-label-text{color:#cbd5e1;font-size:.875rem;font-weight:600;padding-bottom:.5rem}.register-input{display:flex;width:100%;border-radius:.75rem;color:#fff;border:1px solid #2d3748;background:#0a0e17;height:3.5rem;padding:0 1.25rem;font-size:1rem;transition:all .3s;outline:none}.register-input::placeholder{color:#4a5568}.register-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #135bec1a}.register-password-wrapper{position:relative}.register-password-toggle{position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);color:#9da6b9;cursor:pointer;transition:color .3s;font-size:1.25rem}.register-password-toggle:hover{color:#fff}.register-form-actions{display:flex;flex-direction:column;gap:1.25rem;margin-top:1rem}.register-submit-btn{display:flex;width:100%;align-items:center;justify-content:center;border-radius:.75rem;height:3.5rem;background:var(--color-primary);color:#fff;font-size:1.125rem;font-weight:700;letter-spacing:.025em;transition:all .3s;box-shadow:0 10px 25px #135bec33;border:none;cursor:pointer}.register-submit-btn:hover{background:#135bece6;transform:scale(1.01)}.register-back-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#9da6b9;font-size:.875rem;font-weight:500;transition:color .3s;padding:.5rem;background:transparent;border:none;cursor:pointer}.register-back-btn:hover{color:#fff}.register-back-icon{font-size:1.125rem;transition:transform .3s}.register-back-btn:hover .register-back-icon{transform:translate(-.25rem)}.responsive-board-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:visible}.responsive-board-wrapper{position:relative;background:transparent;border-radius:0;box-shadow:none;border:none;overflow:visible;display:flex;align-items:center;justify-content:center;padding:0}.responsive-board-wrapper .clean-goban-container-fixed{width:100%;height:100%}.responsive-board-wrapper .shudan-grid,.responsive-board-wrapper .shudan-content{overflow:visible!important}.responsive-board-wrapper-plain{background:transparent;border:none;box-shadow:none;padding:0}.responsive-board-wrapper-minimal{border-width:2px;border-color:#ccc;box-shadow:0 2px 8px #0000001a}.tutorial-page{min-height:100vh;display:flex;flex-direction:column;background-color:#0a0f1a;color:#e5e7eb;position:fixed;inset:0;z-index:1000}.tutorial-layout{display:grid;flex:1;overflow:hidden;height:calc(100vh - 5rem);justify-items:start}.tutorial-sidebar{display:none;flex-direction:column;background:#111827;border-color:#1f2937;overflow-y:auto;flex-shrink:0}@media(min-width:1024px){.tutorial-sidebar{display:flex}.tutorial-sidebar-left{min-width:200px;max-width:600px;min-height:0;border-right:1px solid #1f2937}}.tutorial-sidebar-content{padding:1.5rem}.tutorial-header{display:flex;align-items:center;margin-bottom:1.5rem}.tutorial-back-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.5rem;background:#1f2937;color:#e5e7eb;border:none;cursor:pointer;margin-right:.75rem;transition:background-color .2s}.tutorial-back-btn:hover{background:#14b81433}.tutorial-mode-badge{font-size:.75rem;font-weight:700;color:#14b814;text-transform:uppercase;letter-spacing:.1em}.tutorial-title{font-family:Newsreader,serif;font-size:1.875rem;font-weight:700;line-height:1.2;letter-spacing:-.025em;color:#fff;margin-bottom:.5rem}.tutorial-meta{display:flex;align-items:center;gap:.5rem;margin-bottom:2rem}.tutorial-level-badge{padding:.125rem .5rem;border-radius:.25rem;background:#14b81433;color:#14b814;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border:1px solid rgba(20,184,20,.3)}.tutorial-time{font-size:.625rem;color:#9ca3af}.tutorial-section-title{font-size:1.125rem;font-weight:700;line-height:1.2;letter-spacing:-.025em;color:#fff;margin-bottom:1rem}.tutorial-description{font-size:1rem;line-height:1.6;color:#9ca3af}.tutorial-description p{margin-bottom:1rem}.tutorial-board-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;background:#0a0f1a;position:relative;overflow:visible}@media(min-width:1024px){.tutorial-board-section{height:100%;align-items:flex-start!important}}@media(max-width:1023px){.tutorial-board-section{padding:.5rem;width:100%}}.tutorial-board-wrapper{background:#deb887;border-radius:.125rem;box-shadow:0 20px 50px #00000080;border:12px solid #8b5e3c;position:relative;overflow:visible;display:flex;align-items:center;justify-content:center;padding:1em}.tutorial-board-wrapper .clean-goban-container-fixed{width:100%;height:100%}.tutorial-board-wrapper .shudan-grid,.tutorial-board-wrapper .shudan-content{overflow:visible!important}@media(max-width:1023px){.tutorial-board-wrapper{border-width:4px}}.tutorial-board-controls{display:flex;gap:1rem;margin-top:2.5rem}.tutorial-control-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#111827;color:#e5e7eb;border:1px solid #1f2937;border-radius:.5rem;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s}.tutorial-control-btn:hover{background:#1f2937}.tutorial-keypoints{display:flex;flex-direction:column;gap:1rem}.tutorial-keypoint{padding:1rem;border-radius:.5rem;border-left:4px solid}.tutorial-keypoint-primary{background:#14b8141a;border-color:#14b814}.tutorial-keypoint-error{background:#ef44441a;border-color:#ef4444}.tutorial-keypoint-title{font-size:.875rem;font-weight:700;color:#14b814;margin-bottom:.25rem}.tutorial-keypoint-error .tutorial-keypoint-title{color:#ef4444}.tutorial-keypoint-text{font-size:.75rem;line-height:1.5;color:#9ca3af}.tutorial-retry-btn{margin-top:.75rem;padding:.5rem 1rem;background:#ef4444;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .2s}.tutorial-retry-btn:hover{background:#dc2626}.tutorial-footer{height:5rem;border-top:1px solid #1f2937;background:#111827;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;flex-shrink:0;gap:2rem}.tutorial-footer-title{display:none;flex:0 1 auto;min-width:200px;max-width:400px}@media(min-width:1024px){.tutorial-footer-title{display:block}}.tutorial-title-footer{font-family:Newsreader,serif;font-size:1.25rem;font-weight:700;line-height:1.3;letter-spacing:-.025em;color:#fff;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tutorial-progress{display:flex;flex-direction:column;gap:.25rem}.tutorial-progress-label{display:flex;justify-content:space-between;align-items:center;width:16rem;font-size:.625rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.1em}.tutorial-progress-label span:last-child{color:#fff}.tutorial-progress-bar{width:16rem;height:.375rem;background:#0a0f1a;border-radius:9999px;overflow:hidden}.tutorial-progress-fill{height:100%;background:#14b814;box-shadow:0 0 8px #14b81480;transition:width .3s}.tutorial-nav-buttons{display:flex;gap:1rem;flex:0 0 auto;justify-content:center}.tutorial-nav-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 2rem;border-radius:.5rem;font-weight:700;cursor:pointer;transition:all .2s;border:none}.tutorial-nav-btn-secondary{background:transparent;color:#e5e7eb;border:1px solid #1f2937}.tutorial-nav-btn-secondary:hover:not(:disabled){background:#1f2937}.tutorial-nav-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.tutorial-nav-btn-primary{background:#14b814;color:#fff;box-shadow:0 4px 12px #14b81433}.tutorial-nav-btn-primary:hover{background:#14b814e6}.tutorial-nav-btn-primary:active{transform:scale(.95)}.tutorial-footer-actions{display:none;align-items:center;gap:1.5rem;color:#9ca3af;flex:0 0 auto}@media(min-width:1024px){.tutorial-footer-actions{display:flex}}.tutorial-footer-icon{cursor:pointer;transition:color .2s;font-size:1.25rem}.tutorial-footer-icon:hover{color:#fff}.tutorial-icon{font-size:1.125rem}.tutorial-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#0a0f1a;color:#e5e7eb;font-size:1.25rem}@media(max-width:1023px){.tutorial-layout{flex-direction:column;max-width:480px;margin:0 auto;border-left:1px solid #282e39;border-right:1px solid #282e39;height:calc(100vh - 5rem)}.tutorial-page{background:var(--color-bg-dark)}.tutorial-sidebar-left{display:block;order:1;width:100%;border-right:none;border-bottom:1px solid #282e39;overflow-y:auto;min-height:100px;max-height:50vh;background:#111827}.tutorial-sidebar-left .tutorial-sidebar-content{padding:1rem}.tutorial-sidebar-left .tutorial-meta,.tutorial-sidebar-left .tutorial-section-title{display:none}.tutorial-sidebar-left .tutorial-description{font-size:.875rem;line-height:1.6;color:#9ca3af}.tutorial-sidebar-left .tutorial-description p{margin-bottom:.75rem}.tutorial-board-section{order:2;padding:.5rem .5rem .25rem;display:flex;align-items:center;justify-content:center;background:var(--color-bg-dark)}.tutorial-board-wrapper{border-width:4px}.tutorial-board-controls,.tutorial-title,.tutorial-title-footer{display:none}.tutorial-description{font-size:.875rem;line-height:1.6;color:#9ca3af}.tutorial-description p{margin-bottom:.75rem}.tutorial-footer{position:fixed;bottom:0;left:0;right:0;max-width:480px;margin:0 auto;background:#101622f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1rem;height:auto;gap:.75rem;justify-content:center}.tutorial-footer-title,.tutorial-progress{display:none}.tutorial-nav-buttons{width:100%;gap:.75rem}.tutorial-nav-btn{flex:1;padding:.75rem 1rem;font-size:.875rem;justify-content:center}.tutorial-nav-btn-secondary{flex:.7}.tutorial-footer-actions{display:none}}.shudan-goban{--shudan-board-border-width: .15em;--shudan-board-border-color: #CA933A;--shudan-board-background-color: #F1B458;--shudan-board-foreground-color: #5E2E0C;--shudan-black-background-color: #222;--shudan-black-foreground-color: #eee;--shudan-white-background-color: #eee;--shudan-white-foreground-color: #222;position:relative;border:var(--shudan-board-border-width) solid var(--shudan-board-border-color);color:var(--shudan-board-foreground-color)}.shudan-goban:not(.shudan-coordinates){padding:.25em}.shudan-goban-image{background:url(/assets/board-BjQgsRrQ.png) var(--shudan-board-background-color)}.shudan-coordx span,.shudan-coordy span{font-size:.6em}.shudan-vertex div{left:0;top:0;width:100%;height:100%}.shudan-goban:after{content:"";position:absolute;top:calc(-1 * var(--shudan-board-border-width));left:calc(-1 * var(--shudan-board-border-width));bottom:calc(-1 * var(--shudan-board-border-width));right:calc(-1 * var(--shudan-board-border-width));background:linear-gradient(to bottom,rgba(234,220,192,.1),transparent),linear-gradient(to bottom,transparent,rgba(23,10,2,.05));pointer-events:none;z-index:3}.shudan-goban.shudan-busy:after{animation:2s linear -.5s shudan-busy infinite;background-color:#170a021a;background-image:linear-gradient(to right,transparent 30%,rgba(255,255,255,.2) 50%,transparent 70%);background-size:19em 100%;background-repeat:no-repeat;pointer-events:all}@keyframes shudan-busy{0%{background-position:-19em 0}to{background-position:calc(100% + 19em) 0}}.shudan-gridline,.shudan-hoshi{fill:var(--shudan-board-foreground-color)}.shudan-vertex .shudan-stone{top:.04em;left:.04em;width:calc(100% - .08em);height:calc(100% - .08em)}.shudan-vertex.shudan-sign_0 .shudan-stone{pointer-events:none}.shudan-vertex .shudan-shadow{border-radius:50%}.shudan-vertex .shudan-inner{text-indent:-9999rem}.shudan-vertex:not(.shudan-sign_0).shudan-dimmed .shudan-stone{opacity:.6}.shudan-vertex:not(.shudan-sign_0) .shudan-shadow{background:#170a0266;box-shadow:0 .1em .2em #170a0266}.shudan-stone-image{background-repeat:no-repeat;background-size:100% 100%}.shudan-stone-image.shudan-sign_1{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='43'%20height='43'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdefs%3e%3clinearGradient%20id='b'%3e%3cstop%20offset='0'%20stop-color='%23636363'%20stop-opacity='.4'/%3e%3cstop%20offset='1'%20stop-color='%23636363'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3clinearGradient%20id='a'%3e%3cstop%20offset='0'%20stop-color='%230b0b0b'/%3e%3cstop%20offset='1'%20stop-color='%23443432'/%3e%3c/linearGradient%3e%3clinearGradient%20id='c'%20x1='0'%20x2='0'%20y1='43'%20y2='0'%20xlink:href='%23a'%20gradientUnits='userSpaceOnUse'/%3e%3clinearGradient%20id='d'%20x1='0'%20x2='0'%20y1='2.38'%20y2='19.27'%20xlink:href='%23b'%20gradientUnits='userSpaceOnUse'/%3e%3c/defs%3e%3cg%3e%3ccircle%20cx='21.5'%20cy='21.5'%20r='20.5'%20fill='url(%23c)'%20stroke='%23000'%20stroke-width='1'/%3e%3ccircle%20cx='21.5'%20cy='21.5'%20r='18.5'%20fill='url(%23d)'%20/%3e%3c/g%3e%3c/svg%3e")}.shudan-stone-image.shudan-sign_-1{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='43'%20height='43'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cdefs%3e%3clinearGradient%20id='b'%3e%3cstop%20offset='0'%20stop-color='%23eee'%20stop-opacity='.8'/%3e%3cstop%20offset='1'%20stop-color='%23eee'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3clinearGradient%20id='a'%3e%3cstop%20offset='0'%20stop-color='%23C9D1FF'/%3e%3cstop%20offset='1'%20stop-color='%23fff'/%3e%3c/linearGradient%3e%3clinearGradient%20id='c'%20x1='0'%20x2='0'%20y1='43'%20y2='0'%20xlink:href='%23a'%20gradientUnits='userSpaceOnUse'%20/%3e%3clinearGradient%20id='d'%20x1='0'%20x2='0'%20y1='40.65'%20y2='30.65'%20xlink:href='%23b'%20gradientUnits='userSpaceOnUse'/%3e%3c/defs%3e%3cg%3e%3ccircle%20cx='21.5'%20cy='21.5'%20r='20.5'%20fill='url(%23c)'%20stroke='%23c3c3c3'%20stroke-width='1'/%3e%3ccircle%20cx='21.5'%20cy='21.5'%20r='18.5'%20fill='url(%23d)'%20/%3e%3c/g%3e%3c/svg%3e")}.shudan-vertex:not(.shudan-sign_0).shudan-animate .shudan-stone{transition:transform .2s}.shudan-vertex:not(.shudan-sign_0).shudan-shift_1 .shudan-stone{transform:translate(-.07em)}.shudan-vertex:not(.shudan-sign_0).shudan-shift_2 .shudan-stone{transform:translateY(-.07em)}.shudan-vertex:not(.shudan-sign_0).shudan-shift_3 .shudan-stone{transform:translate(.07em)}.shudan-vertex:not(.shudan-sign_0).shudan-shift_4 .shudan-stone{transform:translateY(.07em)}.shudan-vertex:not(.shudan-sign_0).shudan-shift_5 .shudan-stone{transform:translate(-.04em,-.04em)}.shudan-vertex:not(.shudan-sign_0).shudan-shift_6 .shudan-stone{transform:translate(.04em,-.04em)}.shudan-vertex:not(.shudan-sign_0).shudan-shift_7 .shudan-stone{transform:translate(.04em,.04em)}.shudan-vertex:not(.shudan-sign_0).shudan-shift_8 .shudan-stone{transform:translate(-.04em,.04em)}.shudan-vertex .shudan-marker{left:.04em;top:.04em;width:calc(100% - .08em);height:calc(100% - .08em);text-align:center;fill:var(--shudan-board-background-color);stroke:var(--shudan-board-foreground-color);stroke-width:.07em;pointer-events:none}.shudan-vertex.shudan-sign_1 .shudan-marker,.shudan-vertex.shudan-sign_-1 .shudan-marker{left:0;top:0;width:100%;height:100%;fill:none}.shudan-vertex.shudan-sign_1 .shudan-marker{stroke:var(--shudan-black-foreground-color)}.shudan-vertex.shudan-sign_-1 .shudan-marker{stroke:var(--shudan-white-foreground-color)}.shudan-vertex.shudan-marker_point .shudan-marker{stroke:none;fill:var(--shudan-board-foreground-color)}.shudan-vertex.shudan-marker_point.shudan-sign_1 .shudan-marker{fill:var(--shudan-black-foreground-color)}.shudan-vertex.shudan-marker_point.shudan-sign_-1 .shudan-marker{fill:var(--shudan-white-foreground-color)}.shudan-vertex.shudan-marker_loader .shudan-marker{stroke-dasharray:1em;animation:1.5s linear 0s shudan-rotation infinite}@keyframes shudan-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.shudan-vertex.shudan-marker_label .shudan-marker{display:inline-block;width:auto;height:auto;left:50%;top:50%;max-width:1.67em;max-height:1.67em;overflow:hidden;background:var(--shudan-board-background-color);color:var(--shudan-board-foreground-color);font-size:.6em;line-height:1.26;text-align:center;text-overflow:ellipsis;white-space:pre;transform:translate(-50%,-50%)}.shudan-vertex.shudan-marker_label.shudan-sign_1 .shudan-marker{background:transparent;color:var(--shudan-black-foreground-color)}.shudan-vertex.shudan-marker_label.shudan-sign_-1 .shudan-marker{background:transparent;color:var(--shudan-white-foreground-color)}.shudan-vertex.shudan-smalllabel .shudan-marker{max-height:2.7em;max-width:2.7em;font-size:.36em}.shudan-vertex .shudan-ghost{left:50%;top:50%;width:.4em;height:.4em;opacity:.5;transform:translate(calc(-50% + .5px),calc(-50% + .5px))}.shudan-vertex .shudan-ghost:before{content:"";box-sizing:border-box;display:none;position:absolute;left:50%;top:50%;width:.4em;height:.4em;border-radius:50%;transform:translate(-50%,-50%)}.shudan-vertex.shudan-ghost_faint .shudan-ghost{opacity:.3}.shudan-vertex.shudan-sign_0.shudan-ghost_1 .shudan-ghost:before,.shudan-vertex.shudan-sign_0.shudan-ghost_-1 .shudan-ghost:before{display:block}.shudan-vertex.shudan-ghost_1 .shudan-ghost:before{background:#000c}.shudan-vertex.shudan-ghost_-1 .shudan-ghost:before{background:#fff}.shudan-vertex.shudan-ghost_good .shudan-ghost:before{background:#59a80f}.shudan-vertex.shudan-ghost_interesting .shudan-ghost:before{background:#4886d5}.shudan-vertex.shudan-ghost_doubtful .shudan-ghost:before{background:#92278f}.shudan-vertex.shudan-ghost_bad .shudan-ghost:before{background:#f02311}.shudan-vertex .shudan-paint{overflow:hidden}.shudan-vertex .shudan-paint .shudan-inner{background:transparent;border-radius:.2em}.shudan-vertex.shudan-paint_1 .shudan-paint .shudan-inner{background:var(--shudan-black-background-color)}.shudan-vertex.shudan-paint_-1 .shudan-paint .shudan-inner{background:var(--shudan-white-background-color)}.shudan-vertex.shudan-paintedleft .shudan-paint .shudan-inner{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.shudan-vertex.shudan-paintedright .shudan-paint .shudan-inner{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.shudan-vertex.shudan-paintedtop .shudan-paint .shudan-inner{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.shudan-vertex.shudan-paintedbottom .shudan-paint .shudan-inner{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.shudan-vertex .shudan-heat{top:50%;left:50%;margin-left:-1px;margin-top:-1px;border-radius:50%;width:1px;height:1px;opacity:0;pointer-events:none;transition:opacity .5s,box-shadow .5s}.shudan-vertex.shudan-heat_9 .shudan-heat{background:#59a80f;box-shadow:0 0 1em 1em #59a80f;opacity:.8}.shudan-vertex.shudan-heat_8 .shudan-heat{background:#59a80f;box-shadow:0 0 1em .9em #59a80f;opacity:.7}.shudan-vertex.shudan-heat_7 .shudan-heat{background:#4886d5;box-shadow:0 0 1em .75em #4886d5;opacity:.8}.shudan-vertex.shudan-heat_6 .shudan-heat{background:#4886d5;box-shadow:0 0 1em .6em #4886d5;opacity:.8}.shudan-vertex.shudan-heat_5 .shudan-heat{background:#4886d5;box-shadow:0 0 .9em .55em #4886d5;opacity:.7}.shudan-vertex.shudan-heat_4 .shudan-heat{background:#92278f;box-shadow:0 0 .85em .5em #92278f;opacity:.8}.shudan-vertex.shudan-heat_3 .shudan-heat{background:#92278f;box-shadow:0 0 .8em .45em #92278f;opacity:.7}.shudan-vertex.shudan-heat_2 .shudan-heat{background:#f02311;box-shadow:0 0 .75em .4em #f02311;opacity:.8}.shudan-vertex.shudan-heat_1 .shudan-heat{background:#f02311;box-shadow:0 0 .75em .4em #f02311;opacity:.7}.shudan-vertex .shudan-heatlabel{display:inline-block;height:auto;top:50%;left:50%;overflow:hidden;color:#fff;font-size:.36em;line-height:1.26;text-align:center;text-overflow:ellipsis;text-shadow:0 .1em .3em black;white-space:pre;opacity:.9;transform:translate(-50%,-50%);pointer-events:none}.shudan-vertex .shudan-selection{box-sizing:border-box;border:.1em solid #0082F0;border-radius:.2em;background:#0082f033}.shudan-vertex.shudan-selectedleft .shudan-selection{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.shudan-vertex.shudan-selectedright .shudan-selection{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.shudan-vertex.shudan-selectedtop .shudan-selection{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.shudan-vertex.shudan-selectedbottom .shudan-selection{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.shudan-line,.shudan-arrow{fill:none;stroke:var(--shudan-board-foreground-color);stroke-width:.11em}.board-layout-template{min-height:100vh;display:flex;flex-direction:column;background-color:#0a0f1a;color:#e5e7eb;position:fixed;inset:0;z-index:1000}.board-layout-debug{position:fixed;top:10px;right:10px;background:#000c;color:#fff;padding:10px;border-radius:5px;font-size:12px;z-index:9999;line-height:1.6}.board-layout-main{display:grid;flex:1;overflow:hidden;height:calc(100vh - 5rem);justify-items:start}.board-layout-sidebar{display:none;flex-direction:column;background:#111827;border-color:#1f2937;overflow-y:auto;flex-shrink:0}@media(min-width:1024px){.board-layout-sidebar{display:flex;min-width:200px;max-width:600px;min-height:0;border-right:1px solid #1f2937}}@media(max-width:1023px){.board-layout-sidebar{display:block;order:1;width:100%;border-right:none;border-bottom:1px solid #282e39;overflow-y:auto;min-height:100px;max-height:50vh;background:#111827}}.board-layout-sidebar-content{padding:1.5rem}@media(max-width:1023px){.board-layout-sidebar-content{padding:1rem}}.board-layout-board-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;background:#0a0f1a;position:relative;overflow:visible}@media(min-width:1024px){.board-layout-board-section{height:100%;align-items:flex-start!important}}@media(max-width:1023px){.board-layout-board-section{order:2;padding:.5rem .5rem .25rem;width:100%;justify-content:flex-end;background:var(--color-bg-dark)}}.board-layout-footer{height:5rem;border-top:1px solid #1f2937;background:#111827;display:flex;align-items:center;justify-content:center;padding:0 2rem;flex-shrink:0;gap:2rem}.board-layout-footer-default{display:flex;gap:1rem;align-items:center}@media(max-width:1023px){.board-layout-footer{position:fixed;bottom:0;left:0;right:0;max-width:480px;margin:0 auto;background:#101622f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1rem;height:auto;gap:.75rem}}.board-layout-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 2rem;border-radius:.5rem;font-weight:700;cursor:pointer;transition:all .2s;border:none;background:transparent;color:#e5e7eb;border:1px solid #1f2937}.board-layout-btn:hover:not(:disabled){background:#1f2937}.board-layout-btn:disabled{opacity:.5;cursor:not-allowed}.board-layout-btn-primary{background:#14b814;color:#fff;box-shadow:0 4px 12px #14b81433;border:none}.board-layout-btn-primary:hover:not(:disabled){background:#14b814e6}.board-layout-btn-primary:active{transform:scale(.95)}@media(max-width:1023px){.board-layout-btn{flex:1;padding:.75rem 1rem;font-size:.875rem;justify-content:center}}@media(max-width:1023px){.board-layout-main{flex-direction:column;max-width:480px;margin:0 auto;border-left:1px solid #282e39;border-right:1px solid #282e39;height:calc(100vh - 5rem)}.board-layout-template{background:var(--color-bg-dark)}}:root{--enhanced-secondary-nav-height: 3.5rem}.enhanced-mobile-content-page{display:flex;flex-direction:column;background:var(--color-bg-dark, #0a0f18);overflow-y:auto;height:calc(100vh - 5rem);position:fixed;top:0;left:0;right:0}@media(max-width:1023px){.enhanced-mobile-content-page{max-width:480px;margin:0 auto;width:100%;border-left:1px solid #282e39;border-right:1px solid #282e39}.board-layout-template:has(.board-layout-secondary-nav) .enhanced-mobile-content-page{height:calc(100vh - 5rem - var(--enhanced-secondary-nav-height))}}.enhanced-mobile-container{width:100%;background:#101f22;display:flex;flex-direction:column;min-height:100%}.enhanced-mobile-progress{padding:1.5rem 1.5rem .5rem}.enhanced-mobile-progress-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.enhanced-mobile-progress-step{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#2bcdee}.enhanced-mobile-progress-percent{font-size:.75rem;font-weight:500;color:#9ca3af}.enhanced-mobile-progress-bar{width:100%;background:#1f2937;height:.375rem;border-radius:9999px;overflow:hidden}.enhanced-mobile-progress-fill{background:#2bcdee;height:100%;border-radius:9999px;transition:width .3s ease}.enhanced-mobile-content-wrapper{flex:1;padding:1.5rem;display:flex;flex-direction:column}.enhanced-mobile-header{margin-bottom:2rem}.enhanced-mobile-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.5rem}.enhanced-mobile-back-btn{display:inline-flex;align-items:center;gap:.25rem;margin-top:1rem;padding:.5rem 1rem;background:transparent;border:1px solid #1f2937;border-radius:.5rem;color:#e5e7eb;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.enhanced-mobile-back-btn:hover{background:#1f2937}.enhanced-mobile-back-btn .material-symbols-outlined{font-size:1.125rem}.enhanced-mobile-content-inner{flex:1;display:flex;flex-direction:column}.board-layout-secondary-nav{height:var(--enhanced-secondary-nav-height);border-top:1px solid #1f2937;background:#111827;display:flex;align-items:center;justify-content:center;padding:0 1rem;flex-shrink:0;position:relative;z-index:100;box-shadow:0 -2px 8px #0000001a}.board-layout-secondary-nav-content{display:flex;gap:.75rem;align-items:center;justify-content:center;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:.25rem 0}.board-layout-secondary-nav-content::-webkit-scrollbar{height:4px}.board-layout-secondary-nav-content::-webkit-scrollbar-track{background:transparent}.board-layout-secondary-nav-content::-webkit-scrollbar-thumb{background:#1f2937;border-radius:2px}.board-layout-secondary-nav-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.board-layout-close-btn{position:fixed;top:calc(env(safe-area-inset-top,0px) + 12px);left:calc(env(safe-area-inset-left,0px) + 12px);width:42px;height:42px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:#0f172acc;color:#f8fafc;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;z-index:1200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .2s ease,transform .2s ease}.board-layout-close-btn:hover{background:#1e293bf2;transform:translateY(-1px)}.board-layout-close-btn .material-symbols-outlined{font-size:1.25rem;line-height:1}@media(max-width:1023px){.board-layout-secondary-nav{position:fixed;bottom:5rem;left:0;right:0;width:100%;max-width:480px;margin:0 auto;background:#111827f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}.board-layout-secondary-nav-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border-radius:.375rem;font-weight:600;font-size:.813rem;cursor:pointer;transition:all .2s;border:1px solid #1f2937;background:transparent;color:#e5e7eb;white-space:nowrap;flex-shrink:0}.board-layout-secondary-nav-btn:hover:not(:disabled){background:#1f2937;border-color:#9ca3af}.board-layout-secondary-nav-btn:disabled{opacity:.5;cursor:not-allowed}.board-layout-secondary-nav-btn.active{background:#2bcdee;color:#0a0f18;border-color:#2bcdee}.board-layout-secondary-nav-btn .material-symbols-outlined{font-size:1rem}@media(max-width:1023px){.board-layout-secondary-nav-btn{padding:.5rem .875rem;font-size:.75rem}}.enhanced-card{background:#111827;border:1px solid #1f2937;border-radius:.75rem;padding:1.5rem;transition:all .2s}.enhanced-card:hover{border-color:#9ca3af}.enhanced-input{width:100%;background:#1c2527;border:1px solid #1f2937;border-radius:.5rem;padding:.75rem 1rem;color:#fff;font-size:.875rem;transition:all .2s;outline:none}.enhanced-input::placeholder{color:#9ca3af}.enhanced-input:focus{border-color:#2bcdee;box-shadow:0 0 0 2px #2bcdee1a}.enhanced-textarea{width:100%;background:#1c2527;border:1px solid #1f2937;border-radius:.5rem;padding:.75rem 1rem;color:#fff;font-size:.875rem;transition:all .2s;outline:none;resize:vertical;min-height:120px}.enhanced-textarea::placeholder{color:#9ca3af}.enhanced-textarea:focus{border-color:#2bcdee;box-shadow:0 0 0 2px #2bcdee1a}.enhanced-info-box{display:flex;align-items:start;gap:.75rem;padding:.75rem;border-radius:.5rem;background:#2bcdee1a;border:1px solid rgba(43,205,238,.2)}.enhanced-info-box .material-symbols-outlined{color:#2bcdee;font-size:1.25rem;flex-shrink:0}.enhanced-info-box p{font-size:.75rem;color:#e5e7eb;line-height:1.5;margin:0}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.preact:hover{filter:drop-shadow(0 0 2em #673ab8aa)}.card{padding:2em}.read-the-docs{color:#888}:root{--cr-bg-start: #0b1220;--cr-bg-end: #141b2f;--cr-card-border: rgba(255, 255, 255, .08);--cr-card-bg: rgba(15, 23, 42, .7);--cr-text-muted: rgba(226, 232, 240, .7);--cr-primary: #135bec;--cr-emerald: #10b981;--cr-purple: #a855f7;--cr-amber: #f59e0b;--cr-panel-radius: 20px}.create-room-page{background:radial-gradient(circle at top,rgba(19,91,236,.25),transparent 55%),linear-gradient(135deg,var(--cr-bg-start),var(--cr-bg-end));border-radius:24px;padding:clamp(24px,4vw,48px);color:#f8fafc;display:flex;flex-direction:column;gap:32px;box-shadow:0 30px 60px #00000073}.create-room-heading{text-align:center;max-width:720px;margin:0 auto}.create-room-heading h1{font-size:clamp(2rem,4vw,3.5rem);font-weight:800;margin-bottom:12px;background:linear-gradient(120deg,#fff,#94a3b8e6);-webkit-background-clip:text;color:transparent}.create-room-heading p{color:var(--cr-text-muted);font-size:1rem;line-height:1.6}.desktop-mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.mode-card{background:var(--cr-card-bg);border:1px solid var(--cr-card-border);border-radius:var(--cr-panel-radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .3s ease,border .3s ease,box-shadow .3s ease;cursor:pointer}.mode-card:hover{transform:translateY(-8px);border-color:#135beccc;box-shadow:0 20px 45px #135bec59}.mode-card-image{position:relative;width:100%;padding-top:125%;overflow:hidden}.mode-card-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.mode-card:hover .mode-card-image img{transform:scale(1.08)}.mode-card-image:after{position:absolute;inset:0;background:linear-gradient(to top,rgba(5,9,20,.95),transparent 65%)}.mode-card-body{padding:24px;display:flex;flex-direction:column;gap:12px}.mode-card h3{font-size:1.4rem;margin:0}.mode-card p{color:var(--cr-text-muted);margin:0;line-height:1.6}.mode-card-cta{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--cr-primary)}.mode-card-tag{position:absolute;top:16px;right:16px;background:#0c121fa6;padding:6px 12px;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase}.mode-card-tag.primary{background:var(--cr-primary)}.mode-card-tag.emerald{background:var(--cr-emerald)}.mode-card-tag.purple{background:var(--cr-purple)}.mobile-mode-grid{display:none}.mobile-mode-grid button{border:none;background:var(--cr-card-bg);border-radius:18px;overflow:hidden;border:1px solid var(--cr-card-border);position:relative;color:#fff;cursor:pointer;padding:0}.mobile-mode-grid .mobile-mode-image{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .35s ease}.mobile-mode-grid button:hover .mobile-mode-image{transform:scale(1.05)}.mobile-mode-grid .mobile-mode-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#050d1ef2,#050d1e1a)}.mobile-mode-content{position:relative;padding:16px;display:flex;flex-direction:column;justify-content:flex-end;height:100%}.mobile-mode-content span{font-size:.75rem;letter-spacing:.08em;font-weight:600}.mobile-mode-content h3{margin:4px 0 0;font-size:1.2rem}.mobile-mode-grid button.full-width{grid-column:span 2;aspect-ratio:16 / 9}.mobile-mode-grid button.small-card{aspect-ratio:3 / 4}@media(max-width:900px){.desktop-mode-grid{display:none}.mobile-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.create-room-page{padding:20px}}@media(max-width:600px){.create-room-heading{text-align:left}.mobile-mode-content{padding:14px}}:root{--wm-primary: #135bec;--wm-bg-start: #090f1f;--wm-bg-end: #111a2f;--wm-card: rgba(15, 23, 42, .75);--wm-border: rgba(255, 255, 255, .08);--wm-muted: rgba(226, 232, 240, .7);--wm-radius: 22px}.wait-match-page{position:relative;padding:clamp(32px,4vw,56px);border-radius:28px;background:radial-gradient(circle at 20% -20%,rgba(19,91,236,.25),transparent 55%),radial-gradient(circle at 80% 0%,rgba(56,189,248,.15),transparent 45%),linear-gradient(135deg,var(--wm-bg-start),var(--wm-bg-end));color:#f1f5f9;overflow:hidden;min-height:520px;box-shadow:0 30px 60px #020617a6}.wait-match-page:after,.wait-match-page:before{content:"";position:absolute;border-radius:999px;filter:blur(120px);opacity:.35}.wait-match-page:after{width:320px;height:320px;background:#135bec66;top:-120px;right:-80px}.wait-match-page:before{width:360px;height:360px;background:#0f766e59;bottom:-150px;left:-100px}.wait-match-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:28px;text-align:center}.wait-indicator{position:relative;width:clamp(220px,22vw,260px);aspect-ratio:1 / 1;margin-bottom:8px}.wait-indicator .pulse-ring{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(19,91,236,.35);animation:wait-pulse 2.3s ease-in-out infinite}.wait-indicator .orbit{position:absolute;inset:6%;border-radius:50%;border:1px dashed rgba(255,255,255,.2);animation:wait-rotate 6s linear infinite}.wait-indicator .orbit span{position:absolute;width:22px;height:22px;border-radius:50%;box-shadow:0 6px 12px #00000040}.wait-indicator .orbit span.white{top:-8px;left:50%;transform:translate(-50%);background:#fff}.wait-indicator .orbit span.black{bottom:-8px;left:50%;transform:translate(-50%);background:#0f172a;border:1px solid rgba(255,255,255,.1)}.wait-indicator .core{position:absolute;inset:18%;border-radius:50%;background:#0f172abf;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;box-shadow:0 20px 40px #00000059}.wait-indicator .core svg{width:64px;height:64px;stroke:var(--wm-primary);stroke-width:3;fill:none;opacity:.9}.wait-icon,.wait-btn-icon svg{width:24px;height:24px}.wait-icon path,.wait-icon circle,.wait-btn-icon svg path{stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.wait-core-icon rect,.wait-core-icon path{stroke:var(--wm-primary);stroke-width:4;fill:none;stroke-linecap:round;stroke-linejoin:round}.wait-status h1{font-size:clamp(1.75rem,3vw,2.5rem);margin-bottom:6px;font-weight:700}.wait-status p{color:var(--wm-muted);margin:0}.wait-timer{display:flex;align-items:center;gap:16px;padding:16px 24px;border-radius:18px;background:#0f172aa6;border:1px solid var(--wm-border);box-shadow:inset 0 0 0 1px #ffffff0a}.wait-timer-icon{width:42px;height:42px;border-radius:50%;background:#135bec2e;display:flex;align-items:center;justify-content:center;color:var(--wm-primary)}.wait-timer-label{font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;color:var(--wm-muted)}.wait-timer-value{font-size:2.4rem;font-family:JetBrains Mono,Consolas,monospace;font-weight:700;color:#fff}.wait-timer-text{text-align:left}.wait-hints{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;width:100%;margin-top:8px}.wait-hint-card{padding:18px;border-radius:16px;background:#f8fafc0a;border:1px solid var(--wm-border);text-align:left}.wait-hint-card h4{margin:0 0 6px;font-size:.95rem;color:#fff}.wait-hint-card p{margin:0;color:var(--wm-muted);font-size:.85rem;line-height:1.5}.wait-actions{display:flex;gap:16px;width:100%;max-width:520px}.wait-actions button{flex:1;padding:18px 20px;border-radius:18px;font-size:1rem;font-weight:600;border:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;display:flex;align-items:center;justify-content:flex-start;gap:14px}.wait-actions button:active{transform:translateY(1px)}.wait-actions .primary-btn{background:var(--wm-primary);color:#fff;box-shadow:0 20px 35px #135bec59}.wait-actions .ghost-btn{background:transparent;border:1px solid rgba(255,255,255,.15);color:#e2e8f0}.wait-btn-icon{width:48px;height:48px;border-radius:17px;background:#fff3;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px #ffffff0d}.wait-btn-icon svg{width:24px;height:24px}.wait-btn-icon.ghost{background:#0f172aa6;border:1px solid var(--wm-border)}.wait-actions button .btn-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.btn-text-cn{font-size:1rem;font-weight:600}.btn-text-en{font-size:.8rem;color:#e2e8f0cc}.ghost-btn .btn-text-en{color:#e2e8f0a6}@keyframes wait-pulse{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.03);opacity:.4}to{transform:scale(.95);opacity:.8}}@keyframes wait-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:900px){.wait-match-page{border-radius:18px;padding:24px 20px 32px}.wait-actions{flex-direction:column}.wait-hints{grid-template-columns:1fr}}@media(max-width:640px){.wait-match-page{min-height:100%}.wait-indicator{width:200px}.wait-timer{flex-direction:column;align-items:center;gap:8px}.wait-timer-value{font-size:2rem}.wait-match-inner{align-items:stretch;text-align:left}.wait-status{text-align:left}}.expression-stones-enabled .shudan-goban .shudan-stone-image,.expression-stones-enabled .shudan-goban .shudan-shadow{display:none!important}.shudan-goban{position:relative}.expression-stones-canvas{position:absolute;top:0;left:0;pointer-events:none;z-index:10}.expression-stones-enabled .shudan-goban .shudan-marker{z-index:20}.battle-page button:hover:not(:disabled){transform:none;box-shadow:none}.battle-page button:active{transform:none}.battle-page{min-height:100vh;display:flex;flex-direction:column;background-color:#0a0f1a;color:#e5e7eb;position:fixed;inset:0;z-index:1000}.battle-desktop-main{display:flex;flex:1;overflow:hidden;min-height:0}.battle-sidebar{display:flex;flex-direction:column;background:#111827;flex-shrink:0;min-height:0;overflow:hidden}.battle-sidebar-left{width:288px;border-right:1px solid #1f2937}.battle-sidebar-right{width:320px;border-left:1px solid #1f2937}.battle-sidebar-content{flex:1;display:flex;flex-direction:column;padding:1rem;gap:1rem;min-height:0;overflow-y:auto}.battle-board-section{flex:1;display:flex;align-items:center;justify-content:center;background:#0a0f1a;position:relative;overflow:hidden;min-height:0}.board-layout-board-wrapper{position:relative;background:transparent;border-radius:0;box-shadow:none;border:none;overflow:visible;display:flex;align-items:center;justify-content:center;padding:0}.board-layout-board-wrapper .shudan-grid,.board-layout-board-wrapper .shudan-content{overflow:visible!important}.battle-player-card{padding:1rem;border-radius:.75rem;background:#0a0f1a;border:1px solid #1f2937;display:flex;flex-direction:column;gap:.75rem;flex-shrink:0;min-width:0}.battle-player-card--self{border-color:#14b8144d;box-shadow:0 0 20px #14b8141a}.battle-player-info{display:flex;align-items:center;gap:1rem;min-width:0}.battle-avatar-wrapper{position:relative;flex-shrink:0}.battle-avatar{width:56px;height:56px;border-radius:.5rem;background:#1f2937;border:2px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;color:#e5e7eb;overflow:hidden}.battle-avatar--self{border-color:#14b814}.battle-avatar img{width:100%;height:100%;object-fit:cover}.battle-stone-badge{position:absolute;top:-8px;right:-8px;width:22px;height:22px;border-radius:9999px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;box-shadow:0 2px 4px #00000080}.battle-stone-badge--black{background:#000;color:#fff;border:1px solid rgba(255,255,255,.2)}.battle-stone-badge--white{background:#fff;color:#000}.battle-player-text{flex:1;min-width:0;overflow:hidden}.battle-player-name{font-weight:700;color:#fff;font-size:.9375rem;margin-bottom:.125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-player-rank{color:#14b814;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-timer-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;text-align:center}.battle-timer-cell{background:#111827;border:1px solid #1f2937;border-radius:.25rem;padding:.5rem}.battle-timer-cell--active{background:#14b81426;border-color:#14b81480;box-shadow:0 0 0 2px #14b81426}.battle-timer-label{font-size:9px;text-transform:uppercase;color:#9ca3af;font-weight:700;letter-spacing:.05em}.battle-timer-label--active{color:#14b814}.battle-timer-value{font-family:monospace;font-size:1.125rem;font-weight:700;color:#fff;line-height:1.2;margin-top:.125rem}.battle-match-info{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0;flex-shrink:0;width:100%;min-width:0}.battle-match-body{width:100%;min-width:0;overflow:hidden}.battle-match-divider{width:100%;height:1px;background:linear-gradient(to right,transparent,#1f2937,transparent);margin:1rem 0}.battle-match-label{font-size:.625rem;font-weight:700;color:#14b814;text-transform:uppercase;letter-spacing:.3em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-match-title{font-size:1.25rem;color:#fff;font-style:italic;margin:.25rem 0;font-family:Newsreader,serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-match-rules{font-size:.625rem;color:#9ca3af;margin-top:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-chat{flex:1;display:flex;flex-direction:column;min-height:0}.battle-chat-header{padding:1rem 1.5rem;border-bottom:1px solid #1f2937;display:flex;align-items:center;justify-content:space-between}.battle-chat-title{font-size:.75rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.1em}.battle-chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem;background:#0a0f1a4d}.battle-chat-message{font-size:11px}.battle-chat-message--system .battle-chat-sender{color:#14b814;font-weight:700}.battle-chat-message--system .battle-chat-text{color:#9ca3af}.battle-chat-bubble{display:flex;flex-direction:column;gap:.25rem}.battle-chat-bubble--self{align-items:flex-end}.battle-chat-bubble-name{font-size:.625rem;font-weight:700;color:#9ca3af}.battle-chat-bubble-name--self{color:#14b814}.battle-chat-bubble-text{background:#111827;border:1px solid #1f2937;border-radius:.5rem;border-top-left-radius:0;padding:.75rem;font-size:11px;color:#e5e7eb;display:inline-block;max-width:90%}.battle-chat-bubble-text--self{background:#14b8141a;border-color:#14b8144d;border-radius:.5rem;border-top-right-radius:0}.battle-chat-spectator{font-size:11px}.battle-chat-spectator .battle-chat-sender{color:#fff;font-weight:700}.battle-chat-spectator .battle-chat-text{color:#9ca3af}.battle-chat-input{padding:.75rem;border-top:1px solid #1f2937;background:#111827;display:flex;gap:.5rem}.battle-chat-input-field{flex:1;background:#0a0f1a;border:1px solid #1f2937;border-radius:.25rem;padding:.5rem .75rem;font-size:.75rem;color:#e5e7eb;outline:none}.battle-chat-input-field::placeholder{color:#9ca3af}.battle-chat-input-field:focus{border-color:#14b814;box-shadow:0 0 0 1px #14b814}.battle-chat-send-btn{background:#1f2937;border:none;border-radius:.25rem;padding:.5rem .75rem;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;box-shadow:none}.battle-chat-send-btn:hover{background:#374151}.battle-ai-panel{border-top:1px solid #1f2937;padding:1.25rem;background:#111827;display:flex;flex-direction:column;gap:1rem}.battle-ai-header{display:flex;align-items:center;justify-content:space-between}.battle-ai-title{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;color:#fff}.battle-ai-title .material-symbols-outlined{color:#14b814;font-size:1.25rem}.battle-toggle{position:relative;display:inline-flex;align-items:center;cursor:pointer}.battle-toggle input{position:absolute;opacity:0;width:0;height:0}.battle-toggle-track{width:36px;height:16px;background:#0a0f1a;border-radius:9999px;transition:background .2s;position:relative}.battle-toggle input:checked+.battle-toggle-track{background:#14b814}.battle-toggle-track:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;background:#fff;border-radius:9999px;transition:transform .2s}.battle-toggle input:checked+.battle-toggle-track:after{transform:translate(20px)}.battle-ai-winrate-card{padding:1rem;border-radius:.75rem;background:#0a0f1a;border:1px solid #1f2937}.battle-ai-winrate-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.battle-ai-winrate-label{font-size:9px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.1em}.battle-ai-winrate-value{font-size:.75rem;font-weight:700;color:#14b814}.battle-ai-winrate-bar{width:100%;height:10px;background:#111827;border-radius:9999px;overflow:hidden;display:flex;box-shadow:inset 0 0 0 1px #ffffff0d}.battle-ai-winrate-bar-black{height:100%;background:#14b814;transition:width .3s}.battle-ai-winrate-bar-white{height:100%;background:#fff3;transition:width .3s}.battle-ai-winrate-labels{display:flex;justify-content:space-between;margin-top:.5rem;font-size:8px;font-weight:700;color:#9ca3af}.battle-footer{height:80px;border-top:1px solid #1f2937;background:#111827;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;flex-shrink:0;z-index:10}.battle-footer-group{display:flex;align-items:center;gap:1rem}.battle-footer-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;border-radius:.5rem;border:1px solid #1f2937;font-weight:700;font-size:.875rem;cursor:pointer;transition:all .2s;background:transparent;box-shadow:none}.battle-footer-btn--danger{color:#ef4444}.battle-footer-btn--danger:hover{background:#ef44441a}.battle-footer-btn--default{color:#e5e7eb}.battle-footer-btn--default:hover{background:#1f2937}.battle-footer-btn--muted{color:#9ca3af;font-size:.75rem;padding:.5rem 1rem}.battle-footer-btn--muted:hover{color:#fff;background:#1f2937}.battle-footer-btn--share{padding:.5rem;background:#14b81426;color:#14b814;border-color:#14b8144d}.battle-footer-btn--share:hover{background:#14b81440}.battle-nav-btn{width:40px;height:40px;border-radius:9999px;background:#0a0f1a;border:1px solid #1f2937;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#9ca3af;transition:all .2s;padding:0;box-shadow:none;font-size:1rem}.battle-nav-btn:hover{background:#1f2937;color:#fff}.battle-move-display{padding:.625rem 2.5rem;border-radius:9999px;background:#0a0f1a;border:1px solid #1f2937;font-family:monospace;font-size:.75rem;font-weight:700;color:#fff;min-width:130px;text-align:center}.battle-divider{width:1px;height:32px;background:#1f2937}.battle-mobile-header{height:96px;background:#111827;border-bottom:1px solid #1f2937;display:flex;align-items:center;padding:0 .75rem;flex-shrink:0;min-width:0;overflow:hidden}.battle-mobile-player{flex:1;display:flex;align-items:center;gap:.5rem;min-width:0;overflow:hidden}.battle-mobile-player--right{flex-direction:row-reverse}.battle-mobile-avatar{position:relative;flex-shrink:0}.battle-mobile-avatar-img{width:40px;height:40px;border-radius:9999px;background:#1f2937;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;color:#e5e7eb;overflow:hidden}.battle-mobile-stone-badge{position:absolute;bottom:-4px;right:-4px;width:16px;height:16px;border-radius:9999px;display:flex;align-items:center;justify-content:center}.battle-mobile-stone-badge--black{background:#000;border:1px solid rgba(255,255,255,.2)}.battle-mobile-stone-badge--white{background:#fff;border:1px solid rgba(0,0,0,.2);box-shadow:0 1px 2px #00000080}.battle-mobile-stone-badge-dot{width:6px;height:6px;border-radius:9999px}.battle-mobile-stone-badge--black .battle-mobile-stone-badge-dot{background:#fff}.battle-mobile-stone-badge--white .battle-mobile-stone-badge-dot{background:#000}.battle-mobile-player-info{display:flex;flex-direction:column;min-width:0;flex:1;overflow:hidden}.battle-mobile-player--right .battle-mobile-player-info{text-align:right}.battle-mobile-player-color{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-mobile-player-color--black{color:#14b814}.battle-mobile-player-color--white{color:#9ca3af}.battle-mobile-player-name{font-size:.875rem;font-weight:700;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-mobile-player-rank{font-size:.625rem;color:#9ca3af;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.battle-mobile-timer{text-align:right;flex-shrink:0}.battle-mobile-player--right .battle-mobile-timer{text-align:left;margin-left:0;margin-right:auto}.battle-mobile-timer-main{font-size:1.125rem;font-family:monospace;font-weight:700;color:#fff;line-height:1;white-space:nowrap}.battle-mobile-timer-main--active{color:#14b814}.battle-mobile-timer-sub{font-size:.625rem;color:#9ca3af;text-transform:uppercase;white-space:nowrap}.battle-mobile-divider{width:1px;height:32px;background:#1f2937;margin:0 .5rem;flex-shrink:0}.battle-mobile-board{flex:1;display:flex;align-items:center;justify-content:center;background:#0a0f1a;overflow:hidden;min-height:0}.battle-mobile-log{height:160px;background:#111827;border-top:1px solid #1f2937;display:flex;flex-direction:column;flex-shrink:0}.battle-mobile-log-tabs{display:flex;border-bottom:1px solid #1f2937}.battle-mobile-log-tab{flex:1;padding:.5rem;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;background:transparent;border:none;cursor:pointer;transition:all .2s;color:#9ca3af;box-shadow:none}.battle-mobile-log-tab--active{color:#14b814;border-bottom:2px solid #14b814;background:#14b8140d;margin-bottom:-1px}.battle-mobile-log-tab:hover{color:#fff}.battle-mobile-log-content{flex:1;overflow-y:auto;padding:.75rem;display:flex;flex-wrap:wrap;gap:.5rem;align-content:flex-start}.battle-mobile-move-chip{display:flex;align-items:center;gap:.375rem;padding:.25rem .5rem;background:#0a0f1a;border:1px solid #1f2937;border-radius:.25rem;font-family:monospace;font-size:.625rem}.battle-mobile-move-chip--active{border-color:#14b814;box-shadow:0 0 5px #14b81433}.battle-mobile-move-num{color:#9ca3af}.battle-mobile-move-pos{font-weight:700;color:#fff}.battle-mobile-move-pos--active{color:#14b814}.battle-mobile-log-footer{padding:.5rem 1rem;background:#0a0f1a80;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #1f2937}.battle-mobile-log-comment{display:flex;align-items:center;gap:.5rem}.battle-mobile-log-comment .material-symbols-outlined{font-size:.875rem;color:#14b814}.battle-mobile-log-comment-text{font-size:.625rem;color:#9ca3af}.battle-mobile-nav{height:80px;background:#111827;border-top:1px solid #1f2937;display:grid;grid-template-columns:repeat(6,1fr);flex-shrink:0}.battle-mobile-nav-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;background:transparent;border:none;cursor:pointer;transition:background .2s;color:#9ca3af;padding:.25rem 0;box-shadow:none}.battle-mobile-nav-btn:hover{background:#1f2937}.battle-mobile-nav-btn .material-symbols-outlined{color:#9ca3af;font-size:1.25rem}.battle-mobile-nav-btn:hover .material-symbols-outlined{color:#fff}.battle-mobile-nav-label{font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af}.battle-mobile-nav-btn:hover .battle-mobile-nav-label{color:#fff}.battle-chat-messages::-webkit-scrollbar,.battle-mobile-log-content::-webkit-scrollbar,.battle-sidebar-content::-webkit-scrollbar{width:4px}.battle-chat-messages::-webkit-scrollbar-track,.battle-mobile-log-content::-webkit-scrollbar-track,.battle-sidebar-content::-webkit-scrollbar-track{background:#0a0f1a}.battle-chat-messages::-webkit-scrollbar-thumb,.battle-mobile-log-content::-webkit-scrollbar-thumb,.battle-sidebar-content::-webkit-scrollbar-thumb{background:#1f2937;border-radius:2px}@media(max-width:1023px){.battle-page{max-width:480px;margin:0 auto;border-left:1px solid #1f2937;border-right:1px solid #1f2937}}.battle-result-overlay{position:fixed;inset:0;background:#030712d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:2000;animation:battle-result-fade .3s ease}@keyframes battle-result-fade{0%{opacity:0}to{opacity:1}}.battle-result-card{position:relative;width:100%;max-width:480px;border-radius:20px;padding:0;overflow:hidden;box-shadow:0 25px 70px #00000073;animation:battle-result-pop .35s ease}@keyframes battle-result-pop{0%{transform:scale(.9);opacity:0}60%{transform:scale(1.03)}to{transform:scale(1);opacity:1}}.battle-result-card--victory{border:2px solid rgba(234,179,8,.4);background:linear-gradient(180deg,#172554f2,#0f172a)}.battle-result-card--defeat{border:2px solid rgba(153,27,27,.5);background:linear-gradient(180deg,#0c0c11f2,#0b0c11)}.battle-result-card-inner{padding:2.5rem 2rem 2rem;text-align:center}.battle-result-icon{width:90px;height:90px;border-radius:999px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.15);background:#ffffff0d}.battle-result-card--victory .battle-result-icon{border-color:#eab30880;background:#eab30814;color:#facc15}.battle-result-card--defeat .battle-result-icon{border-color:#ef444466;background:#ef444414;color:#ef4444}.battle-result-title{font-size:3rem;font-weight:800;margin-bottom:.3rem;letter-spacing:-.02em;text-transform:uppercase}.battle-result-card--victory .battle-result-title{background:linear-gradient(180deg,#fef3c7,#facc15,#d97706);-webkit-background-clip:text;color:transparent;font-style:italic}.battle-result-card--defeat .battle-result-title{color:#f87171;text-shadow:0 5px 15px rgba(0,0,0,.45)}.battle-result-divider{width:110px;height:2px;margin:.75rem auto 2rem;background:#ffffff1f}.battle-result-details{display:flex;flex-direction:column;gap:1rem;margin-bottom:2.25rem}.battle-result-detail{padding:.9rem 1rem;border-radius:1rem;background:#0f172aa6;border:1px solid rgba(148,163,184,.2);text-align:left;display:flex;justify-content:space-between;align-items:center;gap:1rem}.battle-result-label{font-size:.65rem;letter-spacing:.35em;text-transform:uppercase;color:#94a3b8;font-weight:700}.battle-result-winner{display:flex;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:700;color:#f8fafc}.battle-result-stone{width:28px;height:28px;border-radius:999px;border:1px solid rgba(255,255,255,.2)}.battle-result-stone--black{background:#020617}.battle-result-stone--white{background:#f8fafc;border-color:#0f172a40}.battle-result-text span{display:block}.battle-result-description{font-size:1rem;font-weight:600;color:#e2e8f0}.battle-result-subtext{font-size:.85rem;color:#94a3b8}.battle-result-actions{display:grid;gap:.85rem}.battle-result-btn{width:100%;padding:.95rem 1.25rem;border-radius:1rem;font-size:1rem;font-weight:700;border:1px solid transparent;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.battle-result-btn:active{transform:translateY(1px)}.battle-result-btn--primary{color:#0b1120;background:linear-gradient(120deg,#22c55e,#16a34a);box-shadow:0 15px 35px #22c55e59}.battle-result-card--victory .battle-result-btn--primary{background:linear-gradient(120deg,#fde047,#fbbf24);color:#0f172a;box-shadow:0 18px 45px #fbbf2466}.battle-result-card--defeat .battle-result-btn--primary{background:linear-gradient(120deg,#ef4444,#b91c1c);color:#fff;box-shadow:0 18px 35px #ef444459}.battle-result-btn--secondary{background:#0f172acc;border-color:#94a3b84d;color:#e2e8f0}.battle-result-card--defeat .battle-result-btn--secondary{border-color:#f8717140;color:#f87171e6}.battle-result-close{position:absolute;top:1rem;right:1rem;background:#0f172ab3;border:1px solid rgba(148,163,184,.3);border-radius:999px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#94a3b8;cursor:pointer}.battle-result-mobile-card{width:100%;max-width:360px;border-radius:22px;overflow:hidden;padding:.35rem;position:relative}.battle-result-mobile-card--victory{background:linear-gradient(135deg,#fde047,#fbbf24,#d97706);box-shadow:0 20px 45px #fbbf2473}.battle-result-mobile-card--defeat{background:linear-gradient(135deg,#ef4444e6,#7f1d1d);box-shadow:0 20px 45px #b91c1c66}.battle-result-mobile-inner{background:#020617;border-radius:18px;padding:2rem 1.75rem 1.5rem;text-align:center;position:relative;overflow:hidden}.battle-result-mobile-icon{width:72px;height:72px;border-radius:999px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;background:#ffffff12;color:#fde047}.battle-result-mobile-card--defeat .battle-result-mobile-icon{background:#f8717126;color:#f87171}.battle-result-mobile-title{font-size:2.5rem;font-weight:800;color:#fef9c3;margin-bottom:.4rem}.battle-result-mobile-card--defeat .battle-result-mobile-title{color:#fecaca}.battle-result-mobile-divider{width:110px;height:2px;margin:0 auto 1.25rem;background:#fff3}.battle-result-mobile-details{color:#f4f4f5;margin-bottom:1.5rem}.battle-result-mobile-details span{display:block;font-weight:600}.battle-result-mobile-details small{color:#a5b4fc;font-size:.8rem}.battle-result-mobile-actions{display:flex;flex-direction:column;gap:.75rem}.battle-result-mobile-actions .battle-result-btn{border-radius:14px;font-size:.95rem;text-transform:uppercase}@media(max-width:720px){.battle-result-card{display:none}}@media(min-width:721px){.battle-result-mobile-card{display:none}}.floating-panel{position:fixed;bottom:104px;display:flex;flex-direction:column;align-items:flex-end;gap:12px;z-index:1500}.floating-panel--right{right:24px}.floating-panel--left{left:24px;align-items:flex-start}.floating-panel-actions{display:flex;flex-direction:column;gap:10px;max-height:0;opacity:0;overflow:hidden;transition:opacity .25s ease,max-height .25s ease}.floating-panel-actions--open{max-height:500px;opacity:1}.floating-panel-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:#0f172ae6;color:#f8fafc;cursor:pointer;transition:transform .2s ease,background .2s ease}.floating-panel-item:hover{transform:translateY(-2px);background:#1e293be6}.floating-panel-item-icon{font-size:1.1rem}.floating-panel-item-icon.custom-icon{display:inline-flex;align-items:center;justify-content:center}.floating-panel-item-label{font-size:.85rem;letter-spacing:.05em}.floating-panel-toggle{width:56px;height:56px;border-radius:999px;border:none;cursor:pointer;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 30px #2563eb66;transition:transform .3s ease,box-shadow .3s ease}.floating-panel-toggle--open{transform:rotate(45deg)}.floating-panel-toggle:hover{box-shadow:0 16px 35px #3b82f680}.floating-panel-reward{width:32px;height:32px;transition:transform .3s ease,filter .3s ease}.floating-panel-reward--active{filter:drop-shadow(0 0 6px rgba(251,191,36,.6))}@media(max-width:640px){.floating-panel{right:16px;left:auto;bottom:88px}.floating-panel-item{padding:8px 12px}}