:root{--bg-deep:#d8ccb2;--bg-main:#ece2cd;--bg-panel:#f4ecda;--bg-card:#f7f0e0;--bg-input:#e7dcc4;--border:#cabd9f;--border-hl:#ab9670;--gold:#856219;--gold-mid:#6f5217;--gold-dim:#5a4213;--gold-glow:#85621938;--seal:#b23a2e;--seal-bright:#9c2f20;--text:#2c2417;--text-dim:#6a5c44;--text-muted:#9a8a6c;--success:#5c7a30;--warning:#b07818;--danger:#b23a2e;--radius-sm:4px;--radius:8px;--radius-lg:14px;--shadow:0 8px 36px #3c2e1838;--shadow-sm:0 2px 10px #3c2e1829;--transition:.2s ease;--font-serif:"Noto Serif TC", "Noto Serif CJK TC", "Source Han Serif TC", "Songti TC", "Songti SC", "STSong", "PMingLiU", "MingLiU", "SimSun", serif;--bg-app-image:url(/img/bg-light.webp);--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-serif);background:var(--bg-main);background-image:var(--bg-app-image);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;padding-left:var(--safe-left);padding-right:var(--safe-right);padding-bottom:var(--safe-bottom);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;flex-direction:column;align-items:center;display:flex}h1{font-family:var(--font-serif);color:var(--text);letter-spacing:10px;text-indent:10px;text-shadow:0 2px 10px #0009;margin:26px 0 14px;font-size:34px;font-weight:900;position:relative}h1:after{content:"";background:linear-gradient(90deg, transparent, var(--seal) 30%, var(--seal) 70%, transparent);opacity:.85;width:64px;height:2px;margin:12px auto 0;display:block}h1.brush-title{padding-top:var(--safe-top);font-size:clamp(30px,8vw,44px)}canvas{cursor:pointer;border-radius:var(--radius);touch-action:manipulation;max-width:100%;display:block;box-shadow:inset 0 1px #fffaeb66,inset 0 -2px #3a28102e,0 2px #aa8a4aa6,0 4px #8c6e388c,0 6px #70562a73,0 14px 28px #281c0c4d,0 0 0 1px #cdb07940}.control-group{margin-bottom:12px}.control-group label{text-transform:uppercase;letter-spacing:.8px;color:var(--text-dim);margin-bottom:5px;font-size:11px;font-weight:600;display:block}.control-hint{color:var(--text-muted);margin:4px 0 0;font-size:11px;line-height:1.5}.rules-help{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);margin-bottom:12px}.rules-help>summary{cursor:pointer;color:var(--gold-dim);padding:8px 12px;font-size:12px;font-weight:600;list-style:none}.rules-help>summary::-webkit-details-marker{display:none}.rules-help>summary:before{content:"＋";margin-right:6px;font-weight:700}.rules-help[open]>summary:before{content:"－"}.rules-help dl{margin:0;padding:0 12px 10px;font-size:11px;line-height:1.55}.rules-help dt{color:var(--text);margin-top:8px;font-weight:700}.rules-help dd{color:var(--text-dim);margin:1px 0 0}select,button{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:background var(--transition), border-color var(--transition), box-shadow var(--transition), transform var(--transition);padding:8px 12px;font-family:inherit;font-size:13px}select{background:var(--bg-input);color:var(--text);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%239c8e76' d='M5 6L0 0h10z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;outline:none;padding-right:28px}select:focus{border-color:var(--gold-dim);outline:none}button{background:var(--bg-input);color:var(--text);margin-bottom:6px;font-weight:500}button:hover:not(:disabled){background:var(--border-hl);border-color:var(--border-hl);transform:translateY(-1px);box-shadow:0 3px 10px #3c2e1829}button:active:not(:disabled){box-shadow:none;transform:scale(.97)}button:focus-visible{outline:2px solid var(--gold-dim);outline-offset:2px}button.primary{background:linear-gradient(135deg, var(--gold-dim) 0%, var(--gold-mid) 100%);color:#f7efde;box-shadow:0 2px 12px var(--gold-glow);letter-spacing:1px;border:none;font-weight:700}button.primary:hover:not(:disabled){background:linear-gradient(135deg, var(--gold-mid) 0%, var(--gold) 100%);transform:translateY(-1px);box-shadow:0 6px 22px #85621961}button.primary:active:not(:disabled){transform:scale(.97);box-shadow:0 2px 8px #8562194d}button.danger{color:var(--seal);background:#b23a2e1a;border-color:#b23a2e73;font-weight:600}button.danger:hover:not(:disabled){background:#b23a2e33;border-color:#b23a2eb3;transform:translateY(-1px);box-shadow:0 3px 10px #b23a2e2e}button.danger:active:not(:disabled){box-shadow:none;transform:scale(.97)}.toggle-row{justify-content:space-between;align-items:center;margin-bottom:4px;padding:5px 2px;display:flex}.toggle-row span{color:var(--text-dim);font-size:13px}.toggle{flex-shrink:0;width:44px;height:24px;position:relative}.toggle input{display:none}.toggle .slider{background:var(--bg-input);border:1px solid var(--border);cursor:pointer;border-radius:12px;transition:background .3s,border-color .3s;position:absolute;inset:0}.toggle .slider:before{content:"";background:var(--text-dim);border-radius:50%;width:17px;height:17px;transition:transform .25s cubic-bezier(.4,0,.2,1),background .3s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0006}.toggle input:checked+.slider{background:var(--gold-dim);border-color:var(--gold-dim)}.toggle input:checked+.slider:before{background:#fff;transform:translate(20px)}.audio-settings .audio-volume-group{margin-bottom:12px}.audio-volume-label{justify-content:space-between;align-items:baseline;margin-bottom:5px;display:flex}.audio-volume-label span:first-child{text-transform:uppercase;letter-spacing:.8px;color:var(--text-dim);font-size:11px;font-weight:600}.audio-volume-value{color:var(--gold-dim);font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.audio-settings .review-slider:disabled{opacity:.4;cursor:not-allowed}.info-row{border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:7px 8px;font-size:13px;display:flex}.info-row:nth-child(2n){background:#ffffff06}.info-row .label{color:var(--text-dim)}.info-row .value{font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.black-indicator{color:var(--text)}.white-indicator{color:var(--text-dim)}.stone-dot{vertical-align:-.12em;border-radius:50%;width:.95em;height:.95em;display:inline-block;box-shadow:0 1px 2px #00000059}.stone-dot.black{background:radial-gradient(circle at 35% 32%,#5a5a5a 0%,#111 75%)}.stone-dot.white{background:radial-gradient(circle at 35% 32%,#fff 0%,#ccc 78%);box-shadow:0 1px 2px #00000059,inset 0 0 0 1px #0000001f}.turn-badge.black:before,.turn-badge.white:before{content:"";vertical-align:-.12em;border-radius:50%;width:.95em;height:.95em;margin-right:.45em;display:inline-block;box-shadow:0 1px 2px #00000059}.turn-badge.black:before{background:radial-gradient(circle at 35% 32%,#5a5a5a 0%,#111 75%);box-shadow:0 1px 2px #00000073,inset 0 0 0 1px #ffffff24}.turn-badge.white:before{background:radial-gradient(circle at 35% 32%,#fff 0%,#ccc 78%);box-shadow:0 1px 2px #00000059,inset 0 0 0 1px #0000001f}.timer-display{text-align:center;background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius-sm);letter-spacing:3px;color:var(--gold);font-variant-numeric:tabular-nums;margin:4px 0 10px;padding:10px;font-family:Courier New,monospace;font-size:22px}.timer-display.urgent{color:var(--danger);border-color:#ef535066;animation:.6s ease-in-out infinite timerBlink}@keyframes timerBlink{0%,to{opacity:1}50%{opacity:.45}}.review-controls{gap:6px;margin-top:8px;display:flex}.review-controls button{flex:1;min-height:42px;margin:0;padding:8px 4px}.move-info{text-align:center;color:var(--text-dim);margin-top:6px;padding:4px 0;font-size:12px}.review-slider{appearance:none;background:var(--bg-input);border:1px solid var(--border);cursor:pointer;border-radius:3px;width:100%;height:6px;margin:2px 0}.review-slider::-webkit-slider-thumb{appearance:none;background:radial-gradient(circle at 35% 32%, var(--gold) 0%, var(--gold-dim) 80%);border:1px solid var(--gold-dim);border-radius:50%;width:18px;height:18px;box-shadow:0 1px 3px #3c2e1859}.review-slider::-moz-range-thumb{background:var(--gold);border:1px solid var(--gold-dim);border-radius:50%;width:18px;height:18px}.review-replay{background:var(--bg-input);border-color:var(--gold-dim);width:100%;color:var(--gold-dim);margin-top:8px;font-weight:700}.review-replay:hover{background:var(--gold-dim);color:#f7efde;border-color:var(--gold-dim)}.review-analysis{margin-top:8px}#analyzeReviewBtn{background:var(--bg-input);border-color:var(--border-hl);width:100%;color:var(--gold-dim);font-weight:700}#analyzeReviewBtn:disabled{opacity:.6;cursor:default}#ownershipBtn{background:var(--bg-card);border-color:var(--border);width:100%;color:var(--text-dim);margin-top:6px}#ownershipBtn.active{background:var(--bg-input);border-color:var(--gold-dim);color:var(--gold-dim);font-weight:700}.winrate-graph{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);cursor:pointer;width:100%;height:auto;margin-top:8px}.move-info.good{color:var(--success)}.move-info.warn{color:var(--warning)}.move-info.bad{color:var(--danger);font-weight:700}.modal-summary{white-space:pre-line;line-height:1.6;color:var(--text-muted)!important;font-size:12px!important}.ai-level-display{color:var(--gold);padding:6px 0 2px;font-size:15px;font-weight:700}.control-reset{width:auto;margin-top:6px;padding:4px 10px;font-size:12px}.scoring-panel{background:var(--bg-card);border-radius:var(--radius);border:1px solid #c0943a73;margin-top:12px;padding:14px;box-shadow:0 0 20px #c0943a14}.scoring-panel h4{color:var(--gold);text-align:center;letter-spacing:.8px;text-transform:uppercase;margin-bottom:10px;font-size:13px}.score-row{justify-content:space-between;padding:5px 0;font-size:13px;display:flex}.status-msg{text-align:center;border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border);min-height:40px;color:var(--text-dim);justify-content:center;align-items:center;margin:10px 0;padding:10px 12px;font-size:13px;line-height:1.4;transition:border-color .3s,color .3s;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:100;background:#000000b8;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-overlay.show{display:flex}.modal{background:var(--bg-panel);border-radius:var(--radius-lg);text-align:center;border:1px solid #c0943a66;width:90%;max-width:360px;padding:34px 30px;animation:.28s cubic-bezier(.34,1.5,.64,1) modalIn;position:relative;box-shadow:0 2px 8px #00000040,0 20px 60px #000000b3,0 0 80px #c0943a14}.modal:before{content:"";background:linear-gradient(90deg, transparent, var(--gold-dim), transparent);border-radius:1px;height:2px;position:absolute;top:0;left:20%;right:20%}@keyframes modalIn{0%{opacity:0;transform:scale(.88)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal h2{color:var(--gold);letter-spacing:1px;margin-bottom:14px;font-size:20px}.modal p{margin-bottom:8px;font-size:15px}.modal button{margin-top:14px}.modal-actions{flex-direction:column;gap:8px;margin-top:16px;display:flex}.modal-actions button{width:100%;margin-top:0}.scoring-warn{color:var(--warning);margin-top:8px;font-size:12px;font-weight:600;line-height:1.5}#aiThinkingOverlay{pointer-events:none;z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ai-thinking-card{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#f7f0e0eb;border-radius:999px;align-items:center;gap:10px;padding:10px 18px;display:flex}.ai-thinking-label{color:var(--gold-dim);letter-spacing:1px;font-size:13px;font-weight:700}.ai-stones{align-items:center;gap:7px;display:inline-flex}.ai-stone{border-radius:50%;width:16px;height:16px;animation:1.1s ease-in-out infinite aiPlay;box-shadow:0 1px 2px #0000004d}.ai-stone.b{background:radial-gradient(circle at 35% 32%,#5a5a5a 0%,#111 75%)}.ai-stone.w{background:radial-gradient(circle at 35% 32%,#fff 0%,#ccc 78%);animation-delay:.55s;box-shadow:0 1px 2px #0000004d,inset 0 0 0 1px #0000001f}@keyframes aiPlay{0%,to{opacity:.35;transform:translateY(0)scale(.62)}45%{opacity:1;transform:translateY(-5px)scale(1)}}@media (width<=900px){h1{letter-spacing:2px;margin:10px 0 6px;font-size:20px}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg-panel)}::-webkit-scrollbar-thumb{background:var(--border-hl);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.version-footer{text-align:center;width:100%;color:var(--text-muted);letter-spacing:.5px;padding:10px 16px 18px;font-size:11px}.version-link{width:auto;color:var(--text-muted);letter-spacing:.5px;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;margin:0;padding:4px 8px;font-size:11px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}a.version-link{display:inline-block}.version-link:hover{color:var(--text-muted);background:0 0;border:none}.changelog-modal{text-align:left;max-width:560px}.changelog-body{text-align:left;max-height:60vh;color:var(--text);margin:8px 0 4px;padding-right:6px;font-size:13px;line-height:1.6;overflow-y:auto}.changelog-body h1{color:var(--gold-dim);margin:4px 0 10px;font-size:18px}.changelog-body h2{color:var(--gold-dim);border-bottom:1px solid #c0943a40;margin:16px 0 6px;padding-bottom:4px;font-size:15px}.changelog-body h3{color:var(--text);margin:12px 0 4px;font-size:13px}.changelog-body ul{margin:4px 0 8px;padding-left:20px}.changelog-body li{margin:3px 0}.changelog-body p{color:var(--text-muted);margin:4px 0}.changelog-body hr{border:none;border-top:1px solid #ffffff14;margin:14px 0}.changelog-body code{background:#ffffff14;border-radius:4px;padding:1px 5px;font-size:12px}.changelog-body strong{color:var(--text)}.home-screen{flex-direction:column;align-items:center;gap:16px;width:100%;max-width:1040px;padding:12px 16px 20px;display:flex}.home-header-row{justify-content:flex-end;align-items:center;gap:8px;width:100%;display:flex}.home-tagline{color:var(--text-dim);letter-spacing:6px;text-indent:6px;align-items:center;gap:14px;font-size:15px;display:flex}.home-tagline:before,.home-tagline:after{content:"";background:linear-gradient(90deg, transparent, var(--border-hl), transparent);width:36px;height:1px}.home-premium-entry{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);width:auto;max-width:92%;box-shadow:var(--shadow-sm);cursor:pointer;transition:border-color var(--transition), box-shadow var(--transition);flex-direction:column;align-items:center;gap:4px;margin:2px auto 0;padding:10px 24px;display:flex}.home-premium-entry:hover{background:var(--bg-card);border-color:var(--gold-dim)}.home-premium-title{color:var(--gold-dim);letter-spacing:4px;text-indent:4px;font-size:15px}.home-premium-desc{color:var(--text-dim);letter-spacing:.5px;text-align:center;font-size:12px}.home-premium-desc>span{display:inline-block}.home-premium-desc>span:not(:last-child):after{content:"、"}.home-menu{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;justify-content:flex-start;gap:16px;width:100%;padding:4px 4px 12px;scroll-padding:0 16px;display:flex;overflow:auto hidden}.home-menu::-webkit-scrollbar{display:none}.home-menu{cursor:grab}.home-menu.dragging{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.home-menu.dragging .home-card{cursor:grabbing}@media (width>=900px){.home-menu{justify-content:safe center}}.home-card{aspect-ratio:3/4;text-align:left;border:1px solid var(--border);border-radius:var(--radius);width:240px;min-height:0;box-shadow:var(--shadow-sm);scroll-snap-align:center;background:var(--bg-card);transition:border-color var(--transition), box-shadow var(--transition), transform var(--transition);flex-direction:column;flex:none;justify-content:flex-start;margin:0;padding:0;display:flex;position:relative;overflow:hidden}.home-card-bg{z-index:0;transition:transform var(--transition);background-position:50%;background-size:cover;position:absolute;inset:0}.home-card:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#1c140ae6 0%,#1c140aa3 46%,#0000 100%);height:52%;position:absolute;top:0;left:0;right:0}.home-card-body{z-index:2;flex-direction:column;align-items:flex-start;gap:6px;padding:18px 16px 16px;display:flex;position:relative}@media (hover:hover){.home-card:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:0 12px 34px #3c2e1847}.home-card:hover .home-card-bg{transform:scale(1.04)}}.home-card:active{transform:translateY(-1px)scale(.99)}.home-card-title{color:#f4e4bd;letter-spacing:2px;white-space:nowrap;text-shadow:0 1px 3px #0000008c;font-size:22px;font-weight:900}.home-card-desc{color:#f7eac9f0;letter-spacing:1px;text-shadow:0 1px 2px #00000080;flex-direction:column;align-items:flex-start;font-size:13px;line-height:1.55;display:flex}.home-card-desc span{white-space:nowrap}.home-card-hint{color:#ffd9a8;letter-spacing:1px;text-shadow:0 1px 2px #00000080;margin-top:6px;font-size:12px;font-weight:600}.home-back{border-radius:var(--radius-sm);width:auto;margin:0 0 10px;padding:6px 14px}@media (width<=820px){.home-card{width:210px}}@media (width<=560px){.home-card{width:72vw;max-width:300px}.home-menu{scroll-padding:0 16px}}@media (prefers-reduced-motion:reduce){.home-menu{scroll-behavior:auto}.home-card,.home-card-bg{transition:none}.home-card:hover .home-card-bg{transform:none}}.home-nav-arrow{display:none}@media (hover:hover) and (width>=900px){.home-screen{position:relative}.home-nav-arrow{border:1px solid var(--border-hl);width:44px;height:44px;color:var(--gold-dim);cursor:pointer;z-index:3;transition:opacity var(--transition), background var(--transition), transform var(--transition);background:#faf6eaeb;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:calc(50% + 8px);transform:translateY(-50%);box-shadow:0 6px 18px #3c2e1838}.home-nav-arrow:hover{background:#fff;transform:translateY(-50%)scale(1.06)}.home-nav-prev{left:-6px}.home-nav-next{right:-6px}.home-nav-arrow.is-hidden{opacity:0;pointer-events:none}}@media (prefers-reduced-motion:reduce){.home-nav-arrow{transition:opacity var(--transition)}}.tsumego-screen{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:700px;padding:8px 16px 24px;display:flex}.mode-header{width:100%;max-width:720px;padding:0 16px;padding-top:var(--safe-top);box-sizing:border-box;align-items:center;gap:14px;margin:0 auto 6px;display:flex}.mode-title{color:var(--gold);letter-spacing:4px;font-size:22px;font-weight:900}.mode-back{border-radius:var(--radius-sm);flex-shrink:0;width:auto;margin:0;padding:6px 14px}.tsumego-levels{flex-wrap:wrap;gap:8px;width:100%;display:flex}.tsumego-level{white-space:nowrap;flex:1;width:auto;margin:0}.tsumego-level.active{background:linear-gradient(135deg, var(--gold-dim) 0%, var(--gold-mid) 100%);color:#f7efde;border-color:#0000;font-weight:700}.tsumego-practice{flex-wrap:wrap;gap:6px;width:100%;display:flex}.tsumego-practice-btn{white-space:nowrap;background:var(--bg-card);width:auto;min-height:38px;color:var(--text-dim);border:1px solid var(--border);flex:1;margin:0;padding:8px 6px;font-size:13px}.tsumego-practice-btn.active{background:var(--bg-input);color:var(--gold-dim);border-color:var(--gold-dim);font-weight:700}.tsumego-stats{text-align:center;width:100%;color:var(--text-muted);letter-spacing:.5px;min-height:18px;font-size:13px}.tsumego-meta{width:100%;color:var(--text-dim);align-items:center;gap:16px;font-size:14px;display:flex}.tsumego-solved-tag{color:var(--success);margin-left:auto;font-weight:600}#tsumegoBoard{border-radius:var(--radius-sm);box-shadow:var(--shadow);touch-action:manipulation;max-width:100%;display:block}.tsumego-status{min-height:22px;color:var(--text);text-align:center;font-size:15px}.tsumego-status.correct{color:var(--success);font-weight:700}.tsumego-status.wrong{color:var(--danger);font-weight:600}.tsumego-status.answer{color:#3aa0ff;font-weight:600}.tsumego-controls{gap:8px;width:100%;display:flex}.tsumego-controls button{flex:1;margin:0}.tsumego-controls button:disabled{opacity:.4;cursor:not-allowed}@media (width<=900px){.tsumego-screen{padding:8px 10px 20px}.tsumego-header h2{font-size:18px}.tsumego-meta{gap:10px;font-size:13px}}.gomoku-screen{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:700px;padding:8px 16px 24px;display:flex}.gomoku-settings{flex-wrap:wrap;justify-content:center;gap:16px;width:100%;display:flex}.gomoku-settings .control-group{min-width:130px;margin-bottom:0}.gomoku-settings .audio-settings-embed{border-top:1px solid var(--border);text-align:left;flex:100%;margin-top:4px;padding-top:10px}.gomoku-status{min-height:22px;color:var(--text);text-align:center;font-size:16px;font-weight:600}.gomoku-controls{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;max-width:500px;display:flex}.gomoku-controls button{flex:calc(50% - 4px);width:auto;min-width:80px;margin:0}.gomoku-controls button:disabled{opacity:.4;cursor:not-allowed}@media (width<=900px){.gomoku-screen{padding:8px 10px 20px}.gomoku-settings{gap:10px}}.board-wrap{line-height:0;display:inline-block;position:relative}.xiangqi-check{color:#fff8ec;font-family:var(--font-serif);letter-spacing:.3em;pointer-events:none;opacity:0;background:#d23b3beb;border-radius:12px;padding:8px 26px;font-size:clamp(28px,8vw,44px);font-weight:900;line-height:1.2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.6);box-shadow:0 8px 28px #78141473}.xiangqi-check.show{animation:1.1s both xqCheckFlash}@keyframes xqCheckFlash{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}18%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}32%{transform:translate(-50%,-50%)scale(1)}72%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}.xiangqi-statusrow{justify-content:center;align-items:center;gap:10px;min-height:24px;display:flex}.xiangqi-spinner{align-items:center;gap:5px;display:inline-flex}.xiangqi-spinner i{background:var(--gold);border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite both xqDot;display:inline-block}.xiangqi-spinner i:nth-child(2){animation-delay:.16s}.xiangqi-spinner i:nth-child(3){animation-delay:.32s}@keyframes xqDot{0%,80%,to{opacity:.4;transform:scale(.5)}40%{opacity:1;transform:scale(1)}}.board-end{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:5;background:#281e128c;border-radius:10px;justify-content:center;align-items:center;animation:.3s both xqEndIn;display:flex;position:absolute;inset:0}@keyframes xqEndIn{0%{opacity:0}to{opacity:1}}.board-end-card{background:var(--bg-card);border:1px solid var(--border,#cabd9f);text-align:center;border-radius:18px;min-width:min(74vw,270px);padding:34px 48px 30px;line-height:1.5;animation:.32s cubic-bezier(.2,.8,.2,1) both xqCardIn;box-shadow:0 18px 50px #281c0c66}@keyframes xqCardIn{0%{opacity:0;transform:translateY(12px)scale(.94)}to{opacity:1;transform:none}}.board-end-title{font-family:var(--font-serif);color:var(--text,#2c2417);font-size:clamp(30px,7vw,40px);font-weight:900;line-height:1.2}.board-end-sub{color:var(--text-dim,#6a5c44);margin-top:8px;font-size:clamp(15px,3.6vw,18px)}.board-end-sub:empty{display:none}.board-end-stats{color:var(--text-muted,#9a8a6a);margin-top:6px;font-size:12px}.board-end-stats:empty{display:none}.board-end-btn{border:1px solid var(--gold);background:var(--gold);color:#f7f0e0;cursor:pointer;border-radius:10px;margin-top:26px;padding:12px 34px;font-size:17px}.board-end-btn:hover{filter:brightness(1.06)}#resultModal{background:#281e1299}#resultModal .modal{background:var(--bg-card);border-color:var(--border)}#resultModal #modalTitle{color:var(--text-muted);margin-bottom:4px;font-size:14px;font-weight:600}#resultModal #modalResult{font-family:var(--font-serif);color:var(--text);margin-bottom:6px;font-size:clamp(28px,7vw,38px);font-weight:900;line-height:1.2}#resultModal #modalDetail{color:var(--text-dim)!important}.xqp-info{color:var(--text-dim);text-align:center;font-size:14px;font-family:var(--font-serif)}.board-end-btn.ghost{color:var(--gold);border:1px solid var(--gold);background:0 0;margin-top:10px}.board-end-btn.ghost:hover{filter:none;background:#85621914}.xiangqi-review{flex-direction:column;align-items:center;gap:10px;width:100%;max-width:460px;display:flex}.xiangqi-eval-graph{border:1px solid var(--border);background:var(--bg-card);cursor:pointer;border-radius:8px;width:100%;height:64px}.xiangqi-review .review-slider{width:100%}.xiangqi-review-controls,.xiangqi-review-actions{gap:8px;width:100%;display:flex}.xiangqi-review-controls button,.xiangqi-review-actions button{border:1px solid var(--border-hl);background:var(--bg-input);color:var(--text);cursor:pointer;border-radius:8px;flex:1;padding:8px 6px;font-size:14px}.xiangqi-review-controls button:hover,.xiangqi-review-actions button:hover{background:var(--bg-panel)}.xiangqi-review-actions button:disabled{opacity:.5;cursor:default}.xiangqi-review-info{text-align:center;min-height:44px;color:var(--text);font-size:14px;line-height:1.5}.xiangqi-review-info .xq-cls{font-weight:700}.xq-cls.best{color:#2e7d46}.xq-cls.good{color:var(--text-dim)}.xq-cls.inaccuracy{color:#b5851f}.xq-cls.mistake{color:#c0392b}.xq-cls.blunder{color:#a01b1b}.shogi-hand{background:linear-gradient(#e9c98733,#d6ad6429);border:1px solid #c2ab7e;border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;width:100%;max-width:460px;min-height:40px;margin:4px 0;padding:5px 8px;display:flex}.shogi-hand-piece{width:34px;height:38px;font-family:var(--font-serif);color:#5b4222;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:19px;font-weight:700;transition:filter .1s;display:inline-flex;position:relative}.shogi-hand-piece:before,.shogi-hand-piece:after{content:"";z-index:0;clip-path:polygon(50% 0%,79% 23%,100% 100%,0% 100%,21% 23%);position:absolute}.shogi-hand-piece:before{background:#8a6a34;inset:0}.shogi-hand-piece:after{background:linear-gradient(#ffffff59,#fff0 35%),linear-gradient(#fbeecb 0%,#f2dca8 55%,#e3c386 100%);inset:1.5px}.shogi-hand-piece.gote{transform:rotate(180deg)}.shogi-hand-piece:hover:not(:disabled){filter:drop-shadow(0 2px 4px #3c280f59)}.shogi-hand-piece.sel:before{background:#c0392b}.shogi-hand-piece.sel:after{background:#f7e9c5}.shogi-hand-piece.sel{filter:drop-shadow(0 0 3px #c0392bbf)}.shogi-hand-piece:disabled{cursor:default;opacity:.92}.shogi-hand-piece.hint:before{background:#1e6fc0}.shogi-hand-piece.hint:after{background:#dce9f7}.shogi-hand-piece.hint{filter:drop-shadow(0 0 3px #1e6fc099)}.shogi-hand-char{z-index:2;text-shadow:0 1px #ffffff59;position:relative}.shogi-hand-count{min-width:15px;height:15px;font-family:var(--font-sans,sans-serif);text-align:center;color:#fff;z-index:3;background:#8a6a34;border-radius:8px;padding:0 3px;font-size:11px;font-weight:700;line-height:15px;position:absolute;bottom:-4px;right:-4px}.shogi-hand-piece.gote .shogi-hand-count{transform:rotate(180deg)}.shogi-hand-empty{color:var(--text-muted,#9a8a6a);font-size:13px}.shogi-promo{z-index:6;background:#281e1273;border-radius:10px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.shogi-promo-card{background:var(--bg-card);border:1px solid var(--border,#cabd9f);text-align:center;border-radius:16px;padding:22px 26px;line-height:1.5;box-shadow:0 14px 40px #281c0c66}.shogi-promo-title{font-family:var(--font-serif);color:var(--text,#2c2417);margin-bottom:14px;font-size:19px;font-weight:700}.shogi-promo-btns{justify-content:center;gap:10px;display:flex}.shogi-promo-btns .board-end-btn{white-space:nowrap;margin-top:0;padding:10px 16px;font-size:15px}.shogi-rules dl{grid-template-columns:auto 1fr;gap:4px 12px;margin:6px 0 4px;display:grid}.shogi-rules dt{color:var(--text);white-space:nowrap;font-weight:700}.shogi-rules dd{color:var(--text-dim);margin:0}.go-screen{box-sizing:border-box;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:700px;margin:0 auto;padding:8px 16px 24px;display:flex}.mode-settings{border-radius:var(--radius-sm);flex-shrink:0;width:auto;margin-top:0;margin-bottom:0;margin-left:auto;padding:6px 16px}.mode-mute-btn{border-radius:var(--radius-sm);background:var(--bg-card);width:auto;color:var(--text-dim);flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:6px 10px;display:inline-flex}.mode-mute-btn svg{width:18px;height:18px;display:block}.mode-mute-btn .audio-mute-slash{display:none}.mode-mute-btn.is-muted{color:var(--seal);background:#b23a2e1a;border-color:#b23a2e73}.mode-mute-btn.is-muted .audio-mute-wave{display:none}.mode-mute-btn.is-muted .audio-mute-slash{display:inline}.game-infobar{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 14px;width:100%;max-width:500px;padding:8px 14px;font-size:13px;display:flex}.game-infobar .turn-badge{border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text-dim);padding:4px 12px;font-size:13px;font-weight:700}.game-infobar .turn-badge.black{color:#f0ece0;background:#2b2b30}.game-infobar .turn-badge.white{color:#2c2417;background:#efe6d2}.game-infobar .turn-badge.red{color:#fff8ec;background:#8f3226}.game-infobar .info-item{color:var(--text-muted);white-space:nowrap}.game-infobar .info-item span{color:var(--text);font-weight:700}.go-timers{align-items:center;gap:12px;display:flex}.go-timer{color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.go-infobar .go-capture-total{color:var(--text-dim)}.go-capture-total>span:last-child{font-variant-numeric:tabular-nums;min-width:2ch;display:inline-block}.capture-feedback{width:100%;max-width:500px;min-height:1.25rem;color:var(--gold-mid);text-align:center;font-variant-numeric:tabular-nums;font-size:.8125rem;font-weight:600;line-height:1.25rem}.captured-inventory{border-top:1px solid var(--border);border-bottom:1px solid var(--border);width:100%;max-width:480px;padding:.375rem .625rem}.capture-row{align-items:center;gap:.75rem;min-height:2rem;display:flex}.capture-label{color:var(--text-dim);flex:none;font-size:.75rem}.capture-pieces{flex-wrap:wrap;align-items:center;gap:.25rem .625rem;min-width:0;display:flex}.capture-empty{color:var(--text-dim);font-size:.75rem}.captured-piece{color:var(--text);white-space:nowrap;align-items:center;gap:.1875rem;display:inline-flex}.captured-glyph{background:#ebd7a5;border:1px solid;border-radius:50%;place-items:center;width:1.625rem;height:1.625rem;font-size:1.0625rem;line-height:1;display:inline-grid;box-shadow:0 2px 2px #3c2e1829}.captured-piece.red .captured-glyph{color:var(--seal)}.captured-count{font-variant-numeric:tabular-nums;font-size:.75rem}.go-board-wrap{margin:0 auto}.go-status{min-height:22px;color:var(--text);text-align:center;width:100%;max-width:500px;font-size:15px;font-weight:600}.go-controls{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;max-width:500px;display:flex}.go-controls button{flex:calc(50% - 4px);width:auto;min-width:80px;min-height:42px;margin:0}.go-controls #goRestartBtn{flex-basis:100%}.go-controls button:disabled{opacity:.4;cursor:not-allowed}.go-review{flex-direction:column;align-items:center;gap:8px;width:100%;max-width:500px;display:flex}.go-scoring{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:500px;padding:14px 16px}.go-scoring h4{color:var(--gold);margin:0 0 8px;font-size:15px}.go-scoring .score-row{color:var(--text);justify-content:space-between;align-items:center;padding:3px 0;font-size:14px;display:flex}.go-scoring .score-row-total{border-top:1px solid var(--border);margin-top:4px;padding-top:8px}.go-scoring .scoring-tip{color:var(--text-muted);margin-top:8px;font-size:12px}.go-scoring .scoring-actions{gap:8px;margin-top:8px;display:flex}.go-scoring .scoring-actions button{flex:1;min-height:42px;margin:0}.scoring-modal-actions{gap:8px;margin-top:4px;display:flex}.scoring-modal-actions button{flex:1;width:auto;min-height:40px;margin:0;padding:8px 6px}.go-settings-modal .control-group{margin-bottom:14px}.go-settings-modal .toggle-row{justify-content:space-between;align-items:center;padding:6px 0;display:flex}.go-settings-modal h3{color:var(--gold);border-bottom:1px solid var(--border);letter-spacing:2px;margin:16px 0 8px;padding-bottom:6px;font-size:15px}@media (width<=900px){.go-screen{padding:8px 10px 20px}.go-controls button{flex-basis:calc(50% - 4px);min-width:0;font-size:13px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.go-learn-screen{box-sizing:border-box;flex-direction:column;gap:18px;width:min(100%,660px);margin:0 auto;padding:12px 18px 32px}.learn-lead,.learn-progress,.learn-caption{color:#66594a}.learn-lead{text-align:center;margin:0}.learn-tabs,.learn-actions,.go-beginner-links{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.learn-tabs button{flex:140px;min-height:44px}.learn-tabs button[aria-pressed=true],#learnPractice button[aria-pressed=true]{color:#fff;background:#514330}.learn-card{background:#fcf8ef;border:1px solid #d9c9af;border-radius:12px;padding:22px}.learn-card h3{margin:6px 0 12px;font-size:22px}.learn-card p{line-height:1.7}.learn-progress{margin:0;font-size:14px}.learn-board{justify-content:center;width:min(100%,350px);margin:20px auto 18px;display:flex}.learn-board-stage{flex:none;line-height:0;position:relative}.learn-board-points{border-radius:var(--radius);position:absolute;inset:0;overflow:hidden}.learn-board .learn-point{min-width:0;min-height:0;box-shadow:none;opacity:1;background:0 0;border:0;border-radius:50%;margin:0;padding:0;position:absolute;transform:none}.learn-board .learn-point:hover:not(:disabled){background:#5a42131f}.learn-board .learn-point:focus-visible{outline:2px solid var(--seal);outline-offset:-3px;background:#fff8e847}.learn-actions button:disabled,.learn-choices button:disabled{opacity:.5;cursor:default}.learn-actions button{flex:1;width:auto}.go-beginner-links button{width:auto}.go-learn-screen .mode-back{color:#66451d}.learn-caption{text-align:center;font-size:13px}.learn-choices{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.learn-choices button,.learn-actions button{min-height:44px}.learn-feedback{color:#493b2b;min-height:3.4em;margin:20px 0 24px}.learn-footer{text-align:center;line-height:1.8}.go-beginner-links{align-items:center;padding:4px 0 10px}.go-beginner-links a,.learn-footer a{color:#66451d;text-underline-offset:3px;text-decoration:underline}.beginner-option{align-items:center;gap:8px;display:flex}.beginner-option input{width:20px;height:20px}#goBeginnerBadge{text-align:center;color:#66451d;font-size:14px}.go-learn-screen button:focus-visible,.go-learn-screen a:focus-visible{outline-offset:3px;z-index:1;outline:3px solid #226960}@media (width<=420px){.go-learn-screen{padding:8px 10px 24px}.learn-card{padding:14px}.learn-tabs{gap:5px}.learn-tabs button{padding:8px 4px;font-size:14px}}.ggg-screen{box-sizing:border-box;gap:12px;width:min(100%,700px);padding:8px 16px 24px}#gggContent{width:100%;min-width:0}.ggg-screen .mode-header{padding-inline:0}#gggTitle{color:var(--text);text-align:center;margin:14px 0 10px;font-size:18px;font-weight:600}.ggg-modes{margin:0 0 10px}.ggg-modes button{flex:1;width:auto;min-height:40px;margin:0}.ggg-modes button[aria-pressed=true]{background:linear-gradient(135deg, var(--gold-dim), var(--gold-mid));color:#f7efde;border-color:#0000}.ggg-stats{color:var(--text-dim);text-align:center;margin:8px 0 12px;font-size:13px}.ggg-chooser{color:var(--text-dim);align-items:center;gap:12px;font-size:14px;display:flex}#gggSelect{flex:1;width:auto;min-width:0;min-height:40px;margin:0}.ggg-board-wrap{justify-content:center;width:100%;margin:0 auto 12px;display:flex}.ggg-board-stage{flex:none;line-height:0;position:relative}.ggg-board-stage canvas{display:block}.ggg-board{border-radius:var(--radius);position:absolute;inset:0;overflow:hidden}.ggg-board .ggg-point{min-width:0;min-height:0;box-shadow:none;opacity:1;background:0 0;border:0;border-radius:50%;margin:0;padding:0;position:absolute;transform:none}.ggg-board .ggg-point:hover:not(:disabled){background:#5a42131f}.ggg-board .ggg-point:focus-visible{outline:2px solid var(--seal);outline-offset:-3px;background:#fff8e847}.ggg-feedback{color:var(--gold-dim);text-align:center;min-height:24px;margin:10px 0;font-size:14px;line-height:1.65}.ggg-actions{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.ggg-actions button{flex:120px;width:auto;min-height:42px;margin:0}.ggg-explanation{border-top:1px solid var(--border);margin-top:20px;padding-top:14px}.ggg-comment{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 12px;font-size:16px;line-height:1.8}.ggg-original{color:var(--text-dim);font-size:14px}.ggg-original .ggg-comment{margin-top:10px;font-size:14px}.ggg-screen summary{cursor:pointer;width:fit-content;line-height:1.7}.ggg-translation-credit{color:var(--text-dim);margin:8px 0 0;font-size:12px}.ggg-download{margin-top:14px;font-size:13px;display:inline-block}.ggg-credit{width:100%;color:var(--text-dim);border-top:1px solid var(--border);overflow-wrap:anywhere;padding-top:12px;font-size:12px;line-height:1.8}.ggg-credit p{margin:0 0 8px}.ggg-screen a{color:var(--gold-dim);text-underline-offset:3px}.ggg-screen button:focus-visible,.ggg-screen a:focus-visible,.ggg-screen select:focus-visible,.ggg-screen summary:focus-visible{outline:2px solid var(--seal);outline-offset:2px}.ggg-screen .ggg-point:focus-visible{outline-offset:-3px}.ggg-warning{color:var(--danger)}@media (width<=600px){.ggg-screen{padding:8px 10px 20px}.ggg-screen .mode-title{letter-spacing:2px;font-size:20px}.ggg-actions button{flex-basis:calc(50% - 8px)}}.shape-topic-label{align-items:center;gap:12px;display:flex}.shape-topic-label select{flex:1;width:auto;min-width:0;min-height:44px;margin:0}.shape-board{width:min(100%,560px)}.shape-options{gap:10px;margin-top:18px;display:grid}.shape-options button{white-space:normal;width:100%;min-height:44px;line-height:1.6}#shapeUnits button{flex-basis:120px}#learnSections button[aria-pressed=true],#shapeSections button[aria-pressed=true]{color:#fff;background:#514330}#shapeActions{row-gap:12px}#shapeActions button{min-width:90px}#shapeCaption{margin:0 0 20px}