@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap";:root{--kaya-light: #e8d4a0;--kaya-base: #dcb35c;--kaya-dark: #c99b3a;--slate-deep: #1a1a1a;--slate-medium: #2d2d2d;--shell-white: #f5f2eb;--shell-cream: #faf8f3;--stone-black-gradient: radial-gradient( circle at 30% 25%, #4a4a4a 0%, #1a1a1a 70% );--stone-white-gradient: radial-gradient( circle at 30% 25%, #ffffff 0%, #e0ddd5 70% );--stone-black-board: radial-gradient( circle at 28% 22%, #505050 0%, #1a1a1a 50%, #0a0a0a 100% );--stone-white-board: radial-gradient( circle at 28% 22%, #ffffff 0%, #f0ede5 40%, #d8d4c8 100% );--washi-bg: #f7f4ed;--washi-overlay: rgba(247, 244, 237, .92);--gold-accent: #c9a227;--gold-light: #ddb830;--gold-glow: rgba(201, 162, 39, .15);--sumi-dark: #1c1c1c;--sumi-medium: #3d3d3d;--sumi-light: #6b6b6b;--sumi-pale: #9a9a9a;--success: #4a7c59;--warning: #b8860b;--danger: #8b3a3a;--info: #4a6b8a;--board-bg: var(--kaya-base);--grid-color: var(--sumi-dark);--coord-color: var(--sumi-medium);--star-color: var(--sumi-dark);--shadow-subtle: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .08);--shadow-soft: 0 4px 12px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .04);--shadow-medium: 0 8px 24px rgba(0, 0, 0, .12), 0 4px 8px rgba(0, 0, 0, .06);--shadow-elevated: 0 16px 48px rgba(0, 0, 0, .15), 0 8px 16px rgba(0, 0, 0, .08);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .25s cubic-bezier(.4, 0, .2, 1);--transition-gentle: .4s cubic-bezier(.4, 0, .2, 1);--z-star-point: 1;--z-territory: 2;--z-intersection: 10;--z-move-number: 11;--z-pending-mark: 15;--z-cursor: 20;--z-mobile-controls: 40;--z-mobile-status: 50;--z-panel: 90;--z-fixed-ui: 100;--z-modal: 200}*{box-sizing:border-box}body{font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,sans-serif;background:radial-gradient(ellipse at 30% 20%,rgba(201,162,39,.08) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(28,28,28,.04) 0%,transparent 50%),linear-gradient(145deg,var(--sumi-dark) 0%,#252525 50%,var(--sumi-medium) 100%);height:100dvh;height:100vh;margin:0;padding:0;display:flex;flex-direction:column;align-items:stretch;color:var(--sumi-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}@supports (height: 100dvh){body{height:100dvh}}.main-container{display:flex;flex:1;gap:0;align-items:stretch;overflow:hidden;padding-right:296px;transition:padding-right var(--transition-smooth)}body:has(.function-panel-wrapper.collapsed) .main-container{padding-right:24px}.side-pane{background:var(--washi-overlay);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:16px;border-radius:16px;box-shadow:var(--shadow-medium);display:flex;flex-direction:column;gap:16px;min-width:180px;font-size:13px;border:1px solid rgba(201,162,39,.12);position:relative;overflow:hidden}.side-pane:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold-accent),var(--gold-light),var(--gold-accent));opacity:.6}.pane-section{display:flex;flex-direction:column;gap:10px}.pane-section h4{font-family:Noto Sans JP,sans-serif;font-weight:500;margin:0;padding-bottom:8px;border-bottom:1px solid rgba(201,162,39,.25);color:var(--sumi-dark);font-size:13px;letter-spacing:.05em;display:flex;align-items:center;gap:8px}.pane-section h4:before{display:none}.status-row{display:flex;align-items:center;gap:10px;padding:10px 12px;background:linear-gradient(135deg,var(--shell-cream) 0%,var(--shell-white) 100%);border-radius:10px;border:1px solid rgba(0,0,0,.04);box-shadow:var(--shadow-subtle)}.turn-indicator{width:24px;height:24px;border-radius:50%;flex-shrink:0;box-shadow:0 2px 4px #0003,inset 0 1px 2px #ffffff4d;transition:transform var(--transition-smooth)}.turn-indicator.black{background:var(--stone-black-gradient);border:1px solid rgba(0,0,0,.3)}.turn-indicator.white{background:var(--stone-white-gradient);border:1px solid rgba(0,0,0,.12)}.status-text{font-weight:500;color:var(--sumi-dark);font-size:13px}.status-value{font-family:Noto Sans JP,sans-serif;font-size:20px;font-weight:600;color:var(--gold-accent);letter-spacing:-.02em}.capture-row{display:flex;gap:10px}.capture-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:linear-gradient(135deg,var(--shell-cream) 0%,var(--shell-white) 100%);border-radius:10px;flex:1;border:1px solid rgba(0,0,0,.04);box-shadow:var(--shadow-subtle)}.stone-icon{width:16px;height:16px;border-radius:50%;box-shadow:0 1px 3px #0003}.stone-icon.black{background:var(--stone-black-gradient)}.stone-icon.white{background:var(--stone-white-gradient);border:1px solid rgba(0,0,0,.1)}.btn-group{display:flex;flex-direction:column;gap:8px}.btn-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:4px}.toolbar-container{position:sticky;top:0;z-index:var(--z-fixed-ui);display:flex;flex-direction:column;width:100%}.toolbar{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 12px;background:var(--washi-overlay);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-soft);margin-bottom:0}.toolbar>*{max-width:900px}.toolbar-status{display:flex;align-items:center;gap:8px;font-size:12px}.toolbar-status .turn-indicator{width:18px;height:18px;border-radius:50%;box-shadow:0 1px 3px #0003}.toolbar-status .turn-indicator.black{background:var(--stone-black-gradient)}.toolbar-status .turn-indicator.white{background:var(--stone-white-gradient);border:1px solid rgba(0,0,0,.1)}.toolbar-status .status-text{font-weight:500;color:var(--sumi-dark)}.toolbar-status .status-sep{color:var(--sumi-pale)}.toolbar-status .status-label{color:var(--sumi-light);font-size:11px}.toolbar-status .status-value{font-weight:600;color:var(--gold-accent)}.toolbar-status .stone-icon{width:14px;height:14px;border-radius:50%;display:inline-block;vertical-align:middle}.toolbar-status .stone-icon.black{background:var(--stone-black-gradient)}.toolbar-status .stone-icon.white{background:var(--stone-white-gradient);border:1px solid rgba(0,0,0,.1)}.toolbar-actions{display:flex;gap:6px}.toolbar-btn{padding:6px 10px;border:none;border-radius:6px;cursor:pointer;background:linear-gradient(135deg,var(--shell-cream) 0%,var(--shell-white) 100%);box-shadow:var(--shadow-subtle);transition:all var(--transition-fast);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:42px}.toolbar-btn .icon{font-size:16px;line-height:1}.toolbar-btn .label{font-size:9px;color:var(--sumi-medium);font-weight:500}@media(hover:hover){.toolbar-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-soft);background:linear-gradient(135deg,var(--gold-light) 0%,var(--gold-accent) 100%)}.toolbar-btn:hover .label{color:#fff}}.toolbar-btn:active{transform:translateY(0);background:linear-gradient(135deg,var(--gold-light) 0%,var(--gold-accent) 100%)}.toolbar-btn.disabled{opacity:.4;cursor:not-allowed}.toolbar-btn.disabled .icon,.toolbar-btn.disabled .label{color:#999}.toolbar-sep{width:1px;height:24px;background:#0000001a;margin:0 4px}.toolbar-btn.active{background:linear-gradient(135deg,var(--gold-accent) 0%,var(--gold-light) 100%);box-shadow:0 0 0 2px var(--gold-glow)}.toolbar-btn.active .label{color:#fff}.setup-panel{display:none;flex-direction:row;align-items:center;justify-content:center;gap:6px;padding:5px 12px;background:#f7f4edbf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:var(--shadow-soft);border-bottom:1px solid rgba(201,162,39,.2)}.setup-panel.show{display:flex}.setup-panel .setup-color-btn{flex:none;padding:4px 8px;font-size:11px;border-radius:4px;border-width:1px}.setup-panel .setup-color-btn.selected{border-color:var(--gold-accent);border-width:2px;box-shadow:0 0 0 2px var(--gold-glow),0 0 6px #c9a22780;transform:scale(1.08)}.setup-panel .setup-sep{color:var(--sumi-pale);font-size:12px}.setup-panel .setup-select{padding:4px 6px;font-size:11px;border-radius:4px;border:1px solid rgba(0,0,0,.1)}.setup-panel .move-btn{padding:4px 8px;font-size:11px;min-width:auto}.setup-done-btn{padding:4px 10px;font-size:11px;font-weight:500;border:none;border-radius:4px;cursor:pointer;background:linear-gradient(135deg,var(--gold-accent) 0%,var(--gold-light) 100%);color:#fff;transition:all var(--transition-fast)}.setup-done-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-soft)}.subpanel{display:none;flex-direction:row;align-items:center;justify-content:center;gap:6px;padding:5px 12px;background:var(--washi-overlay);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-soft);border-bottom:1px solid rgba(201,162,39,.2)}.subpanel.show{display:flex}.subpanel-hint{font-size:12px;color:var(--sumi-medium)}.scoring-result{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:var(--sumi-dark)}.playback-info{font-size:12px;color:var(--sumi-dark);font-weight:500}.playback-seek{width:120px;height:4px;-webkit-appearance:none;appearance:none;background:var(--sumi-light);border-radius:2px;cursor:pointer}.playback-seek::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:var(--gold-accent);border-radius:50%;cursor:pointer;transition:transform .1s ease}.playback-seek::-webkit-slider-thumb:hover{transform:scale(1.2)}.playback-seek::-moz-range-thumb{width:14px;height:14px;background:var(--gold-accent);border:none;border-radius:50%;cursor:pointer}.playback-buttons{display:flex;gap:4px}.playback-nav-btn{padding:4px 8px;font-size:12px;border:none;border-radius:4px;cursor:pointer;background:var(--shell-cream);transition:all var(--transition-fast)}.playback-nav-btn:hover{background:var(--gold-light)}.playback-nav-btn.playing{background:var(--gold-accent);color:#fff}.hamburger-wrapper{position:relative;display:flex;align-items:center}.hamburger-menu{display:none;position:absolute;top:100%;right:0;width:200px;z-index:var(--z-fixed-ui);background:linear-gradient(135deg,var(--shell-cream) 0%,var(--shell-white) 100%);border-radius:0 0 10px 10px;box-shadow:var(--shadow-soft);border:1px solid rgba(201,162,39,.15);border-top:none;padding:10px;max-height:calc(100vh - 60px);overflow-y:auto}.hamburger-menu.open{display:block}.hamburger-section{margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(0,0,0,.06)}.hamburger-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.hamburger-title{font-size:10px;font-weight:600;color:var(--sumi-light);margin-bottom:6px;letter-spacing:.05em}.hamburger-item{display:block;width:100%;padding:8px 10px;text-align:left;font-size:11px;border:none;background:transparent;border-radius:6px;cursor:pointer;transition:background var(--transition-fast);color:var(--sumi-dark)}.hamburger-item:hover{background:var(--kaya-light)}.hamburger-item.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.hamburger-section-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:4px 0}.hamburger-item-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 6px;text-align:center;font-size:10px;border-radius:6px}.hamburger-item-icon svg{flex-shrink:0}.hamburger-info{display:block;padding:8px 10px;font-size:11px;color:var(--sumi-medium)}.hamburger-user-info{display:flex;align-items:center;gap:8px;padding:8px 10px}.user-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.user-name{font-size:11px;font-weight:500;color:var(--sumi-dark);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-icon{vertical-align:middle;margin-right:6px;flex-shrink:0}.auth-btn{display:flex;align-items:center}.hamburger-setting{display:flex;align-items:center;justify-content:space-between;padding:4px 0;font-size:11px}.hamburger-setting span{color:var(--sumi-medium)}.hamburger-setting select,.hamburger-setting input{padding:4px 6px;font-size:10px;border:1px solid rgba(0,0,0,.1);border-radius:4px;background:#fff;max-width:80px}.hamburger-toggles{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap}.hamburger-toggle{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--sumi-medium);cursor:pointer}.hamburger-toggle input{width:14px;height:14px}.right-pane .pane-section{gap:6px}.right-pane .pane-section h4{font-size:11px;padding-bottom:5px;margin-bottom:2px}.right-pane .btn{padding:7px 8px;font-size:10px}.btn{padding:10px 14px;font-family:Noto Sans JP,sans-serif;font-size:12px;font-weight:500;border-radius:10px;border:none;cursor:pointer;transition:all var(--transition-smooth);display:flex;align-items:center;justify-content:center;gap:6px;position:relative;overflow:hidden;letter-spacing:.02em}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.15) 0%,transparent 50%);pointer-events:none}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-soft)}.btn:active{transform:translateY(0);box-shadow:var(--shadow-subtle)}.btn-undo{background:linear-gradient(135deg,var(--gold-accent) 0%,var(--gold-dark, #b8922a) 100%);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.btn-undo:hover{background:linear-gradient(135deg,var(--gold-light) 0%,var(--gold-accent) 100%)}.btn-pass{background:linear-gradient(135deg,var(--sumi-medium) 0%,var(--sumi-dark) 100%);color:var(--shell-white);text-shadow:0 1px 2px rgba(0,0,0,.3)}.btn-pass:hover{background:linear-gradient(135deg,var(--sumi-light) 0%,var(--sumi-medium) 100%)}.btn-reset{background:linear-gradient(135deg,var(--danger) 0%,#6b2a2a 100%);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.btn-reset:hover{background:linear-gradient(135deg,#9c4444 0%,var(--danger) 100%)}.btn-share{background:linear-gradient(135deg,var(--info) 0%,#3a5570 100%);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.btn-share:hover{background:linear-gradient(135deg,#5a7b9a 0%,var(--info) 100%)}.btn-share.active{background:linear-gradient(135deg,var(--danger) 0%,#6b2a2a 100%)}.btn-score{background:linear-gradient(135deg,var(--success) 0%,#3a6248 100%);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.btn-score:hover{background:linear-gradient(135deg,#5a8c69 0%,var(--success) 100%)}.btn-score.active{background:linear-gradient(135deg,var(--danger) 0%,#6b2a2a 100%)}.btn-setup{background:linear-gradient(135deg,var(--warning) 0%,#8a6608 100%);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.btn-setup:hover{background:linear-gradient(135deg,#c99610 0%,var(--warning) 100%)}.btn-setup.active{background:linear-gradient(135deg,var(--danger) 0%,#6b2a2a 100%)}.btn-image{background:linear-gradient(135deg,#7a5c3a,#5a4028);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.btn-image:hover{background:linear-gradient(135deg,#8a6c4a,#7a5c3a)}.btn-sgf{background:linear-gradient(135deg,#6a5a8a,#4a3a6a);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.btn-sgf:hover{background:linear-gradient(135deg,#7a6a9a,#6a5a8a)}.btn-save{background:linear-gradient(135deg,var(--success) 0%,#3a6248 100%);color:#fff}.btn-load{background:linear-gradient(135deg,var(--info) 0%,#3a5570 100%);color:#fff}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.setting-item{display:flex;flex-direction:column;gap:2px;padding:6px 8px;background:var(--shell-cream);border-radius:6px;font-size:10px;color:var(--sumi-medium);border:1px solid rgba(0,0,0,.04)}.setting-item span{font-size:9px;color:var(--sumi-light)}.setting-item select,.setting-item input{padding:4px 6px;font-size:11px;border:1px solid rgba(0,0,0,.1);border-radius:4px;background:#fff;color:var(--sumi-dark)}.setting-item input[type=number]{width:100%}.toggle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:6px}.toggle-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 4px;background:var(--shell-cream);border-radius:6px;font-size:9px;color:var(--sumi-medium);cursor:pointer;border:1px solid rgba(0,0,0,.04);transition:var(--transition-smooth)}.toggle-item:hover{background:var(--shell-white);border-color:var(--gold-accent)}.toggle-item input[type=checkbox]{width:14px;height:14px;accent-color:var(--gold-accent);cursor:pointer}.toggle-item input[type=checkbox]:checked+span{color:var(--gold-dark);font-weight:500}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:var(--shell-cream);border-radius:8px;font-size:11px;color:var(--sumi-medium);border:1px solid rgba(0,0,0,.04)}.toggle-switch{position:relative;width:40px;height:22px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:#d0ccc4;transition:var(--transition-smooth);border-radius:22px;box-shadow:inset 0 1px 3px #0000001a}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background:#fff;transition:var(--transition-smooth);border-radius:50%;box-shadow:0 1px 3px #0003}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,var(--gold-accent) 0%,var(--gold-light) 100%)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(18px)}.side-pane select{padding:8px 10px;font-family:Noto Sans JP,sans-serif;font-size:12px;border-radius:8px;border:1px solid rgba(201,162,39,.3);background:var(--shell-cream);cursor:pointer;width:100%;color:var(--sumi-dark);transition:border-color var(--transition-fast)}.side-pane select:hover{border-color:var(--gold-accent)}.side-pane select:focus{outline:none;border-color:var(--gold-accent);box-shadow:0 0 0 3px var(--gold-glow)}.shortcuts{font-size:10px;color:var(--sumi-pale);line-height:1.6}.shortcuts kbd{display:inline-block;background:var(--shell-cream);padding:2px 6px;border-radius:4px;border:1px solid rgba(0,0,0,.08);font-family:SF Mono,Monaco,monospace;font-size:9px;color:var(--sumi-medium);box-shadow:0 1px 2px #0000000d;margin-right:2px}.center-pane{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;flex:1;min-width:0}.desktop-status-bar{display:flex;align-items:center;gap:16px;padding:8px 16px;background:var(--washi-overlay);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:10px;margin-bottom:12px;box-shadow:var(--shadow-subtle);border:1px solid rgba(201,162,39,.12);font-size:12px}.desktop-status-bar .status-item{display:flex;align-items:center;gap:6px}.desktop-status-bar .turn-indicator{width:18px;height:18px}.desktop-status-bar .status-label{font-size:10px;color:var(--sumi-pale)}.desktop-status-bar .status-value{font-size:14px;font-weight:600;color:var(--gold-accent)}.desktop-status-bar .status-text{font-size:11px;font-weight:500;color:var(--sumi-dark)}.desktop-status-bar .stone-icon{width:12px;height:12px}.desktop-status-bar .comment-item{max-width:200px;overflow:hidden}.desktop-status-bar .comment-text{font-size:10px;color:var(--gold-accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.desktop-status-bar .comment-edit-trigger{cursor:pointer;font-size:12px}.status-menu-btn{margin-left:auto;padding:4px 10px;font-size:14px;border:none;border-radius:6px;cursor:pointer;background:var(--sumi-medium);color:#fff;transition:all var(--transition-fast)}.status-menu-btn:hover{background:var(--sumi-dark)}.board-comment{font-size:12px;color:var(--sumi-medium);text-align:left;word-break:break-word;line-height:1.6}.board-comment a{color:var(--gold-accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color var(--transition-fast)}.board-comment a:hover{border-bottom-color:var(--gold-accent)}.board-container{background:var(--board-bg);padding:8px 6px 6px;border-radius:12px;box-shadow:0 20px 60px #00000040,0 8px 24px #00000026,inset 0 2px 4px #ffffff40,inset 0 -2px 4px #00000014;position:relative;overflow:hidden;touch-action:none}.board-container:before{content:"";position:absolute;inset:4px;border:1px solid rgba(0,0,0,.08);border-radius:8px;pointer-events:none}.board-container.scoring-mode{box-shadow:0 0 0 3px var(--success),0 0 30px #4a7c594d,0 20px 60px #00000040}.playback-badge{position:absolute;top:12px;right:12px;padding:4px 10px;background:var(--gold-accent);color:#fff;font-size:11px;font-weight:600;border-radius:12px;opacity:0;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease;pointer-events:none;z-index:10;box-shadow:0 2px 8px #0003}.playback-badge.show{opacity:1;transform:translateY(0)}.board{position:relative;background:var(--board-bg);touch-action:manipulation}.intersection{position:absolute;cursor:pointer;border-radius:50%;transform:translate(-50%,-50%);z-index:var(--z-intersection);transition:box-shadow var(--transition-fast),transform var(--transition-fast);display:flex;align-items:center;justify-content:center}.intersection:hover{transform:translate(-50%,-50%) scale(1.02)}body.black-turn .intersection.empty:hover:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:75%;height:75%;border-radius:50%;background:radial-gradient(circle at 30% 25%,#4a4a4a66,#1a1a1a66);border:1px solid rgba(0,0,0,.2);pointer-events:none}body.white-turn .intersection.empty:hover:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:75%;height:75%;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff9,#e0ddd580);border:1px solid rgba(0,0,0,.1);pointer-events:none}.intersection.black{background:var(--stone-black-board);box-shadow:3px 3px 6px #00000059,inset 0 1px 1px #ffffff1a}.intersection.white{background:var(--stone-white-board);box-shadow:3px 3px 6px #00000040,inset 0 -1px 2px #0000000d;border:1px solid rgba(0,0,0,.08)}.intersection.last-move:before{content:"";position:absolute;width:28%;height:28%;border-radius:50%;border:2px solid var(--danger);box-shadow:0 0 4px #8b3a3a80}.intersection.cursor{box-shadow:0 0 0 3px var(--gold-accent),0 0 12px #c9a22780;z-index:var(--z-cursor)}.intersection.cursor:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid var(--gold-accent);animation:cursor-pulse 1s ease-in-out infinite;pointer-events:none}@keyframes cursor-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.intersection.pending-move{opacity:.7;animation:pending-pulse 1.2s ease-in-out infinite}.intersection.pending-move.black{background:var(--stone-black-board);box-shadow:3px 3px 6px #00000059}.intersection.pending-move.white{background:var(--stone-white-board);box-shadow:3px 3px 6px #00000040;border:1px solid rgba(0,0,0,.08)}.intersection.pending-move:after{content:"✓";position:absolute;font-size:10px;font-weight:700;color:var(--success);top:-6px;right:-6px;background:#fff;border-radius:50%;width:14px;height:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0003;z-index:var(--z-pending-mark)}@keyframes pending-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.7}50%{transform:translate(-50%,-50%) scale(1.04);opacity:.85}}.intersection.dead:after{content:"✕";position:absolute;font-size:12px;font-weight:700;color:var(--danger);text-shadow:0 0 3px white}.territory{position:absolute;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:2px;z-index:var(--z-territory);pointer-events:none}.territory.black-territory{background:#1a1a1a99}.territory.white-territory{background:#ffffffd9;border:1px solid rgba(0,0,0,.15)}.move-number{font-family:Noto Sans JP,sans-serif;font-size:10px;font-weight:700;z-index:var(--z-move-number);pointer-events:none;text-shadow:none}.intersection.black .move-number{color:#fff}.intersection.white .move-number{color:#1a1a1a}.intersection.show-number.last-move:before{display:none}.star-point{position:absolute;width:6px;height:6px;background:var(--star-color);border-radius:50%;transform:translate(-50%,-50%);z-index:var(--z-star-point)}.coordinates{position:absolute;font-family:SF Mono,Monaco,monospace;font-size:9px;font-weight:500;color:var(--coord-color)}body[data-theme=book]{--board-bg: #f5f0e1;--grid-color: #1a1a1a;--coord-color: #1a1a1a;--star-color: #1a1a1a}body[data-theme=book] .board-container{box-shadow:none;border:2px solid var(--sumi-dark);border-radius:2px}body[data-theme=book] .board-container:before{display:none}body[data-theme=book] .intersection.black{background:#0a0a0a;box-shadow:none}body[data-theme=book] .intersection.white{background:#fff;border:1.5px solid #0a0a0a;box-shadow:none}body[data-theme=book] .intersection:hover{box-shadow:none;transform:translate(-50%,-50%)}body[data-theme=book].black-turn .intersection.empty:hover:after{background:#00000040;border:1px solid #0a0a0a}body[data-theme=book].white-turn .intersection.empty:hover:after{background:#ffffff80;border:1px solid #0a0a0a}body[data-theme=wood]{--board-bg: #c9a050;--grid-color: #3d2817;--coord-color: #3d2817;--star-color: #3d2817}body[data-theme=wood] .board-container{background:repeating-linear-gradient(90deg,rgba(139,90,43,.08) 0px,transparent 1px,transparent 4px,rgba(139,90,43,.08) 5px),linear-gradient(180deg,#d4a856,#c9a050,#b8914a,#c9a050,#d4a856);box-shadow:0 20px 60px #0000004d,0 8px 24px #0003,inset 0 3px 8px #ffffff59,inset 0 -3px 8px #00000026}body[data-theme=wood] .board{background:repeating-linear-gradient(90deg,rgba(139,90,43,.08) 0px,transparent 1px,transparent 4px,rgba(139,90,43,.08) 5px),linear-gradient(180deg,#d4a856,#c9a050,#b8914a,#c9a050,#d4a856)}body[data-theme=wood] .intersection.black{background:radial-gradient(circle at 25% 20%,#555,#111 60%);box-shadow:4px 4px 8px #0006}body[data-theme=wood] .intersection.white{background:radial-gradient(circle at 25% 20%,#fff,#ccc);box-shadow:4px 4px 8px #0000004d;border:1px solid #aaa}.setup-mode-panel{display:none;flex-direction:column;gap:10px;padding:12px;background:linear-gradient(135deg,#fef9e7,#fdf6e3);border-radius:10px;border:1px solid rgba(184,134,11,.3);box-shadow:var(--shadow-subtle)}.setup-mode-panel.show{display:flex}.setup-color-btn{flex:1;padding:10px;border:2px solid transparent;border-radius:8px;cursor:pointer;font-family:Noto Sans JP,sans-serif;font-weight:500;font-size:12px;transition:all var(--transition-smooth)}.setup-color-btn.black{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);color:#fff}.setup-color-btn.white{background:linear-gradient(135deg,#fff,#f0ede5);color:var(--sumi-dark);border-color:#0000001a}.setup-color-btn.selected{border-color:var(--gold-accent);border-width:3px;box-shadow:0 0 0 3px var(--gold-glow),0 0 8px #c9a22780;transform:scale(1.05)}.setup-color-btn.black.selected{background:linear-gradient(135deg,#3a3a3a,#2a2a2a)}.setup-color-btn.white.selected{background:linear-gradient(135deg,#fffff5,#fff8e0)}.setup-hint{font-size:10px;color:var(--warning);text-align:center;font-weight:500}.intersection.setup-stone:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;border:2px dashed var(--gold-accent);box-sizing:border-box;opacity:.7}.move-buttons{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:8px}.move-buttons-row{display:flex;gap:4px}.move-btn{width:34px;height:34px;border:1px solid rgba(0,0,0,.1);background:var(--shell-cream);border-radius:8px;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);color:var(--sumi-medium)}.move-btn:hover{background:var(--shell-white);border-color:var(--gold-accent);color:var(--gold-accent)}.move-btn:active{transform:scale(.95)}.move-btn:disabled{opacity:.4;cursor:not-allowed}.popover-container{position:relative}.popover-trigger{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--gold-accent);color:#fff;font-size:10px;font-weight:600;cursor:help;margin-left:6px;flex-shrink:0;transition:background var(--transition-fast)}.popover-trigger:hover{background:var(--gold-light)}.popover-trigger:hover+.popover-content,.popover-content:hover{display:block}.popover-content{display:none;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);width:240px;padding:14px;background:var(--sumi-dark);color:var(--shell-white);border-radius:12px;font-size:11px;line-height:1.6;box-shadow:var(--shadow-elevated);z-index:var(--z-fixed-ui)}.popover-content:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:var(--sumi-dark)}.popover-content strong{color:var(--gold-accent)}.popover-content ul{margin:8px 0 0;padding-left:18px}.popover-content li{margin-bottom:4px}.score-display{display:none;flex-direction:column;gap:6px;padding:10px 14px;background:#f7f4edd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:10px;border:1px solid rgba(74,124,89,.3);position:fixed;top:60px;left:50%;transform:translate(-50%);z-index:var(--z-panel);min-width:180px;box-shadow:var(--shadow-soft)}.score-display.show{display:flex}.score-row{display:flex;justify-content:space-between;align-items:center;font-size:11px}.score-row.total{border-top:1px solid rgba(74,124,89,.3);padding-top:6px;margin-top:2px;font-weight:600}.score-label{color:var(--sumi-medium)}.score-value{font-family:Noto Sans JP,sans-serif;font-weight:600;color:var(--success)}.winner-display{text-align:center;font-weight:600;font-size:12px;padding:6px 10px;border-radius:6px;margin-top:2px}.winner-display.black-wins{background:linear-gradient(135deg,#2a2a2a,#1a1a1a);color:#fff}.winner-display.white-wins{background:linear-gradient(135deg,#fff,#f0ede5);color:var(--sumi-dark);border:1px solid rgba(0,0,0,.1)}.scoring-hint{font-size:9px;color:var(--sumi-pale);text-align:center;padding:4px 8px;background:var(--shell-cream);border-radius:4px;border:1px solid rgba(184,134,11,.2)}.playback-controls{display:none;flex-direction:column;gap:8px;padding:10px 14px;background:#f7f4edd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:10px;border:1px solid rgba(74,107,138,.3);position:fixed;top:60px;left:50%;transform:translate(-50%);z-index:var(--z-panel);min-width:200px;box-shadow:var(--shadow-soft)}.playback-controls.show{display:flex}.modal-close-btn{background:linear-gradient(135deg,var(--danger) 0%,#6b2a2a 100%);color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-family:Noto Sans JP,sans-serif;font-size:11px;font-weight:500;align-self:flex-end;transition:all var(--transition-fast)}.modal-close-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-soft)}.share-modal{display:none;position:fixed;inset:0;background:#1c1c1cb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);justify-content:center;align-items:center;padding:20px}.share-modal.show{display:flex}.share-modal-content{background:var(--washi-bg);padding:24px;border-radius:16px;max-width:90%;width:420px;box-shadow:var(--shadow-elevated);border:1px solid rgba(201,162,39,.15)}.share-url-row{display:flex;gap:10px;align-items:center;margin-bottom:20px}.share-url-input{flex:1;padding:12px 14px;border:1px solid rgba(0,0,0,.1);border-radius:10px;font-family:Noto Sans JP,sans-serif;font-size:13px;color:var(--sumi-dark);background:var(--shell-cream);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-url-input:focus{outline:none;border-color:var(--gold-accent);box-shadow:0 0 0 3px var(--gold-glow)}.share-copy-btn{padding:12px 24px;background:linear-gradient(135deg,var(--gold-accent) 0%,var(--gold-dark, #b8922a) 100%);color:#fff;border:none;border-radius:10px;font-family:Noto Sans JP,sans-serif;font-weight:600;font-size:13px;cursor:pointer;white-space:nowrap;transition:all var(--transition-smooth);text-shadow:0 1px 2px rgba(0,0,0,.2)}.share-copy-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-soft)}.share-copy-btn.copied{background:linear-gradient(135deg,var(--success) 0%,#3a6248 100%)}.share-qr-section{text-align:center;padding-top:20px;border-top:1px solid rgba(0,0,0,.08)}.share-qr-section img{max-width:160px;height:auto;margin:12px auto;display:block;border-radius:8px;box-shadow:var(--shadow-subtle)}.share-qr-hint{font-size:11px;color:var(--sumi-pale);margin-top:8px}.sgf-section{margin-top:20px;padding-top:20px;border-top:1px solid rgba(0,0,0,.08)}.sgf-section-title{font-family:Noto Sans JP,sans-serif;font-weight:500;color:var(--sumi-dark);margin-bottom:12px;font-size:14px}.sgf-buttons{display:flex;gap:10px}.help-modal-content{max-width:500px;width:90%}.help-keybindings{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.help-section{background:var(--shell-cream);padding:12px;border-radius:10px;border:1px solid rgba(0,0,0,.06)}.help-section-title{font-weight:600;color:var(--sumi-dark);margin-bottom:8px;font-size:13px;border-bottom:1px solid rgba(0,0,0,.08);padding-bottom:6px}.help-row{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:12px;color:var(--sumi-medium)}.help-row kbd{background:linear-gradient(180deg,#fafafa,#e8e8e8);border:1px solid #ccc;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:11px;color:var(--sumi-dark);box-shadow:0 1px 2px #0000001a;min-width:20px;text-align:center}.help-row span:last-child{flex:1}@media(max-width:500px){.help-keybindings{grid-template-columns:1fr}}.settings-modal-content{max-width:400px;width:90%}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,.08)}.settings-title{font-weight:600;font-size:16px;color:var(--sumi-dark)}.settings-close-btn{background:none;border:none;font-size:18px;color:var(--sumi-medium);cursor:pointer;padding:4px 8px;border-radius:4px;transition:background var(--transition-fast)}.settings-close-btn:hover{background:#0000000d}.settings-body{display:flex;flex-direction:column;gap:20px}.settings-section{background:var(--shell-cream);padding:14px;border-radius:10px;border:1px solid rgba(0,0,0,.06)}.settings-section-title{font-weight:600;color:var(--sumi-dark);margin-bottom:12px;font-size:13px}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.04)}.settings-row:last-child{border-bottom:none}.settings-row label{font-size:13px;color:var(--sumi-medium)}.settings-row select,.settings-row input{padding:6px 10px;font-size:13px;border:1px solid rgba(0,0,0,.12);border-radius:6px;background:#fff;min-width:100px}.settings-row input[type=number]{width:80px}.settings-toggles{display:flex;flex-direction:column;gap:10px}.settings-toggle{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--sumi-medium);cursor:pointer}.settings-toggle input{width:16px;height:16px;accent-color:var(--kaya-dark)}.image-modal-content{background:var(--washi-bg);padding:24px;border-radius:16px;max-width:90%;width:550px;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-elevated)}.image-drop-zone{border:2px dashed rgba(201,162,39,.4);border-radius:16px;padding:48px 24px;text-align:center;background:var(--shell-cream);cursor:pointer;transition:all var(--transition-smooth);margin-bottom:20px}.image-drop-zone:hover,.image-drop-zone.dragover{border-color:var(--gold-accent);background:var(--gold-glow)}.image-drop-zone.loading{border-color:var(--warning);background:#b8860b1a}.image-drop-icon{font-size:48px;margin-bottom:16px;opacity:.7}.image-drop-text{color:var(--sumi-dark);font-weight:500;margin-bottom:6px}.image-drop-hint{color:var(--sumi-pale);font-size:12px}.hint-mobile{display:none}#camera-btn{display:block;flex:1}.image-file-input{display:none}.image-preview{max-width:100%;max-height:200px;border-radius:12px;margin-bottom:16px;box-shadow:var(--shadow-soft)}.image-status{padding:14px;border-radius:10px;margin-bottom:16px;text-align:center;font-size:13px}.image-status.loading{background:#b8860b26;color:var(--warning)}.image-status.success{background:#4a7c5926;color:var(--success)}.image-status.error{background:#8b3a3a26;color:var(--danger)}.image-buttons{display:flex;gap:10px;margin-top:20px}.image-buttons .btn{flex:1}.preview-board-container{display:none;margin-top:16px;padding:16px;background:var(--shell-cream);border-radius:12px}.preview-board-wrapper{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr auto;gap:6px;align-items:center;justify-items:center;max-width:280px;margin:0 auto}.preview-pos-btn{width:30px;height:30px;border:1px solid rgba(0,0,0,.1);border-radius:6px;background:#fff;cursor:pointer;font-size:9px;color:var(--sumi-medium);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.preview-pos-btn:hover{border-color:var(--gold-accent);background:var(--gold-glow)}.preview-pos-btn.corner{background:var(--shell-cream)}.preview-board-canvas{grid-column:2;grid-row:2;border:2px solid var(--sumi-dark);border-radius:6px;background:var(--kaya-base)}.preview-fine-tune{display:flex;gap:6px;justify-content:center;margin-top:12px}.preview-arrow-btn{width:36px;height:36px;border:1px solid rgba(0,0,0,.1);border-radius:8px;background:#fff;cursor:pointer;font-size:16px;transition:all var(--transition-fast)}.preview-arrow-btn:hover{border-color:var(--gold-accent);background:var(--gold-glow)}.preview-info{display:flex;justify-content:center;gap:20px;margin-top:12px;font-size:12px;color:var(--sumi-medium)}.playback-slider{width:100%;cursor:pointer;accent-color:var(--gold-accent)}.playback-buttons{display:flex;gap:6px;justify-content:center}.playback-btn{padding:6px 10px;font-size:14px;border:none;border-radius:6px;cursor:pointer;background:linear-gradient(135deg,var(--info) 0%,#3a5570 100%);color:#fff;transition:all var(--transition-fast)}.playback-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-soft)}.playback-btn:disabled{background:#c0bbb0;cursor:not-allowed;transform:none}.playback-btn.active{background:linear-gradient(135deg,var(--danger) 0%,#6b2a2a 100%)}.playback-info{text-align:center;font-size:11px;color:var(--sumi-medium)}.playback-speed{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;color:var(--sumi-medium)}.playback-speed select{padding:4px 8px;border-radius:6px;border:1px solid rgba(201,162,39,.3);background:var(--shell-cream);font-size:11px}.playback-tree-section{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(201,162,39,.2)}.branch-indicator{font-size:11px;color:var(--kincha-gold);background:#c9a22726;padding:2px 8px;border-radius:10px}.tree-view-btn{font-size:14px}body.theater-mode{padding:12px}body.theater-mode .side-pane{min-width:140px;padding:12px;gap:10px}body.theater-mode .pane-section{gap:6px}body.theater-mode .pane-section h4{font-size:11px;padding-bottom:4px}body.theater-mode .btn{padding:8px 10px;font-size:11px}body.theater-mode .toggle-row{padding:5px 8px;font-size:10px}body.theater-mode .status-row{padding:6px 8px}body.theater-mode .status-value{font-size:16px}.komi-input{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--shell-cream);border-radius:8px}.komi-input input{width:60px;padding:6px 8px;border:1px solid rgba(0,0,0,.1);border-radius:6px;font-family:Noto Sans JP,sans-serif;font-size:12px;text-align:center}.komi-input input:focus{outline:none;border-color:var(--gold-accent);box-shadow:0 0 0 3px var(--gold-glow)}.mobile-controls{display:none}@media screen and (max-width:768px){body{padding:0;align-items:flex-start;background:radial-gradient(ellipse at 30% 10%,rgba(201,162,39,.06) 0%,transparent 40%),linear-gradient(180deg,var(--sumi-dark) 0%,#252525 100%)}body.theater-mode{padding:0}.main-container{flex:1;flex-direction:column;align-items:center;width:100%;gap:0;padding-bottom:0;padding-right:0;overflow-y:auto;min-height:0}.side-pane,.desktop-status-bar{display:none}.toolbar{flex-wrap:wrap;gap:4px;padding:8px;padding-top:max(8px,env(safe-area-inset-top));border-radius:0;margin-bottom:0;justify-content:center}.toolbar .toolbar-status{font-size:10px;gap:2px;flex-shrink:0}.toolbar .toolbar-status .turn-indicator{width:12px;height:12px}.toolbar .toolbar-status .status-sep{display:none}.toolbar .toolbar-status .status-value{font-size:9px}.toolbar .toolbar-status .stone-icon{width:10px;height:10px}.toolbar .toolbar-actions{gap:3px;flex-wrap:wrap;justify-content:center;width:100%}.toolbar .toolbar-btn{padding:6px 8px;min-width:auto;font-size:10px}.toolbar .toolbar-btn .icon{font-size:14px}.toolbar .toolbar-btn .label{display:block;font-size:8px}.toolbar .toolbar-sep{display:none}.subpanel{flex-wrap:wrap;gap:4px;padding:5px 8px;font-size:10px}.setup-panel{padding:5px 8px;gap:4px}.subpanel .setup-color-btn{padding:3px 6px;font-size:10px}.subpanel .setup-select{padding:3px 4px;font-size:10px}.subpanel .setup-done-btn{padding:3px 8px;font-size:10px}.subpanel .playback-nav-btn{padding:4px 8px;font-size:12px}.center-pane{width:100%;order:2;padding:2px}.board-container{padding:6px 4px 4px;margin:0 auto;border-radius:8px}.coordinates{font-size:7px}.mobile-controls{display:flex;flex-direction:column;position:fixed;bottom:0;left:0;right:0;background:var(--washi-overlay);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding-bottom:max(10px,env(safe-area-inset-bottom));z-index:var(--z-mobile-controls);box-shadow:0 -4px 20px #0000001a;border-top:1px solid rgba(201,162,39,.15)}.footer-page-indicators{display:flex;justify-content:center;gap:10px;padding:10px 10px 6px}.mobile-btn-row{display:flex;gap:8px;width:100%}.mobile-controls .btn{flex:1;padding:12px 8px;font-size:12px;min-height:44px;border-radius:10px}.mobile-controls .setup-mode-panel{display:none;padding:10px;background:var(--shell-cream);border-radius:10px;margin-top:6px;border:1px solid rgba(184,134,11,.2)}.mobile-controls .setup-mode-panel.show{display:block}.mobile-controls .setup-color-selector{display:flex;gap:10px;margin-bottom:8px}.mobile-controls .setup-color-btn{flex:1;padding:10px;font-size:13px}.footer-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.footer-setting-item{display:flex;align-items:center;gap:6px}.footer-setting-label{font-size:10px;color:var(--sumi-pale);min-width:40px}.footer-setting-item select,.footer-setting-item input{flex:1;padding:8px;font-size:12px;border-radius:6px;border:1px solid rgba(0,0,0,.1);background:#fff;min-width:0}.footer-toggle-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.footer-toggle-item{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--sumi-medium)}.footer-toggle-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--gold-accent)}.mobile-section{margin-bottom:14px}.mobile-section:last-child{margin-bottom:0}.mobile-section-title{font-family:Noto Sans JP,sans-serif;font-size:12px;font-weight:500;color:var(--sumi-dark);margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid rgba(201,162,39,.25)}.mobile-section-row{display:flex;gap:10px;margin-bottom:8px}.mobile-section-row:last-child{margin-bottom:0}.mobile-section select{flex:1;padding:10px;font-size:14px;border-radius:8px;border:1px solid rgba(201,162,39,.3);background:#fff}.mobile-section .btn{flex:1;padding:12px;font-size:13px}.mobile-toggle-group{display:flex;flex-wrap:wrap;gap:10px}.mobile-toggle-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border-radius:8px;font-size:12px;border:1px solid rgba(0,0,0,.06)}.playback-controls.show,.score-display.show{position:fixed;inset:52px 8px auto;transform:none;margin:0;border-radius:10px;padding:10px 12px;z-index:var(--z-panel);max-height:none;overflow-y:visible}.playback-btn{min-width:36px;min-height:36px;font-size:16px;padding:6px 10px}}@media screen and (max-width:380px){.toolbar{padding:8px 6px;gap:2px}.toolbar .toolbar-status{font-size:9px;gap:2px}.toolbar .toolbar-status .turn-indicator{width:12px;height:12px}.toolbar .toolbar-btn{padding:6px}.toolbar .toolbar-btn .icon{font-size:12px}.mobile-controls .btn{padding:10px 6px;font-size:11px}.hint-desktop{display:none}.hint-mobile{display:inline}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.side-pane{animation:fadeIn .4s ease-out}.board-container{animation:fadeIn .5s ease-out .1s both}.tree-view-panel{position:fixed;top:60px;right:0;width:280px;max-height:calc(100vh - 120px);background:var(--washi-bg);border-left:1px solid rgba(201,162,39,.15);box-shadow:var(--shadow-soft);z-index:var(--z-panel);display:none;flex-direction:column;overflow:hidden}.tree-view-panel.show{display:flex}.tree-view-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid rgba(201,162,39,.15);background:linear-gradient(180deg,rgba(201,162,39,.08) 0%,transparent 100%)}.tree-view-title{font-weight:500;color:var(--sumi-dark);font-size:14px}.tree-view-close{background:none;border:none;font-size:18px;cursor:pointer;color:var(--sumi-pale);padding:4px}.tree-view-close:hover{color:var(--sumi-dark)}.tree-view-content{flex:1;overflow-y:auto;padding:12px}.tree-view{font-size:13px;line-height:1.6}.tree-empty{color:var(--sumi-pale);text-align:center;padding:24px}.tree-node{padding:4px 8px;margin:2px 0;border-radius:6px;cursor:pointer;transition:background-color .15s}.tree-node:hover{background:#c9a2271a}.tree-node.current{background:linear-gradient(135deg,var(--gold-accent) 0%,#b8942f 100%);color:#fff;font-weight:500}.tree-node.on-path{border-left:3px solid var(--gold-accent)}.tree-node.branch-point{position:relative}.tree-node.branch-point:after{content:"⑂";position:absolute;right:8px;top:50%;transform:translateY(-50%);color:var(--gold-accent);font-size:14px}.tree-node-content{display:flex;align-items:center;gap:6px}.tree-comment-marker{font-size:12px;opacity:.8}.tree-branches{margin-left:16px;border-left:2px solid rgba(201,162,39,.2);padding-left:8px}.tree-branch{margin:4px 0}.tree-branch.variation{margin-left:16px;padding-left:8px;border-left:2px solid rgba(201,162,39,.3);opacity:.9}.tree-branch.variation .fold-icon{display:inline-block;transition:transform .2s ease;font-size:10px;margin-right:2px}.tree-branch.variation.folded .fold-icon{transform:rotate(-90deg)}.tree-variation-content{overflow:hidden;max-height:1000px;transition:max-height .3s ease}.tree-branch.variation.folded .tree-variation-content{max-height:0}.tree-variation-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.tree-variation-label{display:inline-block;font-size:11px;color:var(--gold-accent);background:#c9a22726;padding:2px 6px;border-radius:4px}.tree-variation-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s ease}.tree-variation-header:hover .tree-variation-actions{opacity:1}.tree-action-btn{font-size:10px;padding:2px 6px;border:none;border-radius:4px;cursor:pointer;background:#c9a22733;color:var(--gold-accent);transition:background .2s ease}.tree-action-btn:hover{background:#c9a22766}.tree-action-btn.tree-action-delete{background:#dc354526;color:#dc3545}.tree-action-btn.tree-action-delete:hover{background:#dc35454d}.branch-selector-modal{position:fixed;inset:0;background:#1c1c1cb3;display:none;justify-content:center;align-items:center;z-index:var(--z-modal)}.branch-selector-modal.show{display:flex}.branch-selector-content{background:var(--washi-bg);padding:20px;border-radius:12px;min-width:200px;max-width:320px;box-shadow:var(--shadow-elevated)}.branch-selector-header{font-weight:500;color:var(--sumi-dark);margin-bottom:16px;text-align:center;font-size:15px}.branch-selector-btn{display:block;width:100%;padding:12px 16px;margin:8px 0;border:1px solid rgba(201,162,39,.3);border-radius:8px;background:var(--shell-cream);color:var(--sumi-dark);font-size:14px;cursor:pointer;transition:all .15s;text-align:left}.branch-selector-btn:hover{background:#c9a2271a;border-color:var(--gold-accent)}.branch-selector-btn.main-line{border-color:var(--gold-accent);background:linear-gradient(135deg,#c9a2271a,#c9a2270d)}#branch-indicator{display:none;font-size:12px;color:var(--gold-accent);background:#c9a22726;padding:2px 8px;border-radius:4px;margin-left:8px}.tree-view-btn{background:linear-gradient(135deg,var(--shell-cream) 0%,#e8e0d3 100%);border:1px solid rgba(201,162,39,.3);border-radius:8px;padding:8px 12px;font-size:13px;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:6px}.tree-view-btn:hover{background:#c9a2271a;border-color:var(--gold-accent)}.tree-view-btn.active{background:linear-gradient(135deg,var(--gold-accent) 0%,#b8942f 100%);color:#fff;border-color:var(--gold-accent)}@media(max-width:768px){.tree-view-panel{width:100%;top:auto;bottom:0;max-height:50vh;border-left:none;border-top:1px solid rgba(201,162,39,.15);border-radius:16px 16px 0 0}}.function-panel-wrapper{position:fixed;top:60px;right:0;bottom:0;display:flex;align-items:stretch;z-index:var(--z-panel)}.function-panel-wrapper>.function-panel-toggle{display:flex;align-items:center;justify-content:center;align-self:center;width:16px;height:48px;background:var(--washi-overlay);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(201,162,39,.2);border-right:none;border-radius:6px 0 0 6px;cursor:pointer;color:var(--sumi-medium);transition:all var(--transition-fast);flex-shrink:0}.function-panel-toggle:hover{background:#c9a22726;color:var(--gold-accent)}.function-panel-toggle svg{transition:transform var(--transition-fast)}.function-panel-wrapper.collapsed .function-panel-toggle svg{transform:rotate(180deg)}.function-panel{display:flex;flex-direction:column;width:320px;background:var(--washi-overlay);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-medium);border-left:1px solid rgba(201,162,39,.12);overflow:hidden;transition:width var(--transition-smooth),opacity var(--transition-fast)}.function-panel-wrapper.collapsed .function-panel{width:0;opacity:0;border:none;overflow:hidden}.function-panel-wrapper.collapsed .function-panel-toggle{border:1px solid rgba(201,162,39,.2);border-radius:6px}@media(max-width:768px){.function-panel-wrapper{position:static;flex-direction:column;align-items:stretch;flex-shrink:0;width:100%}.function-panel-wrapper>.function-panel-toggle{display:none}.function-panel{width:100%;border-radius:16px 16px 0 0;border:1px solid rgba(201,162,39,.12);border-bottom:none;padding-bottom:env(safe-area-inset-bottom);display:flex;flex-direction:column}.function-panel .function-tabs{flex-shrink:0}.function-panel .function-content{height:0;max-height:0;overflow:hidden;opacity:0;padding:0;pointer-events:none;transition:height var(--transition-smooth),max-height var(--transition-smooth),opacity var(--transition-fast),padding var(--transition-fast)}.function-panel .function-content#content-review,.function-panel .function-content#content-scoring,.function-panel .function-content#content-setup{height:25vh;max-height:25vh;overflow:visible;overflow-y:scroll;-webkit-overflow-scrolling:touch;opacity:1;padding:10px;pointer-events:auto}.function-panel .function-content#content-game{height:0;max-height:0;overflow:hidden;opacity:0;padding:0;pointer-events:none}}.function-tabs{display:flex;background:linear-gradient(135deg,var(--shell-cream) 0%,var(--shell-white) 100%);border-bottom:1px solid rgba(201,162,39,.2)}.function-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 8px;border:none;background:transparent;cursor:pointer;font-size:11px;font-weight:500;color:var(--sumi-medium);transition:all var(--transition-fast)}.function-tab svg{opacity:.6}.function-tab:hover{background:#c9a2271a;color:var(--sumi-dark)}.function-tab:hover svg{opacity:.8}.function-tab.active{background:linear-gradient(135deg,var(--gold-accent) 0%,var(--gold-light) 100%);color:#fff}.function-tab.active svg{opacity:1;stroke:#fff}.function-content{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:12px}.function-section{display:flex;flex-direction:column;gap:8px}.function-section-title{font-size:11px;font-weight:600;color:var(--sumi-light);text-transform:uppercase;letter-spacing:.05em;padding-bottom:4px;border-bottom:1px solid rgba(201,162,39,.15)}.review-playback-section{display:flex;flex-direction:column;gap:12px}.review-playback-header{display:flex;justify-content:space-between;align-items:center}.review-nav-info{display:flex;align-items:center;gap:8px}.move-counter{font-size:14px;font-weight:600;color:var(--sumi-dark)}.branch-indicator{font-size:11px;color:var(--gold-accent);background:var(--gold-glow);padding:2px 6px;border-radius:4px}.review-speed-compact{display:flex;align-items:center}.speed-select{padding:4px 8px;font-size:12px;border:1px solid rgba(201,162,39,.2);border-radius:4px;background:var(--shell-cream);color:var(--sumi-dark);cursor:pointer}.speed-select:focus{outline:none;border-color:var(--gold-accent)}.review-playback-section .playback-seek{width:100%;height:6px;-webkit-appearance:none;appearance:none;background:linear-gradient(to right,var(--gold-accent) 0%,var(--sumi-light) 0%);border-radius:3px;cursor:pointer}.review-playback-section .playback-seek::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:var(--gold-accent);border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0003;transition:transform .1s ease}.review-playback-section .playback-seek::-webkit-slider-thumb:hover{transform:scale(1.15)}.review-playback-section .playback-seek::-moz-range-thumb{width:16px;height:16px;background:var(--gold-accent);border:none;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0003}.review-nav-buttons{display:flex;gap:6px;justify-content:center;align-items:center}.review-nav-buttons .playback-nav-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid rgba(201,162,39,.15);border-radius:8px;background:var(--shell-cream);color:var(--sumi-dark);cursor:pointer;transition:all var(--transition-fast)}.review-nav-buttons .playback-nav-btn:hover{background:var(--gold-glow);border-color:var(--gold-accent);color:var(--gold-accent)}.review-nav-buttons .playback-nav-btn.play-btn{width:48px;height:48px;border-radius:50%;background:var(--gold-accent);color:#fff;border:2px solid var(--gold-accent);box-shadow:0 2px 8px #c9a2274d}.review-nav-buttons .playback-nav-btn.play-btn:hover{background:#b8962f;border-color:#b8962f;color:#fff;transform:scale(1.05)}.review-nav-buttons .playback-nav-btn.playing{background:var(--sumi-medium);border-color:var(--sumi-medium);color:#fff}.review-nav-buttons .playback-nav-btn svg{display:block}.review-shortcuts{display:flex;justify-content:center;padding-top:4px}.shortcut-hint{font-size:11px;color:var(--sumi-light);background:#c9a2270f;padding:4px 10px;border-radius:4px}.review-speed{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--sumi-medium)}.review-comment-textarea{width:100%;min-height:80px;padding:10px;font-size:12px;border:1px solid rgba(201,162,39,.2);border-radius:8px;background:var(--shell-cream);resize:vertical;font-family:inherit}.review-comment-textarea:focus{outline:none;border-color:var(--gold-accent);box-shadow:0 0 0 2px var(--gold-glow)}.function-actions{flex-direction:row;gap:8px}.function-action-btn{flex:1;padding:8px 12px;font-size:11px;font-weight:500;border:1px solid rgba(201,162,39,.2);border-radius:6px;background:var(--shell-cream);cursor:pointer;transition:all var(--transition-fast)}.function-action-btn:hover{background:var(--gold-glow);border-color:var(--gold-accent)}.game-mode-hint{font-size:13px;color:var(--sumi-medium);text-align:center;padding:12px}.scoring-hint{font-size:12px;color:var(--sumi-medium);text-align:center;padding:8px;background:#c9a22714;border-radius:8px}.scoring-result-box{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px;background:linear-gradient(135deg,var(--shell-cream) 0%,var(--shell-white) 100%);border-radius:12px;border:1px solid rgba(201,162,39,.15)}.scoring-result-item{display:flex;align-items:center;gap:6px}.scoring-result-item .stone-icon{width:18px;height:18px}.scoring-label{font-size:12px;color:var(--sumi-medium)}.scoring-value{font-size:24px;font-weight:700;color:var(--gold-accent)}.scoring-unit{font-size:12px;color:var(--sumi-light)}.scoring-vs{font-size:16px;color:var(--sumi-pale)}.scoring-summary{font-size:12px;color:var(--sumi-dark);text-align:center;padding:8px}.setup-color-selector{display:flex;gap:8px}.setup-color-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;font-size:13px;font-weight:500;border:2px solid transparent;border-radius:8px;background:var(--shell-cream);cursor:pointer;transition:all var(--transition-fast)}.setup-color-btn .stone-icon{width:16px;height:16px}.setup-color-btn:hover{background:var(--gold-glow)}.setup-color-btn.selected{border-color:var(--gold-accent);background:linear-gradient(135deg,var(--gold-glow) 0%,rgba(201,162,39,.1) 100%)}.setup-select-full{width:100%;padding:10px 12px;font-size:13px;border:1px solid rgba(201,162,39,.2);border-radius:8px;background:var(--shell-cream);cursor:pointer}.setup-move-buttons{display:flex;flex-direction:column;align-items:center;gap:4px}.setup-move-row{display:flex;gap:4px}.move-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:16px;border:1px solid rgba(201,162,39,.2);border-radius:8px;background:var(--shell-cream);cursor:pointer;transition:all var(--transition-fast)}.move-btn:hover{background:var(--gold-glow);border-color:var(--gold-accent)}#review-tree-view{min-height:200px;max-height:450px;overflow-y:auto;padding:8px;background:#00000005;border-radius:8px;border:1px solid rgba(201,162,39,.1)}#review-tree-view .tree-view{font-size:11px;line-height:1.4}#review-tree-view .tree-node{padding:2px 6px;margin:1px 0}#review-tree-view .tree-node.branch-point:after{font-size:11px}@media(max-width:768px){.function-tabs{flex-wrap:nowrap}.function-tab{padding:8px 6px;font-size:10px}.function-tab svg{width:14px;height:14px}.function-content{padding:10px;gap:10px}.function-section-title{font-size:10px}.review-playback-header{flex-direction:row;justify-content:space-between;align-items:center}.review-nav-buttons{gap:4px}.review-nav-buttons .playback-nav-btn{width:32px;height:32px}.review-nav-buttons .playback-nav-btn.play-btn{width:42px;height:42px;border-radius:50%}.review-nav-buttons .playback-nav-btn svg{width:16px;height:16px}.review-shortcuts{display:none}.playback-nav-btn{padding:6px 10px;font-size:14px}.setup-color-selector{flex-direction:row}.setup-color-btn{padding:8px 10px;font-size:12px}.setup-move-buttons{flex-direction:row;gap:4px}.setup-move-row{flex-direction:row}.move-btn{width:32px;height:32px;font-size:14px}.function-panel-close{padding:8px;font-size:11px}}