.side>#online-panel{order:-1}.lan-connect{border-color:#3b483e!important}.lan-connect h3{color:#dce7db!important;font-size:13px!important}.lan-connect p{color:#b0c0b2!important;font-size:11px!important}.lan-connect input{color:#dce8db!important;background:#19201b!important;border-color:#596f5c!important}.lan-connect strong{color:#c7dcc6!important;font-size:14px!important;letter-spacing:0!important}#online-panel>.hint{display:none}.vfx-settings{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid #343e36}.vfx-settings[hidden]{display:none}.vfx-settings label{display:flex;flex-direction:column;gap:6px;font-size:11px;color:#b8c8bc}.vfx-settings select{min-width:100px}.vfx-settings button{min-height:36px}.vfx-settings p{flex-basis:100%;margin:0;color:#b8c8bc;font-size:11px}.vfx-settings p:empty{display:none}.vfx-settings .vfx-motion-once{flex-direction:row;align-items:center;flex-basis:100%;line-height:1.6}.vfx-settings .vfx-motion-once[hidden]{display:none}.scene-vfx-overlay{position:absolute;inset:0;z-index:3;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at center,transparent 40%,var(--fx-tint,#94f0df));mix-blend-mode:screen}.scene-vfx-overlay[hidden]{display:none}.scene-vfx-slash{position:absolute;left:-15%;top:29%;display:block;width:130%;height:2px;background:linear-gradient(90deg,transparent,var(--fx-tint,#94f0df),transparent);transform:translate(var(--slash-x,-50%)) rotate(-17deg);box-shadow:0 0 14px var(--fx-tint,#94f0df)}.scene-vfx-slash.right{top:auto;bottom:27%;transform:translate(calc(-1 * var(--slash-x,-50%))) rotate(-17deg)}.scene-motion-banner{padding:9px 18px;gap:5px;border:0;filter:drop-shadow(0 2px 8px #000);pointer-events:none}.scene-motion-banner strong{font-size:clamp(21px,3.2vw,34px);font-weight:700;letter-spacing:1px}.scene-motion-banner small:empty{display:none}.scene-motion-banner small{font-size:9px;letter-spacing:2px}.scene-motion-banner[data-kind=capture] strong{font-size:23px}.scene-motion-banner[data-kind=move] strong{font-size:19px}@media(max-width:760px){.vfx-settings select,.vfx-settings button{min-height:44px}.vfx-settings select{font-size:16px}.scene-motion-banner{top:7%;padding:6px 12px}.scene-motion-banner strong{font-size:22px}}@media(prefers-reduced-motion:reduce){.board-stage:not([data-fx-preview=true]) .scene-vfx-overlay,.board-stage:not([data-fx-preview=true]) .scene-motion-banner{display:none!important}}:root{--bg:#17191b;--bg2:#202326;--panel:#202326;--panel-raised:#292d30;--panel-border:#363b3e;--control-border:#50585c;--text:#eceeed;--muted:#a9b0ae;--accent:#c4d3c2;--accent-ink:#19221a;--accent2:#b5cbb7;--focus:#c8dfca;--radius:8px;--radius-sm:5px;--radius-lg:8px;--shadow:none;--font:Arial,"Malgun Gothic",system-ui,sans-serif}body{padding:24px 32px 48px;background:#17191b;color:var(--text);font-size:13px;line-height:1.55}header,main{max-width:1180px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid var(--panel-border)}.brand{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:650;letter-spacing:0;line-height:1}.brand .brand-mark{display:block;width:auto;height:auto;padding:0;border:0;background:none;box-shadow:none;color:#dbe4da;font-size:25px;letter-spacing:0}.brand .brand-name{display:block;padding:0;color:var(--text);font-size:17px;font-weight:650;letter-spacing:1px}.header-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:24px}.toolbar{display:flex;gap:3px;justify-content:flex-end}.icon-btn{min-height:34px;min-width:34px;padding:6px 8px;border:0;background:none;color:#b4bcb8;font-size:12px}.icon-btn:hover{background:#292d30}.icon-btn#btn-sound{filter:grayscale(1)}.mode-tabs{display:flex;flex-wrap:wrap;gap:3px;max-width:none;padding:0;border:0;background:none}.mode-btn{min-width:0;min-height:36px;padding:8px 12px;border:0;border-radius:5px;background:none;color:#aeb6b2;font-size:13px;box-shadow:none}.mode-btn.active{background:#303832;color:#e2eddf;box-shadow:none}.mode-btn:hover:not(.active){background:#24282a;color:#e2e7e4}main{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:36px;align-items:start}.board-wrap{display:flex;gap:12px;min-width:0;isolation:auto}.side{display:flex;flex-direction:column;gap:0;min-width:0;border:1px solid var(--panel-border);border-radius:8px;background:#1d2022;overflow:clip}.side>.panel{margin:0;padding:18px;border:0;border-bottom:1px solid var(--panel-border);border-radius:0;background:none;box-shadow:none}.side>.panel:last-child{border-bottom:0}.panel h2,.panel-topline h2{color:#dbe1dc;font-size:13px;font-weight:600;letter-spacing:0}.panel-topline{margin-bottom:10px}.rune-tag,.opening-auto-label,.skin-intro,.skin-note,.skin-count,.skin-current-dot{display:none}button,input,select{border-radius:5px;box-shadow:none;transition:background-color .12s,border-color .12s;color:var(--text)}button{min-height:36px;padding:8px 12px;border:1px solid var(--control-border);background:#252a2c;font-size:12px;font-weight:500}button:hover:not(:disabled){border-color:#7a8780;background:#313936;box-shadow:none;transform:none}button:active:not(:disabled){transform:none}.ghost{background:transparent;color:#c2cac4}.controls-row button{background:#292f2c;color:#e7eee7;box-shadow:none}.controls-row button:first-child{border-color:#9bae9a;background:#bdceba;color:#192219}input,select{background:#191c1e;border-color:#4b5550;min-height:36px;font-size:12px}input[type=checkbox]{accent-color:#b5cbb7}:where(button,input,select,summary,a,[tabindex]):focus-visible{outline:2px solid var(--focus);outline-offset:3px;box-shadow:none}.clocks{order:-4;display:grid;grid-template-columns:1fr 1fr;gap:12px}.clock{min-height:64px;padding:12px 16px;border:1px solid #3b4240;border-radius:6px;background:#212624;color:#bbc5bd;text-align:right;font-size:29px;font-weight:500;letter-spacing:-1px;box-shadow:none}.clock:before{display:none}.clock:after{left:16px;color:inherit;font:500 12px var(--font);letter-spacing:0;opacity:.8}html[lang=ko] #clock-w:after{content:"\bc31"}html[lang=ko] #clock-b:after{content:"\d751"}.clock.active{border-color:#a8bea7;background:#d3dfce;color:#1d271e;box-shadow:none}.clock.low{border-color:#ce7777;color:#ffb0aa}.scene-toolbar{order:-3;display:flex;justify-content:flex-end;flex-wrap:wrap;min-height:36px;gap:8px;padding:0}.scene-wordmark{margin-right:auto;color:#a3aca6;font-size:12px;font-weight:500;letter-spacing:0}.scene-toolbar button{min-height:34px;padding:7px 11px;background:transparent;color:#c6d0c9;border-color:#424b46;font-size:12px}.scene-toolbar button[aria-pressed=true]{background:#303a32;border-color:#718a71;color:#dfebdc}#immersive-hint{width:100%;font-size:11px;color:var(--muted)}#immersive-hint:empty{display:none}.view-options{order:-2;border:0;border-bottom:1px solid #303633;padding-bottom:8px}.view-options>summary{width:max-content;min-height:28px;color:#b4bdb7;font-size:12px;cursor:pointer;list-style-position:inside}.view-options[open]>summary{margin-bottom:12px}.scene-angle-control{justify-content:flex-start;margin:0 0 8px;font-size:12px;color:#bdc6c0}.scene-camera-actions{gap:6px}.scene-camera-actions button{background:#222825;border-color:#46534a;color:#d1dcd2;font-size:12px}.scene-camera-actions button[aria-pressed=true]{background:#344337;border-color:#a2bba0;color:#e8f1e5}.scene-camera-actions p{font-size:11px;color:#aab5ac}.scene-fx-option{font-size:11px;color:#b7c3b8}body[data-board-renderer=webgl][data-board-view=diorama] .board-stage{background:transparent;border-radius:4px}.board-keyboard-hint{margin:0;color:#89968c;font-size:10px}.figure-role-guide{display:none}.status{min-height:28px;padding:4px 0;border:0;background:none;color:#d3ddd4;font-size:12px}.turn-dot{width:7px;height:7px;flex-basis:7px;box-shadow:none;border-color:#b5cbb7}.board-wrap>.controls-row{width:100%;max-width:none;margin:0;padding:0;order:2;justify-content:flex-start;gap:8px}#move-list{min-height:130px;max-height:235px;margin:0;padding:0;overflow-y:auto;border:0;font-size:13px}#move-list li{padding:6px 4px;border:0;border-radius:0;background:none;color:#bfc9c1}#move-list li:nth-child(2n){background:#ffffff04}#move-list .num{color:#828f85}#move-list .mv{border-radius:3px;color:#e0e7e1}#move-list .mv:hover{background:#39453c;color:#fff}.records-panel>.captured-panel{margin:12px 0 0;padding:8px 0 0;border:0;border-top:1px solid #333c35;border-radius:0;background:none;box-shadow:none}.cap-row{min-height:25px;gap:7px;font-size:11px}.cap-label{color:#929f95}.cap-score{color:#c0cec1}.text-button{padding:0;border:0;background:none;color:#bacfba;font-size:11px}.insight-panel .move-verdict{min-height:0;gap:8px;font-size:13px;font-weight:500}.verdict-symbol{width:24px;height:24px;flex-basis:24px;border-radius:4px;background:#303b33;color:#c5ddc4;font-size:14px;box-shadow:none;animation:none}.verdict-brilliant .verdict-symbol,.verdict-great .verdict-symbol{background:#364839;border-color:#b5cbb7;box-shadow:none;animation:none;color:#e2f0df}.move-verdict .verdict-reason{color:#b3bdb5;font-size:11px}.move-verdict small{color:#949e96}.player-form{color:#b2beb3;font-size:11px}.analysis-note{color:#919e93;font-size:10px}.insight-explain{min-height:32px;padding:5px 0;margin-top:10px;border:0;background:none;color:#b9cdb9;font-size:11px}.insight-explain:hover{background:none}.tactic-chip,.move-tactics .tactic-chip{background:#29332c;color:#c1d2c2;border-color:#4b5b4d;border-radius:4px;box-shadow:none}.opening-name,#opening-select{padding:0!important;font-size:15px!important;font-weight:500!important;color:#c4cfc4!important;text-shadow:none!important}.opening-name.is-awakened{color:#e0eada!important;text-shadow:none}.opening-progress{margin:8px 0;color:#9faea2;font-size:11px;line-height:1.6}.opening-actions button{padding:5px 9px;background:none;font-size:11px}.effect-toggle{font-size:10px;color:#a0afa4}.opening-step{border-color:#3b4b3d;background:#202923;box-shadow:none}.opening-step.done{border-color:#778d75;background:#2d3d2f}.opening-step.next{border-color:#b5cbb7;box-shadow:none}.controls summary,.skin-panel>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:24px;cursor:pointer;list-style:none;color:#dbe1dc;font-size:13px;font-weight:500}.controls summary:after,.skin-panel>summary:after{content:"+";font-size:17px;font-weight:400;color:#9aa89d}.controls[open] summary:after,.skin-panel[open]>summary:after{content:"\2212"}.controls[open] summary{padding-bottom:12px;border-color:#3b463d}.controls-content{gap:12px;padding-top:16px}.skin-panel .skin-panel-heading{position:static;display:block;padding:0}.skin-panel .skin-panel-heading h2{color:#dbe1dc;font-size:13px;font-weight:500}.skin-panel-content{padding:16px 0 0}.skin-grid{gap:6px}.skin-card,.skin-card[data-skin]{justify-content:center;min-height:100px;padding:8px 3px;border-color:#4d5c50;border-radius:5px;background:#232b25;color:#b4c2b6;box-shadow:none;transform:none}.skin-card[aria-pressed=true]{border-color:#b5cbb7;background:#303f32;color:#e0eddd;box-shadow:none}.skin-card[aria-pressed=true]:after{display:none}.skin-preview{font-size:48px}.skin-card-name{font-size:10px;line-height:1.5}.skin-current{margin-top:12px;color:#a9b8ac;font-size:11px}.capture-settings{margin-top:10px;padding-top:10px;border-color:#3b473e}.capture-settings label{font-size:11px;color:#c3d0c4}.capture-settings p{color:#96a69a;font-size:10px}.promo-card,.offer-card,.result-card,.auth-card,.dm-card,.list-card,.arena-guide-card{border:1px solid #59685c;border-radius:8px;background:#202623;color:#e4ebe4;box-shadow:0 14px 48px #0005;backdrop-filter:none}.promo-card h3,.result-card h2{color:#e2ebe1;text-shadow:none}.result-card button,.offer-card button{background:#2e3a30;border-color:#748b75;color:#e4eee2}.arena-guide-card h2,.arena-guide-card h3{color:#d6e4d5}.coach-move-card{background:#29332b;border-color:#526554;border-radius:5px}.coach-move-text strong{color:#d9e8d8}.coach-target{background:#322a2a;border-color:#72585a;border-radius:4px}.coach-target-heading{color:#c9d9c8}.public-info,.public-footer{max-width:1180px!important;background:none!important;border-radius:0!important;box-shadow:none!important}.public-info{margin-top:40px!important;padding:24px 0!important;border:0!important;border-top:1px solid #363e38!important}.public-info h2{font-size:14px!important;color:#d5dfd5}.public-info h3{color:#b7c8b7!important;font-size:12px!important}.public-info p,.public-footer{color:#9ba99e!important;font-size:11px!important}.public-info a,.public-footer a{color:#b9cdb9!important}.public-document{background:#17191b!important}.public-document p{color:#b2bfb5}.public-document a{color:#c0d4c0}.public-footer{border-color:#363e38!important}.scene-toolbar{order:2}.view-options{order:4}.status{order:1}.board-wrap>.controls-row{order:3}.board-wrap{max-width:780px}header,main{max-width:min(1180px,calc((100svh - 220px)*1.2 + 356px))}.side>.records-panel{background:transparent!important}#move-list:empty:before{content:"\c544\c9c1  \b454  \c218\ac00  \c5c6\c2b5\b2c8\b2e4.";display:block;padding:20px 0;color:#8e9d92;font-size:11px}html[lang=en] #move-list:empty:before{content:"No moves yet."}.records-panel>.captured-panel{background:transparent!important}.record-heading-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.record-heading-row h2{margin:0}.record-heading-row .controls-row{display:flex;flex-wrap:wrap;gap:5px;margin:0;padding:0}.record-heading-row button{min-height:30px;padding:5px 8px;font-size:11px}.records-panel #move-list{min-height:90px}.record-heading-row .controls-row button{flex:0 0 auto;min-height:32px}.record-heading-row .controls-row{flex:0 1 auto;max-width:none}:is(#btn-new,#btn-puzzle-next,#btn-create,#btn-quick,#btn-join,#btn-rematch,#chat-send,#offer-accept,#result-rematch,#result-new,#auth-login-btn,#auth-register-btn,#dm-send,#friend-add-btn):not(.ghost){background:#bdceba;border-color:#9bae9a;color:#192219;box-shadow:none}:is(#btn-new,#btn-puzzle-next,#btn-create,#btn-quick,#btn-join,#btn-rematch,#chat-send,#offer-accept,#result-rematch,#result-new,#auth-login-btn,#auth-register-btn,#dm-send,#friend-add-btn):hover:not(:disabled):not(.ghost){background:#ceddca;border-color:#c0d3bc;color:#192219;box-shadow:none}@media(max-width:1000px)and (min-width:761px){body{padding:20px}main{grid-template-columns:minmax(0,1fr) 290px;gap:24px}header{gap:12px}.header-actions{gap:12px}.mode-btn{padding-inline:9px}.toolbar{gap:0}}@media(max-width:760px){body{padding:16px 16px 32px;background:#17191b}header{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:18px;padding-bottom:14px}.brand{font-size:16px}.header-actions{display:contents}.toolbar{margin-left:auto;gap:2px}.mode-tabs{display:flex;flex-basis:100%;width:100%;max-width:none;justify-content:space-between;gap:2px}.mode-btn{flex:1;min-height:40px;padding:9px 4px;font-size:12px;text-align:center}main{display:flex;flex-direction:column;gap:20px}.board-wrap,.side{width:100%}.board-wrap{gap:10px}.side>.panel{padding:16px}.clock{min-height:56px;padding:10px 12px;font-size:25px}.clock:after{left:12px;font-size:11px}.clocks{gap:10px}.scene-toolbar{min-height:38px;gap:6px}.scene-toolbar button{min-height:40px;padding:8px 10px;font-size:11px}.view-options>summary{min-height:36px}.scene-camera-actions button{min-height:44px}.board-wrap>.controls-row button{min-height:44px}.controls summary,.skin-panel>summary{min-height:32px}.controls select{font-size:16px}.skin-card{min-height:100px}.skin-card-name{font-size:11px}#move-list{min-height:90px;max-height:180px}.scene-wordmark{font-size:11px}.board-keyboard-hint{font-size:9px}}@media(max-width:360px){body{padding-inline:12px}.mode-btn{font-size:11px}.icon-btn{padding:6px}.brand .brand-name{font-size:15px}.header-actions{gap:8px}.clock{font-size:23px}.toolbar{gap:0}}@media(max-width:760px){header,main{max-width:none}.board-wrap{max-width:none}}@media(max-width:760px){.record-heading-row .controls-row button{min-height:44px}}@media(max-width:760px){header{gap:10px;margin-bottom:14px;padding-bottom:12px}.brand{width:auto;flex:0 0 auto;text-align:left;justify-content:flex-start}.toolbar{order:0;width:auto;max-width:100%;flex:0 1 auto;justify-content:flex-end}.mode-tabs{order:2}.header-actions{order:0}}:root{--control-border:#737d77;--ui-fast:.14s;--ui-ease:cubic-bezier(.2,.8,.2,1)}html{scrollbar-color:#68736d #202326}::selection{background:#c4d3c2;color:#19221a}input,textarea{caret-color:#d5e6d0}input::placeholder{color:#a9b4ae;opacity:1}button:disabled{opacity:1;color:#8e9a92;border-color:#414a44;background:#222724;cursor:not-allowed}button,input,select{min-height:38px}button,input,select,summary{font-size:13px}button,.mode-btn,.icon-btn{transition:background-color var(--ui-fast) var(--ui-ease),border-color var(--ui-fast) var(--ui-ease),transform var(--ui-fast) var(--ui-ease)}.mode-btn{min-height:40px}.mode-tabs .mode-btn.active{background:#303832;color:#e2eddf;box-shadow:none}.icon-btn{min-width:40px;min-height:40px}.clock{font-variant-numeric:tabular-nums;letter-spacing:-.5px}.clock.low,.clock.active.low{background:#3b2526;border-color:#d68b88;color:#ffd3ce;animation:none;box-shadow:none}.clock.active:after{opacity:1}.board-keyboard-hint{color:#a9b8ae;font-size:12px;line-height:1.6}.status{font-size:13px}.side>.panel{padding:20px}.panel h2,.panel-topline h2{font-size:14px}.record-heading-row{gap:12px;margin-bottom:16px}.record-heading-row button{min-height:36px;font-size:12px}#move-list:empty:before{padding:24px 0;color:#a5b1a9;font:13px/1.7 var(--font)}#move-list .num{color:#a0afa4}#move-list li{padding:6px 8px;min-height:32px}#move-list li.view{background:#354237;outline-color:#a6bda2}.record-navigation{display:grid;grid-template-columns:36px minmax(0,1fr) 36px auto;align-items:center;gap:6px;margin:12px 0 0;padding-top:12px;border-top:1px solid var(--panel-border)}.record-navigation button{min-width:36px;min-height:36px;padding:6px 8px;background:transparent;border-color:transparent;color:#d3ddd5;font-size:12px}.record-navigation button:disabled{color:#8e9a92;background:none;border-color:transparent}.record-navigation #view-pos{min-width:0;text-align:center;color:#bdc9c0;font:12px/1.5 var(--font);font-variant-numeric:tabular-nums}.record-navigation #view-pos:empty:before{content:"\d604\c7ac  \b300\ad6d"}html[lang=en] .record-navigation #view-pos:empty:before{content:"Live board"}.record-navigation #btn-live:disabled{display:none}.records-panel>.captured-panel{margin-top:16px;padding-top:12px}.cap-label,.cap-row{font-size:12px}.cap-label{color:#acb9b0}.text-button,.insight-explain,.move-verdict .verdict-reason,.move-verdict small,.player-form,.analysis-note,.opening-progress,.effect-toggle,.opening-actions button{font-size:12px}.analysis-note{line-height:1.7;color:#a6b4aa}.insight-explain{min-height:36px}.opening-actions{align-items:center;gap:12px}.effect-toggle{gap:6px;min-height:36px}.effect-toggle input{min-height:0;width:16px;height:16px}.view-options>summary{min-height:36px;font-size:13px}.scene-toolbar button,.scene-camera-actions button{font-size:12px}.vfx-settings label,.vfx-settings p,.scene-camera-actions p,.scene-fx-option{font-size:12px;line-height:1.7}.skin-card-name,.skin-current,.capture-settings label,.capture-settings p{font-size:12px}.controls summary,.skin-panel>summary{min-height:32px;font-size:13px}.controls-content input,.controls-content select{min-width:0}.connection-strip{padding:10px 0;border:0;border-radius:0;background:none;box-shadow:none;font-size:12px}body[data-lan=true] #online-panel>h2{display:none}body[data-lan=true] #online-panel[data-room-state=idle] .chat,body[data-lan=true] #online-panel[data-room-state=joined] .lan-setup-row{display:none}.lan-connect{margin-bottom:12px;padding-bottom:16px}.lan-connect h3{font-size:14px!important;line-height:1.5;margin-bottom:8px}.lan-connect p{font-size:12px!important;line-height:1.8;margin:0}.lan-connect input{font-variant-numeric:tabular-nums;font-size:12px}.lan-connect strong{font-size:14px!important;line-height:1.6}.lan-connect [role=status]:empty{display:none}.online-row{gap:8px}.online-row input{min-width:0;font-size:13px}#room-code{text-transform:uppercase;letter-spacing:2px}.online-status{font-size:12px;color:#b7c5ba;line-height:1.8}.chat{margin-top:16px;padding-top:16px;border-top:1px solid var(--panel-border)}#chat-log:empty{min-height:0;height:0;padding:0;border:0}#chat-log{max-height:180px}#btn-prev,#btn-next,#btn-sound{font-size:0}#btn-prev:before,#btn-next:before,#btn-sound:before{content:"";display:block;width:18px;height:18px;margin:auto;background:currentColor;mask:var(--control-icon) center/contain no-repeat}#btn-prev{--control-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m14 6-6 6 6 6'/%3E%3C/svg%3E")}#btn-next{--control-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m10 6 6 6-6 6'/%3E%3C/svg%3E")}#btn-sound{--control-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 5 6 9H3v6h3l5 4Z M15 8a6 6 0 0 1 0 8 M18 5a10 10 0 0 1 0 14'/%3E%3C/svg%3E")}#btn-sound[aria-pressed=false]{--control-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 5 6 9H3v6h3l5 4Z M16 9l6 6 M22 9l-6 6'/%3E%3C/svg%3E")}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){button:not(:disabled):not(.sq):not(.skin-card):hover{transform:translateY(-1px)}button:not(:disabled):not(.sq):not(.skin-card):active{transform:translateY(1px) scale(.985)}}@media(max-width:760px){header{flex-direction:row;align-items:center}.toolbar .icon-btn{min-width:44px;min-height:44px}.mode-btn{min-height:44px}.side>.panel{padding:16px}.record-heading-row .controls-row button{min-height:44px}.record-navigation{grid-template-columns:44px minmax(0,1fr) 44px auto}.record-navigation button{min-width:44px;min-height:44px}.online-row input,.online-row button,.online-row select,.lan-connect button{min-height:44px}.online-row input,.online-row select{font-size:16px}.text-button,.insight-explain,.opening-actions button,.effect-toggle{min-height:44px}.controls summary,.skin-panel>summary,.view-options>summary{min-height:44px}.board-keyboard-hint{font-size:11px}}@media(prefers-reduced-motion:reduce){button,.mode-btn,.icon-btn{transition:none}}.mode-gallery{width:100%;max-width:1320px;margin:28px auto 0;padding:18px 0;border-top:1px solid #3d4641;color:#eceeed}.mode-gallery>summary{cursor:pointer;min-height:44px;font-size:13px;display:flex;align-items:center;gap:8px}.mode-gallery>summary:before{content:"+";font:18px ui-monospace,monospace;color:#acb9b0}.mode-gallery[open]>summary:before{content:"\2212"}.mode-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:12px}.mode-gallery-grid>a{display:block;min-width:0;text-decoration:none;border:1px solid #455148;border-radius:6px;overflow:hidden;background:#202623;color:#eceeed}.mode-gallery-grid img{display:block;width:100%;height:auto;aspect-ratio:1.8;object-fit:cover}.mode-gallery-grid strong{display:block;margin:14px 16px 5px;font-size:14px}.mode-gallery-grid span{display:block;margin:0 16px 16px;color:#b8c5bb;font-size:12px;line-height:1.7}.mode-gallery-grid a:hover{border-color:#a2b79e}.mode-gallery-grid a:focus-visible,.mode-gallery>summary:focus-visible{outline:2px solid #c8dfca;outline-offset:4px}@media(max-width:760px){.mode-gallery{margin-top:20px}.mode-gallery-grid{grid-template-columns:1fr;gap:12px}.mode-gallery-grid>a{display:grid;grid-template-columns:120px minmax(0,1fr);grid-template-rows:auto auto}.mode-gallery-grid img{grid-row:1/3;height:100%;aspect-ratio:auto;object-fit:cover}.mode-gallery-grid strong{margin:12px 12px 4px;font-size:13px}.mode-gallery-grid span{margin:0 12px 12px;font-size:11px}}