:root{--opp-bg:#f3f6fb;--opp-card:#fff;--opp-text:#10213f;--opp-muted:#66758d;--opp-line:#dce4ef;--opp-blue:#315be8;--opp-blue-soft:#eaf0ff;--opp-green:#1f8a4d;--opp-red:#c5342f;--opp-board-light:#e8edcf;--opp-board-dark:#779d5b}
html[data-theme="dark"]{--opp-bg:#0c1322;--opp-card:#111a2c;--opp-text:#edf3ff;--opp-muted:#a9b5c8;--opp-line:#27344a;--opp-blue:#6d8cff;--opp-blue-soft:#1a2a50;--opp-board-light:#dbe4c5;--opp-board-dark:#6f9555}
*{box-sizing:border-box}.opp-page{margin:0;background:var(--opp-bg);color:var(--opp-text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.opp-site-header{position:sticky;top:0;z-index:40}.site-nav-link{position:relative;display:flex;align-items:center;min-height:70px;padding:0 clamp(10px,1.2vw,18px);color:inherit;text-decoration:none;font-weight:500;white-space:nowrap}.site-nav-link.prepare-nav-link{font-weight:500}.site-nav-link:hover,.site-nav-link.is-active{color:var(--site-blue,#315be8)}.site-nav-link.is-active::after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:3px;border-radius:4px;background:currentColor}.opp-return-link{color:inherit;text-decoration:none;font-weight:800;white-space:nowrap}.opp-shell{width:min(1500px,calc(100% - 32px));margin:0 auto;padding:28px 0 54px}.opp-hero{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:22px}.opp-hero h1{margin:6px 0 8px;font-size:clamp(2rem,4vw,4rem);line-height:1}.opp-hero p{max-width:780px;margin:0;color:var(--opp-muted);font-size:1rem;line-height:1.55}.opp-mode-note{max-width:420px;padding:16px 18px;border:1px solid #b8d8c6;border-radius:16px;background:rgba(40,151,88,.08);display:grid;gap:5px}.opp-mode-note span{color:var(--opp-muted);font-size:.88rem;line-height:1.45}.opp-card{border:1px solid var(--opp-line);border-radius:17px;background:var(--opp-card);box-shadow:0 12px 34px rgba(30,49,83,.06)}.opp-search-card{padding:20px;margin-bottom:20px}.opp-step{display:flex;gap:12px;align-items:flex-start}.opp-step>b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--opp-blue);color:#fff}.opp-step h2{margin:0;font-size:1.25rem}.opp-step p{margin:3px 0 0;color:var(--opp-muted)}.opp-step.compact h2{font-size:1.08rem}.opp-search-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:15px}.opp-search-form input,.opp-manual input,.opp-manual select,.opp-filters input,.opp-filters select{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--opp-line);border-radius:10px;background:var(--opp-card);color:var(--opp-text);font:inherit}.opp-primary,.opp-secondary,.opp-link-button,.opp-board-actions button{min-height:42px;border:0;border-radius:10px;padding:9px 14px;font:inherit;font-weight:850;cursor:pointer}.opp-primary{background:var(--opp-blue);color:#fff}.opp-secondary{border:1px solid var(--opp-line);background:var(--opp-blue-soft);color:var(--opp-text)}.opp-link-button{background:transparent;color:var(--opp-muted)}.wide{width:100%}.opp-search-results{display:grid;gap:8px;margin-top:12px}.opp-player-result{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--opp-line);border-radius:12px}.opp-player-result strong{display:block}.opp-player-result small{color:var(--opp-muted)}.opp-dashboard{display:grid;grid-template-columns:minmax(260px,330px) minmax(0,1fr);gap:18px}.opp-sidebar{display:grid;gap:16px;align-content:start}.opp-sidebar>.opp-card{padding:16px}.opp-main{display:grid;gap:16px;min-width:0}.opp-profile h2{margin:0 0 5px;font-size:1.28rem}.opp-profile p{margin:4px 0;color:var(--opp-muted)}.opp-rating-pills,.opp-account-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.opp-pill{display:inline-flex;padding:5px 8px;border-radius:999px;background:var(--opp-blue-soft);font-size:.75rem;font-weight:800}.opp-account{margin-top:12px;padding:12px;border:1px solid var(--opp-line);border-radius:12px}.opp-account-head{display:flex;justify-content:space-between;gap:10px}.opp-account h3{margin:0;min-width:0;font-size:.96rem;overflow-wrap:anywhere}.opp-account h3 a{display:block;max-width:100%;overflow-wrap:anywhere;word-break:break-word}.opp-account p{margin:4px 0;color:var(--opp-muted);font-size:.82rem}.opp-confidence{font-size:.72rem;font-weight:900}.opp-confidence.high{color:var(--opp-green)}.opp-confidence.medium{color:#a36d00}.opp-confidence.low{color:var(--opp-red)}.opp-reasons{margin:8px 0 0;padding-left:18px;color:var(--opp-muted);font-size:.78rem}.opp-account-actions button{min-height:34px;padding:6px 9px;border-radius:8px;border:1px solid var(--opp-line);background:var(--opp-card);color:var(--opp-text);font-weight:800;cursor:pointer}.opp-account-actions .confirm{background:#e8f7ee;color:#126a39}.opp-account-actions .reject{background:#fff0ef;color:#9e2924}.opp-manual{margin-top:12px}.opp-manual summary{cursor:pointer;color:var(--opp-muted);font-weight:800}.opp-manual form{display:grid;grid-template-columns:1fr 1.3fr auto;gap:7px;margin-top:9px}.opp-sidebar input[type=file]{width:100%;margin:12px 0}.opp-sidebar small{display:block;margin-top:8px;color:var(--opp-muted);line-height:1.4}.opp-tree-head{display:grid;grid-template-columns:1fr auto;gap:12px;padding:16px}.opp-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.opp-stat{padding:10px;border-radius:11px;background:var(--opp-blue-soft)}.opp-stat strong{display:block;font-size:1.25rem}.opp-stat span{color:var(--opp-muted);font-size:.72rem;font-weight:750}.opp-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:15px}.opp-filters label{display:grid;gap:5px;color:var(--opp-muted);font-size:.72rem;font-weight:800}.opp-filter-actions{grid-column:1/-1;display:flex;gap:10px}.opp-tree-layout{display:grid;grid-template-columns:minmax(360px,520px) minmax(0,1fr);gap:16px}.opp-board-card{padding:13px}.opp-board-actions{display:flex;gap:6px;margin-bottom:9px}.opp-board-actions button{width:42px;padding:0;border:1px solid var(--opp-line);background:var(--opp-blue-soft);color:var(--opp-text)}.opp-board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(8,minmax(0,1fr));width:100%;aspect-ratio:1;overflow:hidden;border:2px solid #24324a;border-radius:8px;container-type:inline-size}.opp-square{position:relative;display:grid;place-items:center;min-width:0;min-height:0;aspect-ratio:1;cursor:pointer;touch-action:none}.opp-square.selected{z-index:1;outline:4px solid rgba(49,91,232,.78);outline-offset:-4px}.opp-square.legal::after{content:"";position:absolute;z-index:3;width:24%;height:24%;border-radius:50%;background:rgba(31,57,104,.38);pointer-events:none}.opp-square.legal.capture::after{width:78%;height:78%;border:5px solid rgba(31,57,104,.42);background:transparent}.opp-square .tjk-chess-piece{pointer-events:none;user-select:none}.opp-square.light{background:var(--opp-board-light)}.opp-square.dark{background:var(--opp-board-dark)}.opp-square.last{box-shadow:inset 0 0 0 999px rgba(242,218,64,.24)}.opp-square .tjk-chess-piece{width:88%;height:88%;object-fit:contain;filter:drop-shadow(0 1px 0 rgba(255,255,255,.35))}.opp-coordinate{position:absolute;z-index:2;color:#294329;font-size:clamp(8px,1.3cqw,12px);font-weight:900}.opp-rank{top:2px;left:4px}.opp-file{right:4px;bottom:2px}.opp-board-caption{margin-top:8px;color:var(--opp-muted);font-size:.8rem}.opp-moves-card{padding:16px}.opp-moves-card h2{margin:0}.opp-moves-card>p{margin:4px 0 12px;color:var(--opp-muted)}.opp-move-table{display:grid}.opp-move-row{display:grid;grid-template-columns:70px 80px 1fr 100px 90px;gap:8px;align-items:center;width:100%;padding:10px 8px;border:0;border-bottom:1px solid var(--opp-line);background:transparent;color:var(--opp-text);text-align:left;cursor:pointer}.opp-move-row:hover{background:var(--opp-blue-soft)}.opp-move-row strong{font-size:1rem}.opp-bar{display:flex;height:13px;overflow:hidden;border-radius:999px;background:#e6eaf1}.opp-bar i{display:block;height:100%}.opp-bar .win{background:#f2f4f8}.opp-bar .draw{background:#aeb7c6}.opp-bar .loss{background:#27344a}.opp-games{display:grid;gap:7px}.opp-main>.opp-card:last-child{padding:16px}.opp-game-row{display:grid;grid-template-columns:110px 1fr 80px 80px;gap:10px;padding:10px;border-bottom:1px solid var(--opp-line);font-size:.86rem}.opp-game-row small{color:var(--opp-muted)}.opp-empty{padding:26px;text-align:center;color:var(--opp-muted)}.opp-toast{position:fixed;right:20px;bottom:20px;z-index:80;max-width:420px;padding:13px 16px;border-radius:12px;background:#16233b;color:#fff;box-shadow:0 15px 40px rgba(0,0,0,.28)}.opp-toast.error{background:#9e2924}.opp-busy{opacity:.62;pointer-events:none}
@media(max-width:1220px){.opp-dashboard{grid-template-columns:280px minmax(0,1fr)}.opp-tree-layout{grid-template-columns:minmax(330px,460px) minmax(0,1fr)}.opp-stats{grid-template-columns:repeat(3,1fr)}.site-nav-link{padding-inline:8px;font-size:.88rem}}
@media(max-width:980px){.opp-site-header .site-nav{display:none}.opp-shell{width:min(100% - 20px,900px)}.opp-dashboard{grid-template-columns:1fr}.opp-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.opp-sidebar>.opp-card:first-child{grid-column:1/-1}.opp-tree-layout{grid-template-columns:1fr}.opp-board-card{max-width:620px;width:100%;margin:auto}.opp-filters{grid-template-columns:repeat(2,1fr)}.opp-hero{align-items:start;flex-direction:column}.opp-mode-note{max-width:none}}
@media(max-width:620px){.opp-shell{width:100%;padding:12px 8px 36px}.opp-hero{padding:0 6px}.opp-search-form{grid-template-columns:1fr}.opp-sidebar{grid-template-columns:1fr}.opp-filters{grid-template-columns:1fr}.opp-stats{grid-template-columns:repeat(2,1fr)}.opp-move-row{grid-template-columns:55px 55px 1fr}.opp-move-row span:nth-child(4),.opp-move-row span:nth-child(5){display:none}.opp-game-row{grid-template-columns:90px 1fr}.opp-game-row span:nth-child(3),.opp-game-row span:nth-child(4){display:none}.opp-manual form{grid-template-columns:1fr}.opp-return-link{display:none}}

/* v1.3 matching hints and exact shared-piece geometry */
.opp-alias-field{display:grid;gap:5px;margin:14px 0 4px;color:var(--opp-muted);font-size:.76rem;font-weight:800}.opp-alias-field input{width:100%;min-height:42px;padding:9px 10px;border:1px solid var(--opp-line);border-radius:9px;background:var(--opp-card);color:var(--opp-text);font:inherit}.opp-alias-field small{margin:0;font-weight:500}.opp-board{contain:layout paint}.opp-square{width:100%;height:100%;aspect-ratio:auto}.opp-square>.tjk-chess-piece{display:block;width:92%;height:92%;max-width:none;max-height:none;pointer-events:none}


/* v1.5.0 Player-Base workflow */
.opp-profile-hero{display:grid;grid-template-columns:58px minmax(0,1fr);gap:12px;align-items:center;margin:14px 0 8px}
.opp-profile-avatar{display:grid;place-items:center;width:58px;height:58px;border-radius:14px;background:linear-gradient(145deg,var(--opp-blue),#193cae);color:#fff;font-size:1.65rem;font-weight:950;box-shadow:0 8px 18px rgba(49,91,232,.22)}
.opp-profile-hero h2{margin:0 0 3px;font-size:1.35rem}.opp-profile-hero p{margin:0}
.opp-pill.strong{background:var(--opp-blue);color:#fff}
.opp-source-summary,.opp-match-summary{margin:10px 0 0!important;padding:9px 10px;border-radius:9px;background:var(--opp-blue-soft);font-size:.78rem;line-height:1.45}
.opp-match-summary{background:transparent;border:1px solid var(--opp-line)}
.opp-player-result{transition:transform .14s ease,box-shadow .14s ease}.opp-player-result:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(30,49,83,.08)}
.opp-search-results:empty{display:none}
.opp-profile-avatar.is-photo{display:block;object-fit:cover;background:var(--opp-blue-soft)}

/* v1.6.0 — analysis-board-style opponent preparation */
.opp-import-progress{margin-top:9px;padding:9px 10px;border-radius:9px;background:var(--opp-blue-soft);color:var(--opp-muted);font-size:.78rem;font-weight:750;line-height:1.4}
.opp-board-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.opp-board-toolbar .opp-board-actions{margin:0}.opp-engine-toggle{display:flex;align-items:center;gap:6px;font-size:.82rem;font-weight:850;color:var(--opp-text)}
.opp-board-stage{position:relative;width:100%;aspect-ratio:1}.opp-board-stage .opp-board{position:absolute;inset:0;width:100%;height:100%}.opp-board-arrows{position:absolute;inset:0;z-index:8;width:100%;height:100%;pointer-events:none}
.opp-board-help{margin-top:7px!important}.opp-engine-panel{display:grid;gap:8px;margin-top:10px;padding:10px;border:1px solid var(--opp-line);border-radius:11px;background:var(--opp-blue-soft)}.opp-engine-controls{display:flex;gap:7px;flex-wrap:wrap}.opp-engine-controls select{min-height:38px;padding:7px 9px;border:1px solid var(--opp-line);border-radius:8px;background:var(--opp-card);color:var(--opp-text);font:inherit;font-weight:750}.opp-engine-state{font-size:.76rem;color:var(--opp-muted)}.opp-engine-lines{display:grid;gap:5px}.opp-engine-lines>button{display:grid;grid-template-columns:60px 1fr auto;gap:8px;align-items:center;width:100%;padding:8px;border:1px solid var(--opp-line);border-radius:8px;background:var(--opp-card);color:var(--opp-text);text-align:left;cursor:pointer}.opp-engine-lines>button strong{color:var(--opp-blue)}.opp-engine-lines>button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opp-engine-lines>button small{color:var(--opp-muted)}
.opp-game-row{width:100%;border:0;border-bottom:1px solid var(--opp-line);background:transparent;color:var(--opp-text);text-align:left;cursor:pointer}.opp-game-row:hover{background:var(--opp-blue-soft)}.opp-game-detail{padding:16px}.opp-game-detail-head{display:flex;justify-content:space-between;gap:16px;align-items:start}.opp-game-detail-head h2{margin:4px 0}.opp-game-detail-head p{margin:0;color:var(--opp-muted)}.opp-game-moves{display:flex;flex-wrap:wrap;gap:4px;margin-top:14px}.opp-game-moves button{border:0;border-radius:6px;padding:5px 7px;background:transparent;color:var(--opp-text);font:inherit;font-weight:750;cursor:pointer}.opp-game-moves button:hover,.opp-game-moves button.is-current{background:var(--opp-blue);color:#fff}.opp-empty.compact{padding:8px}
@media(min-width:1250px){.opp-tree-layout{grid-template-columns:minmax(500px,620px) minmax(0,1fr)}}
@media(max-width:620px){.opp-game-detail-head{flex-direction:column}.opp-engine-lines>button{grid-template-columns:52px 1fr}.opp-engine-lines>button small{display:none}}

/* v15.1.10 search progress and compact header */
.opp-search-state{margin-top:10px;padding:9px 11px;border-radius:9px;background:var(--opp-blue-soft);color:var(--opp-muted);font-size:.78rem}.opp-search-state strong{color:var(--opp-text)}

/* v1.9.0 complete usernames, interactive board moves and account ratings */
.opp-saved-card{padding:18px;margin-bottom:16px}
.opp-saved-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}
.opp-saved-head h2{margin:3px 0 4px;font-size:1.35rem}.opp-saved-head p{margin:0;color:var(--opp-muted);line-height:1.45}
.opp-saved-players{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:76px;gap:10px;height:310px;max-height:310px;min-height:310px;overflow-y:scroll!important;overflow-x:hidden!important;overscroll-behavior:contain;align-content:start;padding:10px;border:1px solid var(--opp-line);border-radius:12px;background:color-mix(in srgb,var(--opp-blue-soft) 24%,var(--opp-card));scrollbar-gutter:stable both-edges;scrollbar-width:auto;scrollbar-color:color-mix(in srgb,var(--opp-muted) 48%,transparent) transparent;touch-action:pan-y;-webkit-overflow-scrolling:touch}
.opp-saved-player{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;width:100%;padding:11px;border:1px solid var(--opp-line);border-radius:12px;background:var(--opp-card);color:var(--opp-text);text-align:left;cursor:pointer;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}
.opp-saved-player:hover{transform:translateY(-1px);border-color:#9eb4ef;box-shadow:0 7px 18px rgba(30,49,83,.08)}
.opp-saved-player>span:nth-child(2){display:grid;gap:2px;min-width:0}.opp-saved-player strong,.opp-saved-player small,.opp-saved-player em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.opp-saved-player small{color:var(--opp-muted);font-size:.72rem}.opp-saved-player em{color:var(--opp-muted);font-size:.7rem;font-style:normal}.opp-saved-player>b{color:var(--opp-blue);font-size:.75rem}
.opp-saved-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:var(--opp-blue-soft);color:var(--opp-blue);font-weight:950}
.opp-model-suggestions{display:grid;gap:7px;margin-top:12px;padding-top:12px;border-top:1px solid var(--opp-line)}
.opp-model-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.opp-model-head>div{display:grid;gap:3px}.opp-model-head small{color:var(--opp-muted);font-size:.72rem;line-height:1.4}
.opp-model-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:8px;border:1px dashed var(--opp-line);border-radius:9px;background:color-mix(in srgb,var(--opp-blue-soft) 44%,var(--opp-card))}
.opp-model-row>span{display:grid;grid-template-columns:auto 1fr;gap:2px 7px;min-width:0}.opp-model-row b{color:var(--opp-blue);font-size:.65rem;text-transform:uppercase}.opp-model-row strong{min-width:0;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.opp-model-row small{grid-column:1/-1;color:var(--opp-muted);font-size:.68rem}.opp-model-row em{color:var(--opp-muted);font-size:.7rem;font-style:normal}.opp-model-row button{min-height:32px;padding:5px 8px;border:1px solid var(--opp-line);border-radius:8px;background:var(--opp-card);color:var(--opp-text);font-weight:800;cursor:pointer}
@media(max-width:1100px){.opp-saved-players{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.opp-saved-head{flex-direction:column}.opp-saved-players{grid-template-columns:1fr;grid-auto-rows:80px}.opp-saved-player-wrap{height:80px;min-height:80px;max-height:80px}.opp-model-row{grid-template-columns:minmax(0,1fr) auto}.opp-model-row em{display:none}}


/* v15.1.13 — uniform navigation, compact scrollable account results */
.opp-page .opp-site-header .site-nav .site-nav-link,
.opp-page .opp-site-header .site-nav .site-nav-link.is-active,
.opp-page .opp-site-header .site-nav .site-nav-link.prepare-nav-link{font-weight:400!important}
.opp-account-scroll{max-height:min(68vh,680px);overflow-y:auto;overscroll-behavior:contain;padding-right:5px;scrollbar-gutter:stable}
.opp-account-scroll:focus{outline:2px solid color-mix(in srgb,var(--opp-blue) 45%,transparent);outline-offset:3px;border-radius:10px}
.opp-account h3{display:grid;gap:2px;min-width:0;width:100%;overflow:visible}
.opp-account-platform{display:block;white-space:nowrap}
.opp-account h3 .opp-account-username,.opp-model-row .opp-account-username{display:block;min-width:0;max-width:100%;white-space:nowrap!important;overflow-x:auto;overflow-y:hidden;overflow-wrap:normal!important;word-break:normal!important;text-overflow:clip;scrollbar-width:thin}
.opp-account-meta{line-height:1.45}
.opp-model-row strong{white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important}
@media(max-width:620px){.opp-account-scroll{max-height:62vh}.opp-model-row{grid-template-columns:minmax(0,1fr) auto}.opp-model-row button{grid-column:1/-1}}


/* v15.1.14 — bold navigation, readable account cards, deletable saved players and full analysis-board interaction. */
.opp-page .opp-site-header .site-nav .site-nav-link,
.opp-page .opp-site-header .site-nav .site-nav-link.is-active,
.opp-page .opp-site-header .site-nav .site-nav-link.prepare-nav-link{font-weight:800!important}

@media(min-width:981px){
  .opp-dashboard{grid-template-columns:minmax(365px,405px) minmax(0,1fr)}
}
.opp-account-scroll{max-height:min(64vh,610px);overflow-y:auto;overflow-x:hidden;padding-right:7px}
.opp-account{overflow:hidden}
.opp-account-head{min-width:0}
.opp-account h3{display:flex;align-items:baseline;gap:8px;min-width:0;max-width:calc(100% - 42px);white-space:nowrap}
.opp-account-platform{flex:0 0 auto;font-size:.67rem}
.opp-account h3 .opp-account-username{
  display:block;min-width:0;max-width:none;white-space:nowrap!important;overflow-x:auto;overflow-y:hidden;
  overflow-wrap:normal!important;word-break:normal!important;text-overflow:clip;scrollbar-width:none
}
.opp-account h3 .opp-account-username::-webkit-scrollbar,.opp-model-username::-webkit-scrollbar{height:0}
.opp-account-meta{white-space:nowrap;overflow-x:auto;scrollbar-width:thin}

.opp-model-suggestions{gap:9px}
.opp-model-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"identity rank" "reasons action";gap:5px 10px;align-items:center;padding:10px 11px}
.opp-model-identity{grid-area:identity;display:flex;align-items:baseline;gap:8px;min-width:0;white-space:nowrap}
.opp-model-platform{flex:0 0 auto;color:var(--opp-blue);font-size:.65rem;text-transform:uppercase;font-weight:850}
.opp-model-username{display:block;min-width:0;max-width:none;white-space:nowrap!important;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;font-size:.92rem;font-weight:850}
.opp-model-rank{grid-area:rank;color:var(--opp-muted);font-size:.7rem;font-style:normal;white-space:nowrap}
.opp-model-reasons{grid-area:reasons;min-width:0;color:var(--opp-muted);font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.opp-model-row>button{grid-area:action;justify-self:end;min-width:108px}

.opp-saved-player-wrap{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;height:76px;min-height:76px;max-height:76px;border:1px solid var(--opp-line);border-radius:12px;background:var(--opp-card);overflow:hidden;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}
.opp-saved-player-wrap:hover{transform:translateY(-1px);border-color:#9eb4ef;box-shadow:0 7px 18px rgba(30,49,83,.08)}
.opp-saved-player-wrap .opp-saved-player{height:100%;min-height:74px;border:0;border-radius:0;box-shadow:none!important;transform:none!important}
.opp-saved-delete{width:42px;border:0;border-left:1px solid var(--opp-line);background:transparent;color:var(--opp-red);font-size:1.05rem;font-weight:900;cursor:pointer}
.opp-saved-delete:hover,.opp-saved-delete:focus-visible{background:#fff0ef;outline:none}

.opp-board-shell{display:grid;grid-template-columns:24px minmax(0,1fr);gap:6px;width:100%}
/* v15.1.135: keep board in column 2 even when the eval bar is hidden. Without explicit grid placement, CSS auto-placement puts the board into the 24px eval-bar column. */
.opp-board-shell>.opp-eval-bar{grid-column:1;grid-row:1}
.opp-board-shell>.opp-board-stage{grid-column:2;grid-row:1;min-width:0;width:100%}
.opp-eval-bar{position:relative;align-self:stretch;overflow:hidden;border-radius:4px;background:#1f2937;color:#fff}
.opp-eval-bar>div{position:absolute;right:0;bottom:0;left:0;height:50%;background:#f5f5f5;transition:height .22s ease,top .22s ease,bottom .22s ease}
.opp-eval-bar.is-flipped>div{top:0;bottom:auto}
.opp-eval-bar span{position:absolute;z-index:2;left:50%;bottom:6px;writing-mode:vertical-rl;transform:translateX(-50%);padding:2px 1px;border-radius:3px;background:rgba(15,23,42,.55);color:#fff;font-size:.68rem;font-weight:850}
.opp-eval-bar.is-white-advantage span{bottom:6px;top:auto}.opp-eval-bar.is-black-advantage span{top:6px;bottom:auto}
.opp-eval-bar.is-flipped.is-white-advantage span{top:6px;bottom:auto}.opp-eval-bar.is-flipped.is-black-advantage span{top:auto;bottom:6px}
.opp-piece-drag{position:fixed;z-index:16000;display:grid;place-items:center;pointer-events:none;transform:translate(-50%,-50%);filter:drop-shadow(0 8px 8px rgba(0,0,0,.28))}
.opp-piece-drag>.tjk-chess-piece{width:94%;height:94%}.opp-square.is-drag-source>.tjk-chess-piece{visibility:hidden}.opp-square.is-legal-target{outline:4px solid rgba(241,196,25,.92);outline-offset:-4px;z-index:4}
.opp-fen-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px;margin-top:9px}
.opp-fen-row input{min-width:0;min-height:38px;padding:7px 9px;border:1px solid var(--opp-line);border-radius:8px;background:var(--opp-card);color:var(--opp-text);font:inherit;font-size:.73rem}
.opp-fen-row [data-opp-open-analysis]{grid-column:1/-1}
.opp-engine-lines>button:hover,.opp-engine-lines>button:focus-visible{border-color:var(--opp-blue);outline:none;background:color-mix(in srgb,var(--opp-blue-soft) 72%,var(--opp-card))}

@media(max-width:620px){
  .opp-model-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"identity rank" "reasons reasons" "action action"}
  .opp-model-row>button{justify-self:stretch}.opp-board-shell{grid-template-columns:20px minmax(0,1fr)}
  .opp-fen-row{grid-template-columns:1fr 1fr}.opp-fen-row input,.opp-fen-row [data-opp-open-analysis]{grid-column:1/-1}
}

/* v15.1.14 final layout corrections */
.opp-page .site-header .site-nav > button,
.opp-page .site-header .site-nav > .site-nav-link,
.opp-page .site-header .site-nav > .site-nav-item > button,
.opp-page .site-header .site-nav .site-nav-link{font-weight:800!important}
.opp-model-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"identity rank" "reasons reasons" "action action"}
.opp-model-row>button{justify-self:stretch;width:100%}
.opp-model-identity{width:100%;overflow:hidden}
.opp-model-username{flex:1 1 auto;width:auto;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.opp-model-reasons{width:100%}
.opp-account h3 .opp-account-username{flex:1 1 auto;max-width:100%}
.opp-piece-drag .opp-draggable-piece{width:94%;height:94%}
.opp-square .opp-draggable-piece{pointer-events:auto;cursor:grab;touch-action:none}
/* Account names use a full-width single line, matching the verified-account cards. */
.opp-account{position:relative}
.opp-account-head{display:block;min-width:0}
.opp-confidence{position:absolute;top:12px;right:12px}
.opp-account h3{display:grid;grid-template-columns:1fr;gap:2px;max-width:100%;padding:0;margin:0;white-space:normal}
.opp-account-platform{padding-right:46px}
.opp-account h3 .opp-account-username{display:block;width:100%;max-width:100%;font-size:.95rem;line-height:1.25;white-space:nowrap!important;overflow-x:auto;overflow-y:hidden}
.opp-model-row{position:relative;grid-template-columns:1fr;grid-template-areas:"identity" "reasons" "action";padding-top:10px}
.opp-model-identity{display:grid;grid-template-columns:1fr;gap:2px;padding-right:48px;white-space:normal}
.opp-model-platform{display:block}
.opp-model-username{display:block;width:calc(100% + 48px);max-width:calc(100% + 48px);font-size:.92rem;line-height:1.2;white-space:nowrap!important;overflow-x:auto}
.opp-model-rank{position:absolute;top:10px;right:11px}

/* v15.1.16 — stable drag behaviour and fully readable one-line account names. */
.opp-page .site-header .site-nav > button,
.opp-page .site-header .site-nav > .site-nav-link,
.opp-page .site-header .site-nav > .site-nav-item > button {
  font-family: inherit !important;
  font-size: .92rem !important;
  font-style: normal !important;
  font-weight: 800 !important;
  font-synthesis: none !important;
  font-variation-settings: "wght" 800 !important;
  letter-spacing: 0 !important;
  line-height: 1.1 !important;
}
.opp-square .opp-draggable-piece,
.opp-piece-drag .opp-draggable-piece {
  -webkit-user-drag: none !important;
  user-select: none !important;
  -webkit-user-select: none !important;
}
.opp-account h3 .opp-account-username {
  width: 100% !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  text-overflow: clip !important;
  scrollbar-width: thin !important;
}
.opp-account h3 .opp-account-username::-webkit-scrollbar { height: 5px !important; }

/* v15.1.16 final navigation equality: Prepare has exactly the same weight as every neighbour. */
.opp-page .opp-site-header .site-nav > button,
.opp-page .opp-site-header .site-nav > .site-nav-link,
.opp-page .opp-site-header .site-nav > .site-nav-link.prepare-nav-link,
.opp-page .opp-site-header .site-nav > .site-nav-link.prepare-nav-link.is-active,
.opp-page .opp-site-header .site-nav > .site-nav-item > button {
  font-family: inherit !important;
  font-size: .92rem !important;
  font-style: normal !important;
  font-weight: 800 !important;
  font-synthesis: none !important;
  font-variation-settings: "wght" 800 !important;
  letter-spacing: 0 !important;
  line-height: 1.1 !important;
}

/* v15.1.18 — resumable searches, mobile tap-to-move and exact navigation equality. */
.opp-page .opp-site-header .site-nav > .site-nav-top-link,
.opp-page .opp-site-header .site-nav > .site-nav-item > .site-nav-top-link,
.opp-page .opp-site-header .site-nav > .site-nav-top-link:hover,
.opp-page .opp-site-header .site-nav > .site-nav-item > .site-nav-top-link:hover,
.opp-page .opp-site-header .site-nav > .site-nav-top-link.is-active {
  color:var(--tjk-navy) !important;
  font-family:inherit !important;
  font-size:.92rem !important;
  font-weight:800 !important;
  font-synthesis:none !important;
  font-variation-settings:"wght" 800 !important;
  letter-spacing:0 !important;
  line-height:1.1 !important;
}
.opp-search-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch;margin-top:8px}
.opp-search-controls>[hidden]{display:none!important}
.opp-stop-button{min-height:32px;width:max-content;max-width:100%;padding:5px 9px;border:1px solid #e3aaa6;border-radius:8px;background:#fff1ef;color:#9b211b;cursor:pointer;font-size:.78rem;line-height:1.1;font-weight:800;white-space:nowrap;justify-self:end;align-self:center}
.opp-stop-button:hover,.opp-stop-button:focus-visible{background:#ffe4e1;border-color:#c7554e;outline:none}
.opp-search-controls button:disabled{opacity:.62;cursor:progress}
.opp-square.legal::after{width:28%;height:28%;box-shadow:0 0 0 4px rgba(255,255,255,.36)}
.opp-square.legal.capture::after{width:78%;height:78%;border-width:5px}
.opp-square.selected{outline:4px solid rgba(246,190,33,.96);outline-offset:-4px;z-index:3}
@media(max-width:620px){
  .opp-search-controls{grid-template-columns:minmax(0,1fr) auto;align-items:center}
  .opp-stop-button{width:max-content;justify-self:end}
  .opp-square.legal::after{width:34%;height:34%;background:rgba(14,87,209,.62);box-shadow:0 0 0 3px rgba(255,255,255,.62)}
  .opp-square.legal.capture::after{width:82%;height:82%;background:transparent;border:5px solid rgba(14,87,209,.76)}
  .opp-board,.opp-square,.opp-square .opp-draggable-piece{touch-action:none}
}
/* v15.1.18 mobile containment: long verified usernames and board controls may scroll inside their own fields, never widen the page. */
.opp-dashboard,.opp-dashboard>* ,.opp-sidebar,.opp-sidebar>.opp-card,.opp-main,.opp-main>* ,
.opp-tree-layout,.opp-tree-layout>* ,.opp-board-card,.opp-account-scroll,.opp-account,.opp-account-head,
.opp-account h3,.opp-account h3 .opp-account-username,.opp-model-suggestions,.opp-model-row,.opp-model-identity,
.opp-filters,.opp-tree-head,.opp-board-shell,.opp-board-stage,.opp-fen-row,.opp-engine-panel{min-width:0}
@media(max-width:620px){
  .opp-dashboard,.opp-sidebar,.opp-main,.opp-tree-layout{width:100%;max-width:100%}
  .opp-sidebar>.opp-card,.opp-main>.opp-card,.opp-board-card{width:100%;max-width:100%}
}
@media(max-width:620px){.opp-board-toolbar{flex-wrap:wrap}.opp-engine-toggle{margin-left:auto}}

/* v15.1.20 — stable touch scrolling while incremental account search updates. */
.opp-account-scroll{
  touch-action:pan-y;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-y:contain;
  scrollbar-gutter:stable;
  overflow-anchor:none;
}

/* Top-navigation hover is defined globally in app-shell.css (v15.1.22). */

/* v15.1.22 — the page-specific navigation rules must not suppress the global blue hover state. */
@media (hover:hover) and (pointer:fine) and (min-width:1081px) {
  .opp-page .opp-site-header .site-nav > .site-nav-top-link:hover,
  .opp-page .opp-site-header .site-nav > .site-nav-item > .site-nav-top-link:hover,
  .opp-page .opp-site-header .site-nav > .site-nav-top-link:focus-visible,
  .opp-page .opp-site-header .site-nav > .site-nav-item > .site-nav-top-link:focus-visible {
    background:var(--tjk-blue,#315be8) !important;
    color:#fff !important;
    transform:translateY(-1px);
  }
}

.opp-team-summary{margin:.45rem 0;color:var(--muted,#667085);font-size:.88rem;line-height:1.4}.opp-team-summary strong{color:var(--text,#182230)}

/* v15.1.26: give the move distribution enough horizontal space to be read at a glance. */
.opp-move-row{grid-template-columns:60px 62px minmax(190px,1fr) 50px 72px;gap:9px}
.opp-bar{width:100%;min-width:190px;height:16px;box-shadow:inset 0 0 0 1px rgba(37,52,74,.06)}
@media(min-width:1500px){.opp-tree-layout{grid-template-columns:minmax(430px,560px) minmax(520px,1fr)}.opp-move-row{grid-template-columns:64px 70px minmax(250px,1fr) 54px 80px}.opp-bar{min-width:250px}}
@media(max-width:1100px) and (min-width:621px){.opp-move-row{grid-template-columns:58px 58px minmax(150px,1fr) 48px}.opp-move-row span:nth-child(5){display:none}.opp-bar{min-width:150px}}
@media(max-width:620px){.opp-move-row{grid-template-columns:52px 52px minmax(150px,1fr);gap:7px}.opp-bar{min-width:150px;height:15px}}

/* v15.1.27: visible engine build/runtime state. A new physical JS filename is
   used as well, so shared-hosting/CDN caches cannot keep the old evaluator. */
.opp-engine-toggle-wrap{display:flex;align-items:center;gap:10px;min-width:0}
.opp-engine-toolbar-state{max-width:270px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;color:var(--muted,#61708c)}
@media(max-width:760px){.opp-engine-toolbar-state{max-width:150px;font-size:.7rem}}

/* v15.1.27: deployment self-test. This stays hidden when PHP, UI and engine
   files are from the same build. */
.opp-runtime-warning{margin:0 0 14px;padding:12px 14px;border:1px solid #efb4ad;border-radius:12px;background:#fff0ee;color:#8d2019;font-weight:800;line-height:1.4}
[data-theme="dark"] .opp-runtime-warning{background:#3b1716;color:#ffd5d0;border-color:#8e3e38}

/* v15.1.36 — complete game list, stable move columns and wider result card. */
.opp-moves-card{min-width:0;overflow:hidden}
.opp-move-table{min-width:0}
.opp-move-row{
  grid-template-columns:minmax(54px,70px) minmax(48px,72px) minmax(260px,1fr) minmax(58px,76px) minmax(106px,118px);
  padding-inline:14px;
}
.opp-move-row>span:last-child{white-space:nowrap;text-align:right}
.opp-games-card{padding:16px;min-width:0}
.opp-games-card>h2{margin:0}
.opp-games-card>p{margin:4px 0 12px;color:var(--opp-muted)}
.opp-games{
  display:grid;
  gap:0;
  max-height:min(62vh,680px);
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  border:1px solid var(--opp-line);
  border-radius:12px;
  background:var(--opp-card);
}
.opp-games:focus{outline:2px solid color-mix(in srgb,var(--opp-blue) 48%,transparent);outline-offset:2px}
.opp-game-row{width:100%;border:0;border-bottom:1px solid var(--opp-line);background:transparent;color:var(--opp-text);text-align:left;cursor:pointer}
.opp-game-row:hover,.opp-game-row:focus-visible{background:var(--opp-blue-soft);outline:none}
@media(min-width:981px){
  .opp-tree-layout{grid-template-columns:minmax(340px,500px) minmax(0,1fr)}
}
@media(max-width:760px){
  .opp-move-row{grid-template-columns:52px 48px minmax(150px,1fr)}
  .opp-move-row span:nth-child(4),.opp-move-row span:nth-child(5){display:none}
  .opp-games{max-height:62vh}
}

/* v15.1.36 final layout: the date column stays inside the white card and the
   engine line selector immediately exposes the requested number of rows. */
.opp-moves-card{padding-left:18px;padding-right:18px;background:var(--opp-card);box-sizing:border-box}
.opp-move-row{width:100%;max-width:100%;box-sizing:border-box}
.opp-engine-line-placeholder{display:grid;grid-template-columns:54px minmax(0,1fr) 42px;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--opp-line);border-radius:10px;background:color-mix(in srgb,var(--opp-card) 88%,var(--opp-blue-soft));color:var(--opp-muted)}
.opp-engine-line-placeholder strong{color:var(--opp-blue);font-size:.94rem}
.opp-engine-line-placeholder small{text-align:right}
@media(min-width:1280px){.opp-tree-layout{grid-template-columns:minmax(390px,520px) minmax(620px,1fr)}}


/* v15.1.38 — restore a large preparation board on desktop while keeping the
   move panel usable. The mobile/tablet breakpoints remain unchanged. */
@media(min-width:1180px){
  .opp-shell{width:min(1680px,calc(100% - 28px))}
  .opp-tree-layout{grid-template-columns:minmax(560px,680px) minmax(480px,1fr)}
}
@media(min-width:1540px){
  .opp-tree-layout{grid-template-columns:minmax(660px,720px) minmax(500px,1fr)}
}


/* v15.1.39 — compact Prepare layout without shrinking the analysis board. */
.opp-shell{gap:12px}
.opp-dashboard{gap:12px}
.opp-sidebar,.opp-main{gap:12px}
.opp-card{border-radius:13px}
.opp-sidebar>.opp-card{padding:14px}
.opp-step{gap:9px}.opp-step h2{font-size:1rem}.opp-step p{font-size:.78rem;line-height:1.38}
.opp-tree-head,.opp-filters,.opp-board-card,.opp-moves-card,.opp-games-card{padding:14px}
.opp-filters{gap:8px}.opp-stats{gap:6px}.opp-stat{padding:8px}
.opp-account{padding:10px}.opp-account-scroll{max-height:min(52vh,540px)}
.opp-search-form input,.opp-alias-field input{min-height:38px}
.opp-moves-card{overflow:hidden;min-width:0}
.opp-move-table{width:100%;max-width:100%;overflow:hidden}
.opp-move-row{
  grid-template-columns:minmax(50px,64px) minmax(46px,64px) minmax(160px,1fr) minmax(50px,64px) minmax(104px,112px);
  gap:8px;width:100%;max-width:100%;padding:9px 10px;overflow:hidden;
}
.opp-move-row>*{min-width:0}.opp-move-row>span:last-child{overflow:hidden;text-overflow:ellipsis;padding-right:2px}
.opp-bar{min-width:0!important}
@media(min-width:1450px){.opp-move-row{grid-template-columns:minmax(46px,64px) minmax(42px,68px) minmax(112px,1fr) minmax(42px,58px) minmax(104px,112px)}}
@media(max-width:1180px) and (min-width:761px){.opp-move-row{grid-template-columns:52px 54px minmax(120px,1fr) 48px 104px}}
@media (hover:hover) and (pointer:fine) and (min-width:1081px) {
  .opp-page .opp-site-header .site-nav > .site-nav-top-link:hover,
  .opp-page .opp-site-header .site-nav > .site-nav-item > .site-nav-top-link:hover,
  .opp-page .opp-site-header .site-nav > .site-nav-top-link:focus-visible,
  .opp-page .opp-site-header .site-nav > .site-nav-item > .site-nav-top-link:focus-visible {
    background:transparent !important;color:var(--tjk-blue,#315be8) !important;transform:none !important;box-shadow:none !important;
  }
}


/* v15.1.40 — source choice, engine-above-tree layout and viewport-sized mobile workspace. */
.opp-game-search-mode{display:grid;gap:7px;margin:10px 0}
.opp-game-search-mode label{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:start;padding:9px 10px;border:1px solid var(--opp-line);border-radius:10px;cursor:pointer;background:color-mix(in srgb,var(--opp-card) 92%,var(--opp-blue-soft))}
.opp-game-search-mode label:has(input:checked){border-color:color-mix(in srgb,var(--opp-blue) 62%,var(--opp-line));background:var(--opp-blue-soft)}
.opp-game-search-mode input{margin-top:3px}
.opp-game-search-mode span{display:grid;gap:2px;min-width:0}
.opp-game-search-mode strong{font-size:.84rem}
.opp-game-search-mode small{margin:0;font-size:.72rem;line-height:1.35}
.opp-analysis-side{display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;min-width:0;align-content:start}
.opp-engine-panel-card{margin:0;padding:12px;min-width:0}
.opp-analysis-side>.opp-moves-card{min-height:0}
.opp-square.drag-legal::after{content:"";position:absolute;z-index:5;width:28%;height:28%;border-radius:50%;background:rgba(14,87,209,.58);box-shadow:0 0 0 3px rgba(255,255,255,.48);pointer-events:none}
.opp-square.drag-legal.drag-capture::after{width:80%;height:80%;background:transparent;border:5px solid rgba(14,87,209,.70);box-shadow:none}
.opp-square.is-drag-hover{outline:4px solid rgba(241,196,25,.92);outline-offset:-4px;z-index:6}
.opp-games-card [data-opp-games-description]{min-height:1.2em}
@media(min-width:981px){
  .opp-analysis-side{padding-top:18px}
  .opp-analysis-side>.opp-moves-card{display:flex;flex-direction:column}
  .opp-analysis-side .opp-move-table{min-height:0;overflow:visible}
  .opp-analysis-side .opp-move-table.is-scrollable{max-height:min(680px,68vh);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable}
}
@media(max-width:760px){
  .opp-main{gap:8px}
  .opp-tree-head,.opp-filters{padding:10px}
  .opp-tree-layout{
    height:calc(100dvh - 76px);
    min-height:610px;
    grid-template-columns:1fr;
    grid-template-rows:minmax(0,58%) minmax(0,42%);
    gap:7px;
    scroll-margin-top:70px;
  }
  .opp-board-card{display:flex;flex-direction:column;min-height:0;padding:8px}
  .opp-board-toolbar{margin-bottom:5px}
  .opp-board-actions{margin-bottom:0}
  .opp-board-actions button{width:36px;min-height:34px}
  .opp-board-shell{min-height:0;flex:1;width:auto;max-width:100%;margin:auto;grid-template-columns:18px minmax(0,1fr)}
  .opp-board-stage{height:100%;width:auto;max-width:100%;aspect-ratio:1}
  .opp-board-stage .opp-board{height:100%;width:100%}
  .opp-fen-row,.opp-board-help{display:none!important}
  .opp-board-caption{margin-top:4px;font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .opp-analysis-side{grid-template-rows:auto minmax(0,1fr);gap:6px;min-height:0}
  .opp-engine-panel-card{padding:7px;max-height:34%;overflow:auto}
  .opp-engine-controls{gap:4px}
  .opp-engine-controls select,.opp-engine-controls button{min-height:32px;padding:5px 7px;font-size:.72rem}
  .opp-engine-state{font-size:.68rem}
  .opp-engine-lines{gap:3px}
  .opp-engine-lines>button,.opp-engine-line-placeholder{padding:5px 7px;font-size:.72rem}
  .opp-moves-card{display:flex;flex-direction:column;min-height:0;padding:8px!important}
  .opp-moves-card h2{font-size:1rem}
  .opp-moves-card>p{margin:2px 0 5px;font-size:.7rem}
  .opp-move-table{min-height:0;overflow:visible!important}
  .opp-move-table.is-scrollable{max-height:min(310px,31dvh);overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;scrollbar-gutter:stable}
  .opp-move-row{grid-template-columns:46px 45px minmax(110px,1fr)!important;min-height:38px;padding:5px 6px!important;gap:5px}
  .opp-move-row strong{font-size:.84rem}
  .opp-bar{height:12px}
}
@media(max-width:430px){
  .opp-tree-layout{height:calc(100dvh - 68px);min-height:560px;grid-template-rows:minmax(0,56%) minmax(0,44%)}
  .opp-board-actions button{width:32px;min-height:32px}
  .opp-engine-toolbar-state{display:none}
}

/* v15.1.40 mobile board sizing correction: the older tablet rule used
   margin:auto on the grid item, which allowed the flex board shell to collapse
   to zero height. Use an explicit viewport/width-bounded square instead. */
@media(max-width:760px){
  .opp-tree-layout{align-items:stretch}
  .opp-tree-layout>.opp-board-card{
    --opp-mobile-board-size:min(calc(100vw - 54px),calc((100dvh - 120px)*.52));
    height:100%;min-height:0;margin:0 auto!important;align-self:stretch;overflow:hidden;
  }
  .opp-tree-layout>.opp-board-card .opp-board-shell{
    flex:0 0 auto;
    width:calc(var(--opp-mobile-board-size) + 24px);
    height:var(--opp-mobile-board-size);
    max-width:100%;margin:0 auto;
  }
  .opp-tree-layout>.opp-board-card .opp-board-stage{
    width:var(--opp-mobile-board-size)!important;
    height:var(--opp-mobile-board-size)!important;
    max-width:calc(100vw - 54px);
    flex:0 0 auto;
  }
}
.opp-engine-panel[hidden]{display:none!important}
.opp-analysis-side:has(>.opp-engine-panel[hidden]){grid-template-rows:minmax(0,1fr)}
.opp-analysis-side:has(>.opp-engine-panel[hidden])>.opp-moves-card{grid-row:1;height:100%}

/* v15.1.42 — prevent browser scroll anchoring from moving the Prepare board
   when the adjacent tree/engine panels are refreshed. */
.opp-workspace,
.opp-board-panel,
.opp-board-wrap,
[data-opp-board] {
  overflow-anchor:none;
}

/* v15.1.43 — structurally stable incremental search and board navigation. */
html:has(.opp-page),
.opp-page,
.opp-shell,
.opp-dashboard,
.opp-sidebar,
.opp-main,
.opp-tree-head,
.opp-tree-layout,
.opp-board-card,
.opp-board-shell,
.opp-board-stage,
.opp-analysis-side,
.opp-engine-panel-card,
.opp-moves-card,
.opp-move-table,
.opp-games-card,
.opp-games,
.opp-game-detail,
[data-opp-otb-progress] {
  overflow-anchor:none;
}
.opp-import-progress:not([hidden]){
  min-height:0;
  max-height:none;
  overflow:visible;
  scrollbar-gutter:auto;
  overscroll-behavior:auto;
}
.opp-tree-refreshing [data-opp-moves],
.opp-tree-refreshing [data-opp-games]{
  opacity:.985;
}
[data-opp-moves][aria-busy="true"],
[data-opp-games][aria-busy="true"]{
  cursor:progress;
}


/* v15.1.44 — progress text grows naturally; only unusually long move lists scroll. */
.opp-import-progress:not([hidden]),
[data-opp-otb-progress]:not([hidden]){
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
}
.opp-move-table:not(.is-scrollable){max-height:none!important;overflow:visible!important}
.opp-move-table.is-scrollable{overflow-y:auto!important;overflow-x:hidden!important}

/* v15.1.50 — a long opponent-move list scrolls inside its card instead of
   being clipped by the analysis column. Short lists still grow naturally. */
@media(min-width:761px){
  .opp-analysis-side>.opp-moves-card{
    display:flex;
    flex-direction:column;
    min-height:0;
    max-height:min(72vh,760px);
    overflow:hidden;
  }
  .opp-analysis-side>.opp-moves-card .opp-move-table.is-scrollable{
    flex:1 1 auto;
    min-height:180px;
    max-height:min(62vh,650px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
    -webkit-overflow-scrolling:touch;
  }
}
@media(max-width:760px){
  .opp-analysis-side>.opp-moves-card .opp-move-table.is-scrollable{
    flex:1 1 auto;
    min-height:0;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    scrollbar-gutter:stable;
  }
}

/* v15.1.53 — stable, readable move rows and uniform game rows. */
.opp-move-table.is-scrollable{
  display:block!important;
  align-content:start!important;
  max-height:min(620px,64vh)!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-gutter:stable;
}
.opp-move-table.is-scrollable .opp-move-row{
  display:grid!important;
  min-height:46px!important;
  height:auto!important;
  padding-block:9px!important;
  line-height:1.25!important;
  overflow:visible!important;
  flex:none!important;
}
.opp-move-row strong,.opp-move-row>span{line-height:1.25!important}
.opp-move-row .opp-bar{align-self:center}
.opp-game-row{
  min-height:78px!important;
  height:78px!important;
  max-height:78px!important;
  align-items:center!important;
  overflow:hidden!important;
  padding:9px 12px!important;
}
.opp-game-row>small:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.opp-game-row>span:nth-child(2){min-width:0;overflow:hidden}
.opp-game-row>span:nth-child(2)>strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.opp-game-row>span:nth-child(2)>small{
  display:-webkit-box!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  line-height:1.25;
}
.opp-game-row>span:nth-child(3){white-space:nowrap;text-align:center}
.opp-game-row>span:nth-child(4){
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
  line-height:1.22;
}
@media(max-width:760px){
  .opp-move-table.is-scrollable{max-height:min(390px,42dvh)!important}
  .opp-move-table.is-scrollable .opp-move-row{min-height:42px!important;padding-block:7px!important}
  .opp-game-row{height:68px!important;min-height:68px!important;max-height:68px!important}
}

/* v15.1.57 — fixed, genuinely scrollable saved-player panel. Explicit
   implicit-row heights prevent CSS Grid from shrinking every player card. */
.opp-saved-players:focus,.opp-saved-players:focus-within{outline:2px solid color-mix(in srgb,var(--opp-blue) 38%,transparent);outline-offset:2px}
.opp-saved-players::-webkit-scrollbar{width:12px}.opp-saved-players::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--opp-muted) 42%,transparent);border:3px solid transparent;border-radius:999px;background-clip:padding-box}
@media(max-width:620px){.opp-saved-players{height:360px;max-height:360px;min-height:360px}}
.opp-external-source-link{display:flex;align-items:center;justify-content:center;width:100%;min-height:40px;margin-top:9px;padding:8px 10px;border:1px solid var(--opp-line);border-radius:9px;background:var(--opp-blue-soft);color:var(--opp-blue);font-weight:850;text-decoration:none;text-align:center}
.opp-external-source-link:hover,.opp-external-source-link:focus-visible{border-color:var(--opp-blue);outline:none}
@media(max-width:620px){
  .opp-saved-player-wrap{height:80px;min-height:80px;max-height:80px}
}


/* v15.1.58 — Chess-Results handoff and PGN import feedback. */
.opp-external-source-link.is-disabled{opacity:.55;cursor:not-allowed}
.opp-external-source-hint{display:block;margin-top:-4px;color:#66758b;line-height:1.45}
html[data-theme="dark"] .opp-external-source-hint{color:#aeb9ca}


/* v15.1.59 — adaptive saved-player height, separate played-move list and
   play-board interaction styling. */
.opp-saved-players{
  height:auto!important;min-height:0!important;max-height:310px!important;overflow-y:auto!important;overflow-x:hidden!important;
  overscroll-behavior:auto!important;scrollbar-gutter:auto!important;
}
.opp-analysis-side{display:grid;grid-template-rows:auto minmax(180px,1fr) auto;gap:12px;min-height:0;align-content:start}
.opp-analysis-side:has(>.opp-engine-panel[hidden]){grid-template-rows:minmax(180px,1fr) auto}
.opp-analysis-side:has(>.opp-engine-panel[hidden])>.opp-moves-card{grid-row:auto;height:auto}
.opp-analysis-side>.opp-moves-card{max-height:min(48vh,500px)!important}
.opp-analysis-side>.opp-moves-card .opp-move-table.is-scrollable{min-height:120px!important;max-height:min(39vh,410px)!important}
.opp-played-card{padding:13px 14px;min-height:0}
.opp-played-card h2{margin:0;font-size:1rem}.opp-played-card>p{margin:3px 0 8px;color:var(--opp-muted);font-size:.76rem}
.opp-played-moves{display:grid;grid-template-columns:1fr 1fr;align-content:start;max-height:175px;overflow-y:auto;overflow-x:hidden;border:1px solid var(--opp-line);border-radius:9px;background:color-mix(in srgb,var(--opp-blue-soft) 18%,var(--opp-card));scrollbar-width:thin}
.opp-played-move{display:grid;grid-template-columns:32px minmax(0,1fr);gap:4px;align-items:center;min-height:34px;padding:5px 8px;border:0;border-bottom:1px solid var(--opp-line);background:transparent;color:var(--opp-text);text-align:left;cursor:pointer}
.opp-played-move:nth-child(odd){border-right:1px solid var(--opp-line)}.opp-played-move span{color:var(--opp-muted);font-size:.72rem}.opp-played-move strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opp-played-move:hover,.opp-played-move.is-current{background:var(--opp-blue-soft)}
/* Match the canonical play-board markers exactly. */
.opp-square.last{box-shadow:inset 0 0 0 999px rgba(245,196,66,.32)!important}
.opp-square.selected{outline:0!important;box-shadow:inset 0 0 0 4px rgba(11,95,231,.78)!important}
.opp-square.legal::after{width:22%!important;height:auto!important;aspect-ratio:1;background:rgba(9,31,67,.34)!important}
.opp-square.legal.capture::after{width:78%!important;height:78%!important;border:5px solid rgba(9,31,67,.32)!important;background:transparent!important}
@media(max-width:760px){
  .opp-saved-players{max-height:360px!important}
  .opp-analysis-side{grid-template-rows:auto minmax(0,1fr) auto;gap:6px}
  .opp-analysis-side:has(>.opp-engine-panel[hidden]){grid-template-rows:minmax(0,1fr) auto}
  .opp-played-card{padding:8px}.opp-played-card>p{display:none}.opp-played-moves{max-height:118px}.opp-played-move{min-height:30px;padding:4px 6px}
}


/* v15.1.60 — desktop board + move panels and canonical move markers. */
.opp-square.selected::before{border-color:#f1c419!important;background:transparent!important}
.opp-square.legal::after,.opp-square.drag-legal:not(.drag-capture)::after{background:rgba(44,51,58,.36)!important;box-shadow:none!important}
.opp-square.capture::after,.opp-square.drag-capture::after{background:transparent!important;border-color:rgba(44,51,58,.36)!important;box-shadow:none!important}
.opp-played-move{cursor:pointer}
.opp-played-move::after{content:""}
@media(min-width:900px){
  .opp-tree-layout{display:grid!important;grid-template-columns:minmax(430px,58%) minmax(290px,42%)!important;gap:14px!important;align-items:start!important}
  .opp-analysis-side{display:grid!important;grid-template-rows:auto minmax(190px,.62fr) minmax(125px,.38fr)!important;gap:10px!important;min-width:0!important}
  .opp-analysis-side>.opp-moves-card{max-height:min(43vh,430px)!important;min-height:190px!important}
  .opp-analysis-side>.opp-moves-card .opp-move-table.is-scrollable{max-height:min(34vh,340px)!important}
  .opp-analysis-side>.opp-played-card{display:grid!important;grid-template-rows:auto auto minmax(100px,1fr)!important;min-height:140px!important;max-height:260px!important}
  .opp-played-moves{max-height:180px!important;overflow:auto!important}
}
@media(max-width:899px){.opp-tree-layout{grid-template-columns:1fr!important}}


/* v15.1.60b — final Prepare interaction/layout overrides. */
.opp-square.legal::after,.opp-square.drag-legal:not(.drag-capture)::after{background:rgba(44,51,58,.36)!important;border:0!important;box-shadow:none!important}
.opp-square.legal.capture::after,.opp-square.drag-legal.drag-capture::after{background:transparent!important;border:5px solid rgba(44,51,58,.34)!important;box-shadow:none!important}
.opp-square.selected{outline:0!important;box-shadow:inset 0 0 0 4px #f1c419!important}
@media(min-width:900px){
  .opp-tree-layout{grid-template-columns:minmax(500px,1.45fr) minmax(330px,.78fr)!important;align-items:start!important}
  .opp-analysis-side{grid-column:2!important;grid-row:1!important;align-self:start!important;position:relative!important;padding-top:0!important}
  .opp-analysis-side>.opp-moves-card{min-height:200px!important;max-height:min(45vh,455px)!important}
  .opp-analysis-side>.opp-played-card{min-height:135px!important;max-height:245px!important}
}

/* v15.1.61: compact Prepare board with two equal move panes beside it. */
@media (min-width:900px){
  .opp-tree-layout{grid-template-columns:minmax(390px,500px) minmax(390px,1fr)!important;gap:14px!important;align-items:stretch!important}
  .opp-board-card{width:100%!important;max-width:500px!important;align-self:start!important}
  .opp-analysis-side{height:100%!important;align-self:stretch!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) minmax(0,1fr)!important;gap:10px!important;min-height:0!important}
  .opp-analysis-side:has(>.opp-engine-panel[hidden]){grid-template-rows:minmax(0,1fr) minmax(0,1fr)!important}
  .opp-analysis-side>.opp-moves-card,.opp-analysis-side>.opp-played-card{min-height:0!important;max-height:none!important;height:auto!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
  .opp-analysis-side>.opp-moves-card .opp-move-table,.opp-analysis-side>.opp-moves-card .opp-move-table.is-scrollable,.opp-played-moves{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overscroll-behavior:contain!important}
}
/* Search stays on Prepare; navigation occurs only after choosing a result. */
.opp-course-search{position:relative}.opp-course-search-popover{position:absolute;right:0;top:calc(100% + 9px);z-index:100;width:min(420px,88vw);padding:10px;border:1px solid var(--opp-line);border-radius:13px;background:var(--opp-card);box-shadow:0 18px 48px rgba(13,28,55,.2)}
.opp-course-search-popover input{width:100%;min-height:42px;padding:9px 11px;border:1px solid var(--opp-line);border-radius:9px;background:var(--opp-card);color:var(--opp-text);font:inherit}
.opp-course-search-popover [data-opp-course-search-results]{display:grid;gap:6px;max-height:330px;overflow-y:auto;margin-top:8px}
.opp-course-search-popover [data-opp-course-id]{display:grid;gap:3px;padding:10px 11px;border:1px solid var(--opp-line);border-radius:9px;background:var(--opp-card);color:var(--opp-text);text-align:left;cursor:pointer}.opp-course-search-popover [data-opp-course-id]:hover{background:var(--opp-blue-soft)}.opp-course-search-popover small{color:var(--opp-muted)}.opp-course-search-empty{padding:12px;color:var(--opp-muted)}.opp-course-search-empty.error{color:var(--opp-red)}

/* v15.1.61: use the same exact drag target marker as all other boards. */
.opp-square.is-drag-hover{
  outline:0!important;
  outline-offset:0!important;
  box-shadow:inset 0 0 0 4px #f2c21a!important;
}

/* v15.1.61b: Prepare desktop has exactly two move panes beside the board.
   Engine output belongs to the board column, so enabling it cannot push either
   move list below the board. */
@media (min-width:900px){
  .opp-tree-layout{grid-template-columns:minmax(420px,540px) minmax(360px,1fr)!important;align-items:stretch!important}
  .opp-board-card{max-width:540px!important}
  .opp-analysis-side,.opp-analysis-side:has(>.opp-engine-panel[hidden]){grid-template-rows:minmax(0,1fr) minmax(0,1fr)!important;height:100%!important}
  .opp-analysis-side>.opp-moves-card{grid-row:1!important}
  .opp-analysis-side>.opp-played-card{grid-row:2!important}
  .opp-board-card>.opp-engine-panel-card{margin:0 0 10px!important;padding:10px!important;max-height:190px!important;overflow:auto!important}
  .opp-board-card>.opp-engine-panel-card .opp-engine-lines{max-height:105px!important;overflow:auto!important}
}

/* v15.1.62 — larger Prepare board, two genuinely bounded move panes, and
   analysis-board style variation tree/context menu. */
@media (min-width:900px){
  .opp-tree-layout{grid-template-columns:minmax(500px,590px) minmax(360px,1fr)!important;gap:14px!important;align-items:start!important}
  .opp-board-card{width:100%!important;max-width:590px!important;align-self:start!important}
  .opp-analysis-side,.opp-analysis-side:has(>.opp-engine-panel[hidden]){
    height:min(650px,calc(100dvh - 150px))!important;
    min-height:520px!important;
    align-self:start!important;
    display:grid!important;
    grid-template-rows:minmax(0,1fr) minmax(0,1fr)!important;
    gap:10px!important;
  }
  .opp-analysis-side>.opp-moves-card,.opp-analysis-side>.opp-played-card{
    min-height:0!important;max-height:none!important;height:auto!important;overflow:hidden!important;
    display:flex!important;flex-direction:column!important;
  }
  .opp-analysis-side>.opp-moves-card .opp-move-table,
  .opp-analysis-side>.opp-moves-card .opp-move-table.is-scrollable,
  .opp-analysis-side>.opp-played-card .opp-played-moves{
    flex:1 1 auto!important;min-height:0!important;max-height:none!important;
    overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;
    scrollbar-gutter:stable!important;
  }
}
.opp-played-moves{display:block!important;padding:8px 9px!important}
.opp-played-tree{display:flex;flex-wrap:wrap;align-items:center;gap:5px 3px;line-height:1.9}
.opp-played-tree-move{display:inline-flex;align-items:center;gap:4px;min-height:30px;padding:3px 7px;border:0;border-radius:6px;background:transparent;color:var(--opp-text);cursor:pointer;font:inherit;font-size:.92rem;font-weight:750}
.opp-played-tree-move:hover{background:var(--opp-blue-soft)}
.opp-played-tree-move.is-current{background:var(--opp-blue);color:#fff}
.opp-played-tree-move>span{color:var(--opp-muted);font-size:.76rem;font-weight:800}
.opp-played-tree-move.is-current>span{color:#dce8ff}
.opp-played-variations{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px;width:100%;margin:2px 0 4px 12px;padding:7px 9px;border-left:3px solid color-mix(in srgb,var(--opp-blue) 25%,var(--opp-line));border-radius:0 8px 8px 0;background:color-mix(in srgb,var(--opp-blue-soft) 45%,var(--opp-card))}
.opp-played-variation{display:inline-flex;flex-wrap:wrap;align-items:center;gap:3px;color:var(--opp-muted)}
.opp-played-context-menu{position:fixed;z-index:30000;min-width:240px;padding:6px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;box-shadow:0 16px 44px rgba(15,23,42,.24)}
.opp-played-context-menu button{width:100%;padding:10px 12px;border:0;border-radius:7px;background:transparent;color:#b42318;text-align:left;font:inherit;font-weight:800;cursor:pointer}
.opp-played-context-menu button:hover{background:#fff0ee}
html[data-theme="dark"] .opp-played-context-menu{background:#182130;border-color:#3a475a}
html[data-theme="dark"] .opp-played-context-menu button{color:#ff8d83}
html[data-theme="dark"] .opp-played-context-menu button:hover{background:#3b2020}


/* v15.1.62b — final Prepare proportions requested after field test.
   Board is slightly larger; opponent/played-move panes are compact, always
   visible beside it, and each owns its own vertical scrollbar. */
@media (min-width:900px){
  .opp-tree-layout{
    grid-template-columns:minmax(520px,600px) minmax(360px,520px)!important;
    justify-content:start!important;
    gap:14px!important;
    align-items:start!important;
  }
  .opp-board-card{width:100%!important;max-width:600px!important;}
  .opp-analysis-side,.opp-analysis-side:has(>.opp-engine-panel[hidden]){
    width:100%!important;max-width:520px!important;
    height:min(600px,calc(100dvh - 130px))!important;
    min-height:520px!important;
    grid-template-rows:minmax(0,1fr) minmax(0,1fr)!important;
  }
  .opp-analysis-side>.opp-moves-card .opp-move-table,
  .opp-analysis-side>.opp-moves-card .opp-move-table.is-scrollable,
  .opp-analysis-side>.opp-played-card .opp-played-moves{
    overflow-y:auto!important;overscroll-behavior:contain!important;
  }
}

/* v15.1.64 — Prepare desktop proportions: larger board, three engine lines
   above two compact independently-scrollable move panes. */
@media (min-width:900px){
  .opp-tree-layout{
    grid-template-columns:minmax(560px,640px) minmax(390px,500px)!important;
    gap:14px!important;
    justify-content:start!important;
    align-items:start!important;
  }
  .opp-board-card{width:100%!important;max-width:640px!important;align-self:start!important}
  .opp-analysis-side{
    width:100%!important;
    max-width:500px!important;
    height:650px!important;
    min-height:650px!important;
    display:grid!important;
    grid-template-rows:178px minmax(0,1fr) minmax(0,1fr)!important;
    gap:9px!important;
    align-self:start!important;
    min-width:0!important;
  }
  .opp-analysis-side:has(>.opp-engine-panel[hidden]){
    grid-template-rows:minmax(0,1fr) minmax(0,1fr)!important;
  }
  .opp-analysis-side>.opp-engine-panel-card{
    grid-row:1!important;
    margin:0!important;
    padding:9px!important;
    min-height:0!important;
    max-height:none!important;
    overflow:hidden!important;
  }
  .opp-analysis-side>.opp-engine-panel-card[hidden]+.opp-moves-card{grid-row:1!important}
  .opp-analysis-side>.opp-engine-panel-card[hidden]+.opp-moves-card+.opp-played-card{grid-row:2!important}
  .opp-analysis-side>.opp-moves-card,.opp-analysis-side>.opp-played-card{
    min-height:0!important;
    max-height:none!important;
    height:auto!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    padding:12px 14px!important;
  }
  .opp-analysis-side>.opp-moves-card{grid-row:2!important}
  .opp-analysis-side>.opp-played-card{grid-row:3!important}
  .opp-analysis-side>.opp-moves-card h2,.opp-analysis-side>.opp-played-card h2{font-size:1.05rem!important}
  .opp-analysis-side>.opp-moves-card>p,.opp-analysis-side>.opp-played-card>p{margin:2px 0 7px!important;font-size:.75rem!important}
  .opp-analysis-side>.opp-moves-card .opp-move-table,
  .opp-analysis-side>.opp-moves-card .opp-move-table.is-scrollable,
  .opp-analysis-side>.opp-played-card .opp-played-moves{
    flex:1 1 auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    scrollbar-gutter:stable!important;
  }
  .opp-analysis-side>.opp-engine-panel-card .opp-engine-controls{gap:5px!important;flex-wrap:nowrap!important}
  .opp-analysis-side>.opp-engine-panel-card .opp-engine-controls select,
  .opp-analysis-side>.opp-engine-panel-card .opp-engine-controls button{min-height:31px!important;padding:4px 7px!important;font-size:.72rem!important}
  .opp-analysis-side>.opp-engine-panel-card .opp-engine-state{font-size:.68rem!important;min-height:14px!important}
  .opp-analysis-side>.opp-engine-panel-card .opp-engine-lines{display:grid!important;grid-template-rows:repeat(3,minmax(0,1fr))!important;gap:3px!important;min-height:96px!important;max-height:96px!important;overflow:hidden!important}
  .opp-analysis-side>.opp-engine-panel-card .opp-engine-lines>button,
  .opp-analysis-side>.opp-engine-panel-card .opp-engine-line-placeholder{min-height:30px!important;padding:4px 6px!important;font-size:.69rem!important}
}


/* v15.1.66 — scroll chaining and compact Prepare side panels. */
.opp-games,.opp-move-table.is-scrollable,.opp-played-moves{overscroll-behavior:auto!important}
@media(min-width:900px){
  .opp-tree-layout{grid-template-columns:minmax(560px,640px) minmax(360px,470px)!important}
  .opp-analysis-side{max-width:470px!important;height:640px!important;grid-template-rows:168px minmax(0,.54fr) minmax(0,.46fr)!important}
  .opp-analysis-side>.opp-moves-card,.opp-analysis-side>.opp-played-card{padding:11px 12px!important}
}
@media(max-width:760px){
  .opp-shell{padding-left:0!important;padding-right:0!important}
  .opp-tree-layout,.opp-board-card,.opp-board-shell,.opp-board-stage{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}
  .opp-board-card{padding-left:0!important;padding-right:0!important;border-left:0!important;border-right:0!important;border-radius:0!important}
  .opp-board-shell{grid-template-columns:18px minmax(0,1fr)!important}
  .opp-board-stage{aspect-ratio:1!important}
}

/* v15.1.66: scroll chaining and phone-width board */
.opp-games,.opp-move-table,.opp-played-moves{overscroll-behavior-y:auto!important}
@media(max-width:760px){
  .opp-board-card{padding-left:0!important;padding-right:0!important}
  .opp-board-shell,.opp-board-stage,.opp-board{width:100%!important;max-width:none!important}
  .opp-board-stage{aspect-ratio:1!important}
  .opp-board-help{display:none!important}
}

/* v15.1.72: denser desktop Prepare workspace; mobile remains true 100% width. */
@media (min-width:1000px){.opp-shell{zoom:.90;width:min(1666px,calc(111.111% - 32px));}}

/* v15.1.75 — full-width played main line and visible nested variation guides. */
.opp-played-tree{display:block;width:100%;line-height:1.75}
.opp-played-mainline-row{display:flex;align-items:center;width:100%;min-height:34px;padding:2px 5px;box-sizing:border-box;border-bottom:1px solid var(--opp-line)}
.opp-played-variations{display:block;width:calc(100% - 14px);box-sizing:border-box;margin:0 0 2px 14px;padding:2px 0 2px 15px;border-left:3px solid color-mix(in srgb,var(--opp-blue) 30%,var(--opp-line));border-radius:0;background:transparent}
.opp-played-variation-line{position:relative;display:block;width:100%;box-sizing:border-box;padding:3px 5px 3px 0;color:var(--opp-muted)}
.opp-played-variation-line::before{content:"";position:absolute;left:-15px;top:17px;width:12px;border-top:2px solid color-mix(in srgb,var(--opp-blue) 30%,var(--opp-line))}
.opp-played-nested-variations{display:block;margin:2px 0 2px 12px;padding-left:14px;border-left:2px solid color-mix(in srgb,var(--opp-blue) 18%,var(--opp-line))}
.opp-played-nested-variations>.opp-played-variation-line::before{left:-14px;width:11px}

/* v15.1.76 — full-width played main line and progressively smaller branches. */
.opp-played-mainline-row{display:grid;grid-template-columns:42px minmax(0,1fr) minmax(0,1fr);align-items:stretch;width:100%;min-height:42px;padding:0;box-sizing:border-box}
.opp-played-mainline-number{display:flex;align-items:center;justify-content:center;color:var(--opp-muted);font-size:13px;font-weight:850;border-right:1px solid var(--opp-line)}
.opp-played-mainline-cell{display:flex;align-items:stretch;min-width:0}
.opp-played-mainline-cell+.opp-played-mainline-cell{border-left:1px solid var(--opp-line)}
.opp-played-mainline-cell>.opp-played-move-unit{display:flex;flex:1;min-width:0}
.opp-played-mainline-cell .opp-played-move{display:flex;align-items:center;width:100%;min-width:0;margin:0;padding:7px 10px;border-radius:0;font-size:16px;line-height:1.25;box-sizing:border-box}
.opp-played-mainline-cell .opp-played-number{display:none}
.opp-played-variation-line .opp-played-move{font-size:13.5px}
.opp-played-variation-line[data-variation-depth="2"] .opp-played-move{font-size:12.8px}
.opp-played-variation-line[data-variation-depth="3"] .opp-played-move{font-size:12.2px}
.opp-played-variation-line[data-variation-depth="4"] .opp-played-move,.opp-played-variation-line[data-variation-depth="5"] .opp-played-move{font-size:11.7px}
@media(max-width:620px){.opp-played-mainline-row{grid-template-columns:34px minmax(0,1fr) minmax(0,1fr)}.opp-played-mainline-cell .opp-played-move{font-size:14.5px;padding:6px 7px}}
.opp-played-mainline-cell .opp-played-tree-move{display:flex;align-items:center;width:100%;min-width:0;margin:0;padding:7px 10px;border-radius:0;font-size:16px;line-height:1.25;box-sizing:border-box}
.opp-played-variation-line .opp-played-tree-move{font-size:13.5px}
.opp-played-variation-line[data-variation-depth="2"] .opp-played-tree-move{font-size:12.8px}
.opp-played-variation-line[data-variation-depth="3"] .opp-played-tree-move{font-size:12.2px}
.opp-played-variation-line[data-variation-depth="4"] .opp-played-tree-move,.opp-played-variation-line[data-variation-depth="5"] .opp-played-tree-move{font-size:11.7px}
@media(max-width:620px){.opp-played-mainline-cell .opp-played-tree-move{font-size:14.5px;padding:6px 7px}}


/* v15.1.80 — stable Prepare header and move-panel geometry. */
@media (min-width:1081px){
  .opp-site-header .site-nav{display:flex;align-items:stretch;justify-content:center;gap:0;min-width:0;flex:1 1 auto}
  .opp-site-header .site-nav>.site-nav-top-link,.opp-site-header .site-nav>.site-nav-item>.site-nav-top-link{padding-inline:clamp(8px,1vw,15px)}
}
.opp-move-table{align-content:start!important;grid-auto-rows:46px}
.opp-move-row{height:46px!important;min-height:46px!important;max-height:46px!important;align-self:start!important}
.opp-played-moves{scroll-behavior:auto!important;overflow-anchor:none!important}
/* Opponent move choices keep a stable compact width even when only one move exists. */
@media(min-width:761px){
  .opp-analysis-side>.opp-moves-card .opp-move-table{justify-items:start}
  .opp-analysis-side>.opp-moves-card .opp-move-row{grid-template-columns:60px 64px 120px 54px 102px!important;width:min(100%,430px)!important;justify-self:start}
  .opp-analysis-side>.opp-moves-card .opp-bar{width:120px!important;min-width:120px!important;max-width:120px!important}
}


/* v15.1.86 — compact Prepare board footer and correct side-panel proportions. */
.opp-board-caption[hidden],.opp-board-help{display:none!important}
@media(min-width:900px){
  .opp-analysis-side{height:720px!important;grid-template-rows:164px minmax(160px,.40fr) minmax(260px,.60fr)!important}
  .opp-analysis-side:has(>.opp-engine-panel-card[hidden]){grid-template-rows:minmax(0,.45fr) minmax(0,.55fr)!important}
  .opp-analysis-side>.opp-played-card .opp-played-moves{min-height:250px!important}
}

/* v15.1.91: compact/aligned played moves + ranked variation context menu */
.opp-played-mainline-row{min-height:34px!important}
.opp-played-mainline-cell,.opp-played-mainline-number{min-height:34px!important;align-items:center!important}
.opp-played-mainline-cell .opp-played-tree-move{min-height:34px!important;padding:3px 8px!important;line-height:1.15!important;font-size:16px!important;align-items:center!important;vertical-align:middle!important}
.opp-played-variation-line{line-height:1.2!important}
.opp-played-variation-line .opp-played-tree-move{display:inline-flex!important;align-items:center!important;vertical-align:middle!important;min-height:27px;line-height:1.15!important}
.opp-played-context-menu{min-width:245px}
.opp-played-context-menu button{color:var(--opp-text,#243751)!important;font-weight:750}
.opp-played-context-menu button:hover:not(:disabled){background:#edf4ff!important}
.opp-played-context-menu button:disabled{opacity:.38;cursor:default}
.opp-played-context-menu button.is-danger{color:#b42318!important;border-top:1px solid var(--opp-line,#e4e9f0);margin-top:3px;padding-top:10px}
.opp-played-context-menu button.is-danger:hover{background:#fff0ee!important}
html[data-theme="dark"] .opp-played-context-menu button{color:#e5edf7!important}
html[data-theme="dark"] .opp-played-context-menu button:hover:not(:disabled){background:#26364b!important}
html[data-theme="dark"] .opp-played-context-menu button.is-danger{color:#ff8d83!important;border-top-color:#3a475a}
html[data-theme="dark"] .opp-played-context-menu button.is-danger:hover{background:#3b2020!important}

/* v15.1.92 — reorderable saved players plus weighted player-style analysis. */
.opp-saved-player-wrap{
  grid-template-columns:30px minmax(0,1fr) 42px!important;
  overflow:hidden!important;
}
.opp-saved-drag{
  display:grid;place-items:center;width:30px;min-width:30px;height:100%;padding:0;border:0;border-right:1px solid var(--opp-line);
  background:color-mix(in srgb,var(--opp-blue-soft) 42%,var(--opp-card));color:var(--opp-muted);font-size:1rem;font-weight:950;cursor:grab;touch-action:none
}
.opp-saved-drag:active{cursor:grabbing}.opp-saved-drag:hover,.opp-saved-drag:focus-visible{color:var(--opp-blue);background:var(--opp-blue-soft);outline:none}
.opp-saved-player-wrap.is-dragging{opacity:.48}.opp-saved-player-wrap.is-drag-over{outline:3px solid color-mix(in srgb,var(--opp-blue) 60%,transparent);outline-offset:-3px}
.opp-saved-order-actions{display:grid;grid-template-rows:1fr 1fr 1.25fr;width:42px;border-left:1px solid var(--opp-line)}
.opp-saved-order-actions>button{min-width:0;width:100%;min-height:0;padding:0;border:0;border-bottom:1px solid var(--opp-line);background:transparent;color:var(--opp-muted);font:inherit;font-size:.72rem;font-weight:950;cursor:pointer}
.opp-saved-order-actions>button:last-child{border-bottom:0}.opp-saved-order-actions>button:hover:not(:disabled),.opp-saved-order-actions>button:focus-visible{background:var(--opp-blue-soft);color:var(--opp-blue);outline:none}.opp-saved-order-actions>button:disabled{opacity:.25;cursor:default}
.opp-saved-order-actions .opp-saved-delete{width:100%!important;border:0!important;color:var(--opp-red)!important;font-size:1rem!important}
.opp-saved-player-wrap .opp-saved-player{padding-left:9px!important}

.opp-style-card{padding:16px 18px;display:grid;gap:14px}
.opp-style-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.opp-style-head h2{margin:3px 0 4px;font-size:1.2rem}.opp-style-head p{margin:0;max-width:780px;color:var(--opp-muted);line-height:1.45}
.opp-style-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.opp-style-actions button{white-space:nowrap}
.opp-style-results{display:grid;gap:12px}.opp-style-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px 14px;border:1px solid var(--opp-line);border-radius:12px;background:color-mix(in srgb,var(--opp-blue-soft) 30%,var(--opp-card))}
.opp-style-summary h3{margin:3px 0 4px;font-size:1.18rem}.opp-style-summary p{margin:0;color:var(--opp-muted);font-size:.86rem;line-height:1.45}.opp-style-confidence{display:grid;place-items:center;min-width:96px;padding:8px 10px;border-radius:10px;background:var(--opp-card);border:1px solid var(--opp-line)}.opp-style-confidence strong{font-size:1.25rem;color:var(--opp-blue)}.opp-style-confidence span{font-size:.68rem;color:var(--opp-muted);font-weight:800}
.opp-style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.opp-style-metric{display:grid;gap:3px;padding:10px 11px;border:1px solid var(--opp-line);border-radius:10px;background:var(--opp-card)}.opp-style-metric>span{font-size:.7rem;color:var(--opp-muted);font-weight:850}.opp-style-metric>strong{font-size:1rem}.opp-style-metric>small{font-size:.67rem;color:var(--opp-muted);line-height:1.35}
.opp-style-findings{display:grid;grid-template-columns:1fr 1fr;gap:10px}.opp-style-findings>div{padding:11px 13px;border:1px solid var(--opp-line);border-radius:10px;background:var(--opp-card)}.opp-style-findings h4,.opp-style-openings h4{margin:0 0 6px;font-size:.88rem}.opp-style-findings ul{margin:0;padding-left:18px}.opp-style-findings li,.opp-style-findings p{margin:3px 0;color:var(--opp-muted);font-size:.78rem;line-height:1.4}.opp-style-notes,.opp-style-method{margin:0;color:var(--opp-muted);font-size:.76rem;line-height:1.45}.opp-style-openings{display:grid;gap:5px}.opp-style-openings span{display:block;padding:6px 8px;border-radius:8px;background:var(--opp-blue-soft);font-size:.76rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:900px){.opp-style-head{flex-direction:column}.opp-style-actions{justify-content:flex-start}.opp-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.opp-style-grid,.opp-style-findings{grid-template-columns:1fr}.opp-style-summary{grid-template-columns:1fr}.opp-style-confidence{justify-self:start}.opp-style-actions{display:grid;width:100%}.opp-style-actions button{width:100%}}

/* v15.1.96 — whole-card drag sorting and Stockfish profile progress. */
.opp-saved-player-wrap[draggable="true"]{cursor:grab}
.opp-saved-player-wrap[draggable="true"]:active{cursor:grabbing}
.opp-saved-player-wrap[draggable="true"] .opp-saved-player{cursor:inherit}
.opp-saved-player-wrap[draggable="true"] .opp-saved-order-actions,.opp-saved-player-wrap[draggable="true"] .opp-saved-order-actions *{cursor:pointer}
.opp-style-analysis-progress{display:grid;gap:9px;padding:14px 15px;border:1px solid var(--opp-line);border-radius:12px;background:var(--opp-card)}
.opp-style-analysis-progress strong{font-size:.9rem}
.opp-style-analysis-progress>div{height:8px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--opp-blue-soft) 68%,var(--opp-line))}
.opp-style-analysis-progress>div>i{display:block;height:100%;border-radius:inherit;background:var(--opp-blue);transition:width .2s ease}
.opp-style-analysis-progress span{font-size:.72rem;color:var(--opp-muted);font-weight:750}
.opp-style-metric.is-strength{border-color:color-mix(in srgb,#18864b 42%,var(--opp-line));background:color-mix(in srgb,#eaf8ef 48%,var(--opp-card))}
.opp-style-metric.is-weakness{border-color:color-mix(in srgb,#c43f36 38%,var(--opp-line));background:color-mix(in srgb,#fff0ee 42%,var(--opp-card))}
html[data-theme="dark"] .opp-style-metric.is-strength{background:color-mix(in srgb,#173929 45%,var(--opp-card))}
html[data-theme="dark"] .opp-style-metric.is-weakness{background:color-mix(in srgb,#482523 38%,var(--opp-card))}

/* v15.1.96 — live insertion sorting for saved Prepare players. */
.opp-saved-player-wrap{grid-template-columns:30px minmax(0,1fr) 42px!important;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease,opacity .12s ease}
.opp-saved-player-wrap>.opp-saved-delete{width:42px!important;height:100%;border:0!important;border-left:1px solid var(--opp-line)!important;border-radius:0!important;background:transparent;color:var(--opp-red);font-size:1.05rem;font-weight:900;cursor:pointer}
.opp-saved-player-wrap>.opp-saved-delete:hover,.opp-saved-player-wrap>.opp-saved-delete:focus-visible{background:#fff0ef!important;outline:none}
.opp-saved-player-wrap.is-dragging{opacity:.38;box-shadow:none!important;transform:none!important}
.opp-saved-player-wrap.is-drop-before{box-shadow:inset 0 4px 0 color-mix(in srgb,var(--opp-blue) 82%,transparent)!important}
.opp-saved-player-wrap.is-drop-after{box-shadow:inset 0 -4px 0 color-mix(in srgb,var(--opp-blue) 82%,transparent)!important}
html[data-theme="dark"] .opp-saved-player-wrap>.opp-saved-delete:hover,html[data-theme="dark"] .opp-saved-player-wrap>.opp-saved-delete:focus-visible{background:#3b2020!important}

/* v15.1.96 — touch/pen live insertion sorting for saved players. */
.opp-saved-drag{touch-action:none;user-select:none;-webkit-user-select:none}
.opp-saved-player-wrap.is-dragging{z-index:3}


/* v15.1.97 — subtler Prepare variation guides matching the updated notation layout. */
.opp-played-variations{width:calc(100% - 12px)!important;margin:1px 0 2px 12px!important;padding:1px 0 1px 13px!important;border-left:2px solid color-mix(in srgb,var(--opp-blue) 18%,var(--opp-line))!important}
.opp-played-variation-line{padding:2px 4px 2px 0!important;line-height:1.18!important}
.opp-played-variation-line::before{left:-13px!important;top:16px!important;width:10px!important;border-top:1px solid color-mix(in srgb,var(--opp-blue) 22%,var(--opp-line))!important}
.opp-played-nested-variations{margin:1px 0 1px 10px!important;padding-left:12px!important;border-left:1px solid color-mix(in srgb,var(--opp-blue) 14%,var(--opp-line))!important}
.opp-played-nested-variations>.opp-played-variation-line::before{left:-12px!important;width:9px!important}
.opp-played-variation-line .opp-played-move,.opp-played-variation-line .opp-played-tree-move{padding:1px 4px!important;min-height:24px!important}

/* v15.1.98 — strength-independent style profile. */
.opp-style-profile{margin:10px 0 12px;padding:11px 12px;border:1px solid var(--opp-line);border-radius:10px;background:color-mix(in srgb,var(--opp-blue) 4%,var(--opp-panel))}
.opp-style-profile>strong{display:block;margin-bottom:8px;font-size:12px}
.opp-style-profile>div{display:flex;flex-wrap:wrap;gap:7px}
.opp-style-profile span{display:inline-flex;gap:5px;align-items:center;padding:5px 8px;border:1px solid var(--opp-line);border-radius:999px;background:var(--opp-panel);font-size:11px;white-space:nowrap}
.opp-style-profile b{font-weight:800}


/* v15.1.107 compact context menus */
.opp-played-context-menu{display:grid!important;width:max-content!important;min-width:0!important;max-width:min(92vw,360px)!important}.opp-played-context-menu button{width:100%!important;min-width:0!important;white-space:nowrap!important}


/* v15.1.108 — make Prepare's database and engine visually match the shared Analysis Board UI. */
.opp-database-card,.opp-database-games{overflow:hidden!important;background:#f8fafc!important}
.opp-db-title{display:flex;flex-direction:column;gap:1px;padding:10px 12px;border-bottom:1px solid #dce3ec;background:#fff}
.opp-db-title>span{color:var(--opp-blue);font-size:.67rem;font-weight:900;letter-spacing:.08em}
.opp-db-title>h2{margin:0!important;font-size:1.05rem!important}
.opp-database-card>p,.opp-database-games>p{margin:0!important;padding:8px 11px;border-bottom:1px solid #d8e1ed;background:#eaf2ff;color:#64748b;font-size:.75rem;font-weight:700}
.opp-db-head{display:grid;grid-template-columns:60px 64px 120px 54px 102px;gap:7px;padding:6px 9px;border-bottom:1px solid #d8e0ea;background:#f0f3f7;color:#64748b;font-size:.63rem;font-weight:850;text-transform:uppercase;letter-spacing:.025em}
.opp-move-table{padding:0!important;gap:0!important;background:#fff}
.opp-move-row{min-height:36px!important;padding:5px 8px!important;border:0!important;border-bottom:1px solid #e4e9f0!important;border-radius:0!important;background:#fff!important;color:#172033!important;box-shadow:none!important}
.opp-move-row:hover{background:#eaf2ff!important}
.opp-move-row>strong{color:#174ea6!important;font-size:.82rem!important}
.opp-move-row>span{font-size:.72rem;color:#64748b}
.opp-move-row>.opp-bar{height:17px!important;border:1px solid #aeb7c3!important;border-radius:4px!important;background:#d6dbe1!important;box-shadow:none!important;overflow:hidden}
.opp-bar .win{background:#f7f8fa!important}.opp-bar .draw{background:#8f98a4!important}.opp-bar .loss{background:#27313f!important}
.opp-games{padding:0 8px 8px!important;gap:0!important;background:#f8fafc}
.opp-game-row{border:0!important;border-bottom:1px solid #e4e9f0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}
.opp-game-row:hover{background:#eaf2ff!important}

/* Shared Analysis Board engine-line structure plus draggable split. */
.opp-engine-panel-card{position:relative!important;padding-bottom:9px!important;overflow:hidden!important}
.opp-engine-lines.analysis-pv-list{display:grid!important;gap:3px!important;padding:0 8px 6px!important;overflow:auto!important;min-height:60px!important;max-height:none!important}
.opp-engine-lines>.analysis-pv-row{min-height:34px!important;grid-template-columns:56px minmax(0,1fr) auto!important;gap:7px!important;padding:5px 7px!important;border:1px solid transparent!important;border-radius:7px!important;background:#fff!important;color:#172033!important;font-size:.84rem!important;text-align:left!important;box-sizing:border-box!important}
.opp-engine-lines>button.analysis-pv-row:hover{border-color:#bcd0ff!important;background:#edf3ff!important}
.opp-engine-lines>.analysis-pv-row .analysis-pv-score{color:#0f3c8f!important;font-weight:900!important}
.opp-engine-lines>.analysis-pv-row .analysis-pv-line{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:650}
.opp-engine-lines>.analysis-pv-row small{color:#64748b!important;font-size:.72rem!important}
.opp-engine-resizer{position:absolute;right:0;bottom:0;left:0;height:10px;cursor:ns-resize;touch-action:none;background:linear-gradient(to bottom,transparent 3px,#c9d3df 3px,#c9d3df 5px,transparent 5px)}
.opp-engine-resizer:hover,.opp-engine-resizer.is-dragging{background:linear-gradient(to bottom,transparent 2px,#4f78bd 2px,#4f78bd 6px,transparent 6px)}
@media(min-width:900px){
  .opp-analysis-side{grid-template-rows:var(--opp-engine-panel-height,210px) minmax(160px,.40fr) minmax(250px,.60fr)!important}
  .opp-analysis-side:has(>.opp-engine-panel-card[hidden]){grid-template-rows:minmax(0,.45fr) minmax(0,.55fr)!important}
  .opp-analysis-side>.opp-engine-panel-card:not([hidden]){display:flex!important;flex-direction:column!important;height:100%!important;max-height:none!important}
}
@media(min-width:761px){
  .opp-analysis-side>.opp-moves-card .opp-move-row{grid-template-columns:60px 64px 120px 54px 102px!important;width:100%!important}
  .opp-analysis-side>.opp-moves-card .opp-bar{width:120px!important;min-width:120px!important;max-width:120px!important}
}
html[data-theme="dark"] .opp-database-card,html[data-theme="dark"] .opp-database-games,html[data-theme="dark"] .opp-games{background:#1d2632!important}
html[data-theme="dark"] .opp-db-title{background:#1d2632!important;border-color:#384657!important}
html[data-theme="dark"] .opp-database-card>p,html[data-theme="dark"] .opp-database-games>p{background:#26354a!important;color:#b7c6dc!important;border-color:#384657!important}
html[data-theme="dark"] .opp-db-head{background:#27313f!important;color:#aebbd0!important;border-color:#384657!important}
html[data-theme="dark"] .opp-move-row,html[data-theme="dark"] .opp-game-row,html[data-theme="dark"] .opp-engine-lines>.analysis-pv-row{background:#1d2632!important;color:#eef4ff!important;border-color:#313d4b!important}
html[data-theme="dark"] .opp-move-row:hover,html[data-theme="dark"] .opp-game-row:hover,html[data-theme="dark"] .opp-engine-lines>button.analysis-pv-row:hover{background:#26364b!important}
html[data-theme="dark"] .opp-engine-lines>.analysis-pv-row .analysis-pv-line{color:#eef4ff!important}
html[data-theme="dark"] .opp-engine-lines>.analysis-pv-row .analysis-pv-score{color:#8fb6ff!important}
@media(max-width:760px){.opp-engine-resizer{display:none}.opp-db-head{grid-template-columns:52px 52px minmax(150px,1fr)}.opp-db-head span:nth-child(4),.opp-db-head span:nth-child(5){display:none}}


/* v15.1.111 — more vertical room for "Züge des Gegners". */
@media (min-width:900px){
  .opp-analysis-side{grid-template-rows:var(--opp-engine-panel-height,210px) minmax(270px,.60fr) minmax(170px,.40fr)!important}
  .opp-analysis-side:has(>.opp-engine-panel-card[hidden]){grid-template-rows:minmax(330px,.62fr) minmax(185px,.38fr)!important}
  .opp-analysis-side>.opp-moves-card .opp-move-table,
  .opp-analysis-side>.opp-moves-card .opp-move-table.is-scrollable{min-height:0!important;max-height:none!important;flex:1 1 auto!important;overflow-y:auto!important}
}

/* v15.1.128 — engine visibility must never change the board's geometry. */
@media(min-width:900px){
  .opp-tree-layout>.opp-board-card{display:flex!important;flex-direction:column!important;visibility:visible!important;opacity:1!important;min-width:0!important;min-height:0!important}
  .opp-tree-layout>.opp-board-card .opp-board-shell{display:grid!important;width:100%!important;height:auto!important;min-height:0!important;grid-template-columns:24px minmax(0,1fr)!important;align-items:stretch!important}
  .opp-tree-layout>.opp-board-card .opp-board-stage{display:block!important;position:relative!important;width:100%!important;height:auto!important;aspect-ratio:1/1!important;min-height:0!important}
  .opp-tree-layout>.opp-board-card .opp-board-stage>.opp-board{display:grid!important;visibility:visible!important;opacity:1!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important}
}


/* v15.1.136 — definitive Prepare board invariant.
   The desktop board card MUST be a vertical flex stack. v15.1.128 changed it to
   display:flex but omitted flex-direction, so toolbar / board / FEN became one row
   and squeezed the board. Keep the board geometry independent of engine visibility. */
@media(min-width:761px){
  .opp-tree-layout>.opp-board-card{display:flex!important;flex-direction:column!important;align-items:stretch!important;}
  .opp-tree-layout>.opp-board-card>.opp-board-toolbar,
  .opp-tree-layout>.opp-board-card>.opp-board-shell,
  .opp-tree-layout>.opp-board-card>.opp-fen-row,
  .opp-tree-layout>.opp-board-card>.opp-board-caption{flex:0 0 auto!important;width:100%!important;}
  .opp-tree-layout>.opp-board-card>.opp-board-shell{display:grid!important;grid-template-columns:24px minmax(0,1fr)!important;gap:6px!important;}
  .opp-tree-layout>.opp-board-card>.opp-board-shell>.opp-eval-bar{grid-column:1!important;grid-row:1!important;}
  .opp-tree-layout>.opp-board-card>.opp-board-shell>.opp-board-stage{grid-column:2!important;grid-row:1!important;width:100%!important;height:auto!important;aspect-ratio:1/1!important;}
}

/* v15.1.137 — account opening-decision fingerprint evidence. */
.opp-snoop-match{display:grid;gap:3px;margin:8px 0;padding:8px 9px;border:1px solid #cfe0f8;border-radius:8px;background:#f4f8ff;color:#43536a;font-size:.76rem;line-height:1.35}
.opp-snoop-match strong{color:#174ea6;font-size:.79rem}
.opp-snoop-match span{display:block}
html[data-theme="dark"] .opp-snoop-match{border-color:#354a68;background:#172334;color:#c8d5e6}
html[data-theme="dark"] .opp-snoop-match strong{color:#8fb8ff}


/* v15.1.144 — let the preparation engine PV list collapse to zero rows while controls stay reachable. */
.opp-engine-lines.analysis-pv-list{min-height:0!important}
@media(min-width:900px){.opp-analysis-side{grid-template-rows:var(--opp-engine-panel-height,210px) minmax(270px,.60fr) minmax(170px,.40fr)!important}.opp-analysis-side>.opp-engine-panel-card{min-height:0!important}}