@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;--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)}*{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:8px 20px 20px;display:flex;justify-content:center;align-items:flex-start;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;gap:20px;align-items:flex-start}.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:radial-gradient(circle at 30% 25%,#4a4a4a 0%,var(--slate-deep) 70%);border:1px solid rgba(0,0,0,.3)}.turn-indicator.white{background:radial-gradient(circle at 30% 25%,#fff,#e0ddd5 70%);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:radial-gradient(circle at 30% 25%,#4a4a4a 0%,var(--slate-deep) 70%)}.stone-icon.white{background:radial-gradient(circle at 30% 25%,#fff,#e0ddd5 70%);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:fixed;top:0;left:0;right:0;z-index:100;display:flex;flex-direction:column}.desktop-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}.desktop-toolbar>*{max-width:900px}.center-pane{padding-top:56px}.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:radial-gradient(circle at 30% 25%,#4a4a4a 0%,var(--slate-deep) 70%)}.toolbar-status .turn-indicator.white{background:radial-gradient(circle at 30% 25%,#fff,#e0ddd5 70%);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:radial-gradient(circle at 30% 25%,#4a4a4a 0%,var(--slate-deep) 70%)}.toolbar-status .stone-icon.white{background:radial-gradient(circle at 30% 25%,#fff,#e0ddd5 70%);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-menu-btn .icon{font-size:24px}.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.toolbar-help-btn{background:transparent;color:var(--sumi-pale);padding:4px 8px;min-width:auto;font-weight:700;font-size:14px;border:1px solid var(--sumi-pale);border-radius:50%;width:26px;height:26px;display:flex;align-items:center;justify-content:center}.toolbar-btn.toolbar-help-btn:hover{background:var(--gold-glow);color:var(--gold-accent);border-color:var(--gold-accent)}.toolbar-btn.toolbar-help-btn .icon{font-size:14px}.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}.desktop-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)}.desktop-setup-panel.show{display:flex}.desktop-setup-panel .setup-color-btn{flex:none;padding:4px 8px;font-size:11px;border-radius:4px;border-width:1px}.desktop-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)}.desktop-setup-panel .setup-sep{color:var(--sumi-pale);font-size:12px}.desktop-setup-panel .setup-select{padding:4px 6px;font-size:11px;border-radius:4px;border:1px solid rgba(0,0,0,.1)}.desktop-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)}.desktop-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)}.desktop-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:100;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-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;position:relative}.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}.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}.board{position:relative;background:var(--board-bg);touch-action:manipulation}.intersection{position:absolute;cursor:pointer;border-radius:50%;transform:translate(-50%,-50%);z-index:10;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:radial-gradient(circle at 28% 22%,#505050,#1a1a1a,#0a0a0a);box-shadow:3px 3px 6px #00000059,inset 0 1px 1px #ffffff1a}.intersection.white{background:radial-gradient(circle at 28% 22%,#fff,#f0ede5 40%,#d8d4c8);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:20}.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:radial-gradient(circle at 28% 22%,#505050,#1a1a1a,#0a0a0a);box-shadow:3px 3px 6px #00000059}.intersection.pending-move.white{background:radial-gradient(circle at 28% 22%,#fff,#f0ede5 40%,#d8d4c8);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:15}@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:8;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:11;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:5}.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-selector{display:flex;gap:8px}.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:100}.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:90;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:90;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:200;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}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-status-bar,.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-direction:column;align-items:center;width:100%;gap:0;padding-bottom:130px}.side-pane,.desktop-status-bar{display:none}.desktop-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}.desktop-toolbar .toolbar-status{font-size:10px;gap:2px;flex-shrink:0}.desktop-toolbar .toolbar-status .turn-indicator{width:12px;height:12px}.desktop-toolbar .toolbar-status .status-sep{display:none}.desktop-toolbar .toolbar-status .status-value{font-size:9px}.desktop-toolbar .toolbar-status .stone-icon{width:10px;height:10px}.desktop-toolbar .toolbar-actions{gap:3px;flex-wrap:wrap;justify-content:center;width:100%}.desktop-toolbar .toolbar-btn{padding:6px 8px;min-width:auto;font-size:10px}.desktop-toolbar .toolbar-btn .icon{font-size:14px}.desktop-toolbar .toolbar-btn .label{display:block;font-size:8px}.desktop-toolbar .toolbar-sep,.desktop-toolbar .toolbar-help-btn{display:none}.desktop-subpanel{flex-wrap:wrap;gap:4px;padding:5px 8px;font-size:10px}.desktop-setup-panel{padding:5px 8px;gap:4px}.desktop-subpanel .setup-color-btn{padding:3px 6px;font-size:10px}.desktop-subpanel .setup-select{padding:3px 4px;font-size:10px}.desktop-subpanel .setup-done-btn{padding:3px 8px;font-size:10px}.desktop-subpanel .playback-nav-btn{padding:4px 8px;font-size:12px}.mobile-status-bar,.mobile-controls{display:none!important}.center-pane{width:100%;order:2;padding:110px 2px 2px}.board-container{padding:6px 4px 4px;margin:0 auto;border-radius:8px}.coordinates{font-size:7px}.mobile-status-bar{display:flex;position:fixed;top:0;left:0;right:0;z-index:50;background:var(--washi-overlay);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:10px 14px;padding-top:max(10px,env(safe-area-inset-top));justify-content:space-between;align-items:center;box-shadow:0 2px 12px #0000001a;font-size:13px;border-bottom:1px solid rgba(201,162,39,.15)}.mobile-comment-item{flex:1;max-width:120px;overflow:hidden}.mobile-comment-text{font-size:11px;color:var(--gold-accent);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:4px 8px;background:var(--gold-glow);border-radius:6px}.mobile-comment-text a{color:var(--gold-accent)}.main-container{padding-top:max(56px,calc(48px + env(safe-area-inset-top)))}.mobile-status-item{display:flex;align-items:center;gap:8px}.mobile-turn{width:26px;height:26px;border-radius:50%;box-shadow:0 2px 4px #0003}.mobile-turn.black{background:radial-gradient(circle at 30% 25%,#4a4a4a 0%,var(--slate-deep) 70%);border:1px solid rgba(0,0,0,.3)}.mobile-turn.white{background:radial-gradient(circle at 30% 25%,#fff,#e0ddd5 70%);border:1px solid rgba(0,0,0,.12)}.mobile-label{font-size:10px;color:var(--sumi-pale);font-weight:500}.mobile-value{font-family:Noto Sans JP,sans-serif;font-size:18px;font-weight:600;color:var(--sumi-dark)}.mobile-captures{display:flex;gap:10px}.mobile-capture-item{display:flex;align-items:center;gap:4px}.mobile-stone{width:16px;height:16px;border-radius:50%;box-shadow:0 1px 2px #00000026}.mobile-stone.black{background:radial-gradient(circle at 30% 25%,#4a4a4a 0%,var(--slate-deep) 70%)}.mobile-stone.white{background:radial-gradient(circle at 30% 25%,#fff,#e0ddd5 70%);border:1px solid rgba(0,0,0,.1)}.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:40;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}.footer-page-dot{width:8px;height:8px;border-radius:50%;background:#00000026;border:none;cursor:pointer;padding:0;transition:all var(--transition-fast)}.footer-page-dot.active{background:var(--gold-accent);transform:scale(1.2)}.footer-swipe-container{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.footer-swipe-container::-webkit-scrollbar{display:none}.footer-page{flex:0 0 100%;scroll-snap-align:start;padding:10px 14px;display:flex;flex-direction:column;gap:8px}.footer-page-title{font-family:Noto Sans JP,sans-serif;font-size:11px;font-weight:500;color:var(--sumi-pale);text-align:center;margin-bottom:2px;letter-spacing:.05em}.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:90;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){.desktop-toolbar{padding:8px 6px;gap:2px}.desktop-toolbar .toolbar-status{font-size:9px;gap:2px}.desktop-toolbar .toolbar-status .turn-indicator{width:12px;height:12px}.desktop-toolbar .toolbar-btn{padding:6px}.desktop-toolbar .toolbar-btn .icon{font-size:12px}.center-pane{padding-top:110px}.mobile-status-bar{padding:8px 10px;font-size:12px}.mobile-turn{width:22px;height:22px}.mobile-value{font-size:16px}.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}