@import url('data:text/css,');
:root{--bg:#0c141e;--surface:#14212d;--surface2:#1c2b37;--line:#2d4050;--muted:#a4b5c0;--text:#f4f5f2;--gold:#dbad65;--mint:#75d2bf;--red:#f3a3a0;--pale:#e1dfd4;--radius:20px;font-family:Tahoma,"Segoe UI",Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:radial-gradient(ellipse at 80% -10%,#1c3947 0%,transparent 37%),var(--bg);font-size:14px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.hidden{display:none!important}.app-shell{min-height:100vh;max-width:1560px;margin:0 auto}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #293b48;padding:0 clamp(16px,4vw,54px)}.brand{display:flex;align-items:center;gap:13px}.brand-mark{font-family:Arial,sans-serif;font-size:24px;font-weight:900;background:#d5b279;color:#101b25;border-radius:13px;display:grid;place-content:center;width:48px;height:48px;letter-spacing:-3px}.brand-mark span{color:#476264}.brand strong{font-family:Arial,sans-serif;letter-spacing:1px;font-size:16px;display:block}.brand em{font-style:normal;color:var(--gold)}.brand small{color:var(--muted);display:block;font-size:11px;margin-top:5px}.top-actions{display:flex;gap:12px;align-items:center}.connection,.status-tag{display:inline-flex;align-items:center;gap:7px;background:#263644;border:1px solid #38505b;border-radius:99px;padding:7px 12px;color:#bdd0d6;font-size:11px}.connection.online{background:#163d38;color:#99f2cd;border-color:#27574a}.connection.offline{color:#ffcac3;border-color:#804d4b}.icon-btn{border:1px solid var(--line);background:var(--surface);color:#eaeae6;border-radius:50%;width:35px;height:35px;font-size:20px}.layout{padding:36px clamp(16px,4vw,54px) 115px;display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;direction:rtl}.main-area{min-width:0}.page-heading{margin-bottom:24px}.eyebrow,.section-kicker,.side-label{color:var(--gold);font:700 11px Arial,sans-serif;letter-spacing:1.8px}.eyebrow span{opacity:.65}.page-heading h1{margin:12px 0 7px;font-size:clamp(25px,3vw,39px);letter-spacing:-1px;font-weight:750}.page-heading p{color:var(--muted);margin:0;line-height:1.9}.workflow{display:flex;align-items:center;gap:9px;justify-content:space-between;margin-bottom:24px}.step{display:flex;align-items:center;gap:10px;color:#a8bdc8;background:transparent;border:0;padding:8px 1px}.step span{width:28px;height:28px;display:grid;place-content:center;background:var(--surface2);border:1px solid var(--line);border-radius:50%}.step.active{color:#e9c994}.step.active span{background:#3b3224;color:#f3d199;border-color:#91734c}.step-arrow{color:#6b818f}.panel{background:rgba(21,33,45,.96);border:1px solid #304354;border-radius:var(--radius);padding:clamp(18px,3vw,30px);box-shadow:0 22px 70px #00000018;min-height:350px}.tab-panel{display:none}.tab-panel.active{display:block}.section-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.section-top h2{margin:7px 0 0;font-size:clamp(20px,2.3vw,26px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:12px;border:1px solid transparent;min-height:43px;padding:10px 18px;font-weight:700;text-decoration:none;transition:background .2s,transform .2s;white-space:nowrap}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn.primary{background:var(--gold);color:#17202a}.btn.accent{background:var(--mint);color:#11312b}.btn.outline{border-color:#466071;background:#1d2e3b;color:#eaf2f3}.btn.ghost{border-color:#415767;background:#243544;color:#ecf1ef}.btn.text-button{background:none;color:var(--gold);padding:6px}.btn.block{display:flex;width:100%;margin-top:9px}.upload-zone{border:1px dashed #66808b;background:linear-gradient(135deg,#1d3540,#182938);min-height:286px;border-radius:18px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px;text-align:center}.upload-glyph{width:71px;height:71px;background:#2d484f;border-radius:22px;display:grid;place-content:center;font-size:46px;color:#a9dcc8}.upload-zone h3{font-size:20px;margin:17px 0 4px}.upload-zone p{color:var(--muted);margin:6px 0 20px}.upload-buttons,.inline-controls,.image-actions,.editor-actions,.analysis-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.inline-controls,.editor-actions,.analysis-actions{margin-top:20px;justify-content:space-between}.image-frame{background:#0c161c;border-radius:18px;padding:11px;margin-top:18px;border:1px solid #41515c}.image-frame canvas{display:block;width:auto;height:auto;max-width:100%;max-height:520px;margin:auto;border-radius:11px;cursor:crosshair;background:#071119}.image-actions{margin-top:12px}.hint{color:#a8bac2;font-size:12px;line-height:2}.toggle-line{display:flex;align-items:center;gap:9px;color:#d5dfe0;line-height:1.8}.toggle-line input{width:17px;height:17px;accent-color:var(--gold)}.notice{border-radius:12px;border:1px solid #52606d;background:#253543;color:#e4ebed;padding:13px 16px;margin-top:16px;line-height:1.9}.notice.subdued{color:#bfd0d6}.notice.warn{border-color:#755b43;background:#3c302a;color:#edd7bc}.notice.good{border-color:#346456;background:#193d36;color:#b9f3dd}.summary-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.chip{display:flex;justify-content:space-between;gap:8px;padding:12px 13px;background:#20313f;border-radius:12px;border:1px solid #354a58}.chip strong{font-size:16px}.chip.light span{color:#ece5cf}.chip.dark span{color:#c4d3e0}.board-wrap{border:1px solid #3d5360;padding:14px;border-radius:16px;background:#142430}.board-toolbar{display:flex;justify-content:space-between;align-items:center;gap:9px;margin-bottom:12px}.color-switch{display:inline-flex;border-radius:12px;background:#0d1c28;padding:3px;gap:3px}.color-tool{border:none;background:transparent;color:#c5d6da;border-radius:9px;padding:9px 13px}.color-tool.chosen{background:#39515c;color:#fff}.small-button{background:#243843;color:#dce7e7;border:1px solid #4b6570;border-radius:10px;padding:9px}.board-view{display:grid;grid-template-columns:repeat(6,minmax(0,1fr)) 10px repeat(6,minmax(0,1fr));grid-template-rows:repeat(2, minmax(132px, 1fr));direction:ltr;border:9px solid #8b623e;border-radius:8px;background:#8b623e;aspect-ratio:1.45/1;max-height:530px;overflow:hidden;box-shadow:inset 0 0 20px #0008}.point{position:relative;border:0;min-width:0;padding:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:#aa8356}.point[data-row="bottom"]{justify-content:flex-end}.point:before{content:"";position:absolute;left:3%;width:94%;height:88%;top:0;clip-path:polygon(0 0,100% 0,50% 100%);background:#4d766c;opacity:.91}.point.odd:before{background:#d1aa78}.point[data-row="bottom"]:before{top:auto;bottom:0;transform:rotate(180deg)}.point.selected{outline:3px solid #f2d385;outline-offset:-3px;z-index:2}.point.no-stack .checker-stack{height:5px}.number-point{position:absolute;bottom:2px;font:bold 10px Arial,sans-serif;color:#1d1d1d;background:#e2cfaa;min-width:19px;border-radius:9px;z-index:3;line-height:17px}.point[data-row="bottom"] .number-point{top:2px;bottom:auto}.checker-stack{display:flex;position:relative;width:100%;height:min(75%,180px);flex-direction:column;justify-content:flex-start;align-items:center;padding-top:3px;z-index:1}.point[data-row="bottom"] .checker-stack{flex-direction:column-reverse;padding-bottom:3px;padding-top:0}.checker{display:block;position:relative;box-sizing:border-box;width:88%;max-width:46px;min-width:0;height:auto;aspect-ratio:1 / 1;border-radius:50%;border:2px solid #584831;box-shadow:inset 0 2px 3px #ffffff83,inset 0 -3px 5px #0005,0 2px 3px #0008;margin-top:-3px;flex:0 0 auto;z-index:1}
.checker.white{background:radial-gradient(circle at 36% 29%,#fffef4 0%,#eee5d1 57%,#beb5a1 100%);border-color:#a18b69}
.checker.black{background:radial-gradient(circle at 35% 27%,#60798a 0%,#2e4250 56%,#12222e 100%);border-color:#0d1c24}
.checker-stack .checker:first-child{margin-top:0}
.point[data-row="bottom"] .checker-stack .checker:first-child{margin-top:0}
.checker.overflow{height:25px;width:25px;aspect-ratio:1 / 1;border:1px solid #8a714b;min-width:25px;box-shadow:0 1px 3px #0006;background:#ddb76e}
.orientation-label{display:inline-flex;align-items:center;color:#d1decb;background:#1c343b;border:1px solid #395f58;border-radius:10px;padding:8px 12px;font-size:12px;line-height:1.6;}
.board-orientation{display:flex;justify-content:center;margin:0 0 9px 0}
@media (max-width:650px){.checker{width:90%;border-width:1px;margin-top:-2px;max-width:none}.board-view{border-width:5px}.point:before{left:0;width:100%}.orientation-label{font-size:11px;width:100%;justify-content:center;text-align:center}}.checker.overflow{font:700 11px Arial,sans-serif;background:#ddb76e;border-radius:99px;width:25px;height:25px;display:grid;place-content:center;margin-top:5px;color:#20303c}.bar-divider{grid-column:7;grid-row:1 / span 2;background:linear-gradient(90deg,#5c3c26,#b38a53,#68432a)}.editor-strip{display:flex;align-items:center;justify-content:space-between;margin-top:12px;gap:10px;flex-wrap:wrap}.editor-strip #pointLabel{font-weight:650}.qty-controls{display:flex;gap:12px;align-items:center}.qty-controls button{border:1px solid #5c6d79;background:#263c48;color:#fff;width:35px;height:35px;border-radius:10px;font-size:22px}.qty-controls strong{font-size:17px;min-width:35px;text-align:center}.subpanel{padding:17px;background:#1c2c39;border:1px solid #324a57;border-radius:14px;margin-top:18px}.bar-off-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.bar-off-grid label,.form-grid label{display:flex;flex-direction:column;color:#cddcde;font-size:12px;gap:9px}.number,select{border:1px solid #4a6170;background:#14222e;color:#e8eded;border-radius:10px;padding:11px 9px;min-width:0;max-width:100%;width:100%;outline:0}.number:focus,select:focus{border-color:var(--gold)}.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.level-label{display:flex;align-items:center;gap:9px;color:#dbe3e3}.level-label select{width:auto}.analysis-actions{justify-content:flex-start}.results-area{margin-top:22px}.empty-result{min-height:150px;display:grid;place-content:center;text-align:center;background:#172b35;border:1px dashed #48606b;border-radius:15px;color:#b8cbd0}.empty-result span{font-size:30px;color:var(--gold)}.result-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px}.result-head h3{margin:0;font-size:18px}.result-head small{color:var(--muted)}.move-item{border:1px solid #435966;background:#1d303c;padding:14px;border-radius:14px;margin:10px 0}.move-item:first-of-type{border-color:#967a52;background:#2c3440}.move-title{display:flex;justify-content:space-between;gap:8px}.move-title b{color:#f0d5a7}.move-steps{font:700 17px Arial,sans-serif;direction:ltr;text-align:left;margin:8px 0}.muted{color:var(--muted);font-size:12px;line-height:1.9}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.metric{border:1px solid #405361;background:#1f313e;padding:17px;border-radius:14px}.metric span{color:#bdcdd4;font-size:12px}.metric strong{display:block;font-size:25px;direction:ltr;text-align:right;margin:9px 0;font-family:Arial,sans-serif}.metric small{color:#9eb4bd}.coach-block{margin-top:17px}.coach-card{background:#1e3540;border:1px solid #355460;border-radius:14px;padding:18px;margin:10px 0}.coach-card strong{color:#e7c78a;font-size:16px}.coach-card p{line-height:2;color:#d5e2e4;margin-bottom:0}.placeholder-row,.engine-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #344753;padding:11px 0;gap:15px}.placeholder-row:last-child,.engine-row:last-child{border:0}.placeholder-row strong{color:#e8ba84;font-size:11px}.side-area{padding-top:160px}.side-card{border:1px solid #344958;background:#14242f;padding:20px;border-radius:17px;margin-bottom:18px}.side-card h3{font-size:19px;margin:12px 0 21px}.side-card p{color:#abc0c5;line-height:2;font-size:12px}.side-line{display:flex;justify-content:space-between;gap:9px;padding:11px 0;border-bottom:1px solid #344959;color:#bbccd3}.side-line strong{color:#fff}.side-actions{margin-top:18px}.filelabel{cursor:pointer}.dark-side{background:linear-gradient(155deg,#233438,#14242f)}.engine-row span{color:#c6d5d8}.engine-row strong{font-size:11px;color:#e4c995;text-align:left}.mobile-nav{display:none}.toast{position:fixed;bottom:95px;left:50%;transform:translateX(-50%) translateY(100px);opacity:0;pointer-events:none;background:#e5c589;color:#16202a;border-radius:11px;padding:12px 24px;z-index:10;box-shadow:0 12px 30px #0009;transition:transform .25s,opacity .25s;max-width:90vw}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}dialog{color:var(--text);background:#1a2c38;border:1px solid #63808b;max-width:440px;width:calc(100% - 32px);border-radius:18px}dialog::backdrop{background:#000b}.dialog-inner{padding:8px}.dialog-inner p{color:#d0dee1;line-height:2}
@media(max-width:1050px){.layout{grid-template-columns:minmax(0,1fr)}.side-area{padding-top:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.side-card{margin:0}}@media(max-width:650px){.topbar{height:67px;padding:0 16px}.brand-mark{height:42px;width:42px;font-size:22px}.brand strong{font-size:13px}.brand small{font-size:10px}.connection{max-width:110px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.layout{padding:22px 12px 108px}.page-heading{margin-bottom:18px}.page-heading h1{font-size:27px}.page-heading p{font-size:12px}.workflow{display:none}.panel{padding:16px;border-radius:16px}.section-top{margin-bottom:18px}.section-top h2{font-size:21px}.upload-zone{min-height:280px;padding:16px}.upload-zone h3{font-size:18px}.upload-buttons{justify-content:center}.summary-chips{gap:5px}.chip{padding:10px 6px;font-size:10px;flex-direction:column;align-items:center}.chip strong{font-size:16px}.board-wrap{padding:8px}.board-view{border-width:5px;grid-template-columns:repeat(6,minmax(0,1fr)) 7px repeat(6,minmax(0,1fr));aspect-ratio:1.35/1}.checker{height:10px;width:92%}.checker.overflow{height:18px;width:18px;font-size:10px}.number-point{font-size:8px;min-width:12px;line-height:13px}.board-view .point{min-height:90px}.board-toolbar{flex-wrap:wrap}.color-tool{padding:9px 12px}.bar-off-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analysis-actions .btn{flex:1}.side-area{grid-template-columns:1fr}.side-card{margin-bottom:0}.mobile-nav{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);height:73px;padding:5px 9px max(8px,env(safe-area-inset-bottom));background:#12212c;border-top:1px solid #3a4d5a;z-index:5;box-shadow:0 -8px 28px #0005}.mobile-nav .nav{background:none;color:#b1c5cf;border:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11px}.mobile-nav .nav span{font-size:23px;line-height:24px}.mobile-nav .nav.active{color:#e9c181}.metric strong{font-size:20px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* v1.5 dual-engine studio: touch-friendly selector and comparison */
.engine-picker{display:grid;grid-template-columns:130px minmax(160px,1fr);gap:10px 12px;align-items:center;margin:0 0 16px;padding:14px 16px;background:#152935;border:1px solid #516471;border-radius:13px}
.engine-picker label{font-size:13px;font-weight:750;color:#e9d4aa}
.engine-picker select{max-width:310px;min-height:45px;font-weight:650}
.engine-picker #engineChoiceStatus{grid-column:1/-1;line-height:1.7}
.compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.compare-panel{min-width:0;padding:15px;background:#142731;border:1px solid #45606a;border-radius:15px}
.compare-panel h3{margin:0 0 14px;font-size:17px;color:#ead199}
.compare-panel .result-head h3{font-size:15px}
.compare-panel .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.compare-panel .metric{padding:10px}
.compare-panel .metric strong{font-size:17px}
.compare-panel .move-steps{overflow-wrap:anywhere}
.compare-message{margin:14px 0 0;padding:10px 14px;border:1px solid #526272;border-radius:11px;font-size:13px;color:#c6dadb}
@media(max-width:700px){.compare-grid{grid-template-columns:1fr}.engine-picker{grid-template-columns:1fr}.engine-picker select{max-width:100%}.engine-picker #engineChoiceStatus{grid-column:1}.compare-panel{padding:12px}}

/* v1.6: checker faces remain round at mobile widths; guard landscape small viewports. */
@media(max-width:420px){.checker-stack{height:84%}.point .number-point{font-size:9px;min-width:15px;line-height:14px}}
/* final mobile override: legacy v1.5 rules had height:10px, which flattened checkers */
@media (max-width:650px){
  .checker:not(.overflow){height:auto;width:min(92%,26px);max-width:26px;aspect-ratio:1/1;flex:0 0 auto;border-radius:50%;}
  .checker-stack{min-height:0;height:86%}
}

/* v1.7: confirmed-position preview and independent, selectable arrow paths. */
.analysis-board-panel{margin:0 0 18px;padding:13px;background:#101e2a;border:1px solid #425b68;border-radius:16px}
.analysis-preview-top,.analysis-preview-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 10px}
.analysis-preview-top strong{font-size:14px;color:#f2d59d}.analysis-preview-top span{font-size:12px;color:#b3cdd4}
.mini-board-wrap{position:relative;max-width:590px;margin:auto;overflow:hidden;border-radius:10px}
.mini-board{width:100%;aspect-ratio:1.68/1;max-height:350px;grid-template-rows:repeat(2,minmax(0,1fr));border-width:5px;pointer-events:none}
.mini-board .point{min-height:0}.mini-board .checker-stack{height:92%;padding-top:2px}
.mini-board .checker:not(.overflow){width:min(82%,23px);max-width:23px;height:auto;aspect-ratio:1/1;margin-top:-5px;border-width:1px;box-shadow:inset 0 1px 2px #fff6,0 1px 2px #0008}
.mini-board .number-point{font-size:9px;line-height:14px;min-width:15px}
.move-arrow-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:10;overflow:visible}
.analysis-preview-actions{justify-content:flex-end;margin:9px 0 0}
.move-item.selectable{cursor:pointer;transition:border-color .15s,background .15s}
.move-item.selectable:hover,.move-item.selectable:focus-visible{outline:2px solid #f4cc70;outline-offset:0}
.move-item.move-picked{border:2px solid #eac77a!important;background:#1f3a41}
.move-arrow-overlay .move-path{stroke:#278cff;stroke-width:4;stroke-linecap:round;fill:none;filter:drop-shadow(0 1px 2px #0009)}
.move-arrow-overlay .move-dot{fill:#278cff;stroke:#19232a;stroke-width:1.5}
@media(max-width:650px){.mini-board{border-width:4px;aspect-ratio:1.52/1}.mini-board .checker:not(.overflow){width:min(90%,17px);max-width:17px;border-width:1px;margin-top:-4px}.mini-board .number-point{font-size:8px;min-width:12px;line-height:11px}.analysis-board-panel{padding:9px}.analysis-preview-top span{flex-basis:100%;font-size:11px}}

/* Position direction is a game-rule choice, not a mere view rotation. */
.direction-setting{margin:14px 0;padding:14px;border:1px solid rgba(228,183,91,.5);border-radius:14px;background:rgba(228,183,91,.055)}
.direction-setting label{display:grid;gap:9px}.direction-setting select{width:100%;max-width:440px;font:inherit;color:inherit;background:#1c303c;border:1px solid #597381;border-radius:10px;padding:10px}
.direction-setting small{display:block;margin-top:8px;color:#f9d17e}.direction-setting .hint{margin:8px 0 0;line-height:1.8}

/* v1.8 — mobile-first photo analysis, visible trays & explanatory results */
.page-heading h1{font-size:clamp(24px,2.6vw,34px)}
.upload-zone .btn.primary{background:#81d9cc;color:#092922;min-height:54px;font-size:15px}
.upload-buttons{width:100%;justify-content:center}
.bar-off-visual{display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap;margin-top:9px;color:#d4e6eb;font-size:12px}
.bar-off-visual>span{background:#20323f;border:1px solid #3c5364;border-radius:9px;padding:9px 12px}
.analysis-stage{max-width:710px;padding-inline:38px 46px;overflow:visible;border-radius:12px;background:#102434}
.analysis-stage .mini-board{max-height:350px}
.mini-bar-tray,.mini-off-tray{position:absolute;top:0;bottom:0;width:35px;display:flex;flex-direction:column;align-items:center;justify-content:space-around;gap:4px;color:#e6d6b8;font-size:9px;text-align:center;background:linear-gradient(160deg,#30494f,#1b2d35);border:1px solid #56717c;z-index:4;border-radius:8px}
.mini-bar-tray{left:50%;transform:translateX(-50%);width:21px;pointer-events:none;background:linear-gradient(#463225,#25282c);border-color:#91724a}
.mini-off-tray{right:0;width:40px}
.mini-tray-anchor{font-size:11px;display:grid;place-items:center;min-height:23px;min-width:23px;border:1px solid #566775;border-radius:50%;background:#1b3140;color:#fff;box-shadow:0 2px 6px #0008}
.mini-tray-anchor[data-side=white]{background:#f5eee3;color:#172634;border-color:#d1cec3}
.mini-tray-anchor[data-side=black]{background:#c93839;color:#fff;border-color:#f16c69}
.move-arrow-overlay{z-index:12;overflow:visible}
.move-arrow-overlay .move-path{stroke:#218dff;stroke-width:3.6;fill:none;filter:drop-shadow(0 1px 2px #000e)}
.move-why{border:1px solid #3c6476;background:#152e3b;border-radius:11px;margin-top:11px;overflow:hidden}
.move-why>summary{padding:11px 13px;color:#9fd2ff;cursor:pointer;font-weight:800;list-style-position:inside}
.move-reasons{padding:0 13px 12px;color:#e4e9e7;line-height:1.9}
.move-reasons p{margin:8px 0}.move-reasons small{color:#a9c2cf}
@media(max-width:650px){
 .layout{padding:12px 10px 100px}.page-heading h1{font-size:23px}.page-heading p{display:none}.page-heading{margin-bottom:10px}.panel{padding:13px}.upload-zone{min-height:220px;padding:16px}.upload-zone .upload-buttons{display:grid;grid-template-columns:1fr;gap:10px}.upload-zone .upload-buttons>*{width:100%}
 .section-top{margin-bottom:11px}.section-top h2{font-size:18px}
 .analysis-stage{padding-inline:26px 33px}.mini-off-tray{width:30px}.mini-bar-tray{width:13px}.mini-tray-anchor{min-width:18px;min-height:18px;font-size:9px}.mini-board .checker:not(.overflow){width:min(88%,17px);max-width:17px}
 .analysis-actions{position:sticky;bottom:79px;z-index:4;background:#14212df5;border:1px solid #384f5f;border-radius:13px;padding:8px}.analysis-actions>.btn{min-height:48px}
 .move-item{padding:11px}.move-why summary{min-height:44px}
}


/* v1.8.1: independent off-tray column, shared by editor and analysis preview.
   In v1.8 the element was missing the analysis-stage class; Off was absolute
   and therefore covered a playable point. These layout tracks must never overlap. */
.edit-board-stage,.analysis-stage{direction:ltr;display:grid;grid-template-columns:minmax(0,1fr) clamp(34px,7.5%,50px);gap:8px;align-items:stretch;min-width:0}
.edit-board-stage .board-view,.mini-board-area .mini-board{min-width:0;max-height:none;width:100%;height:auto}
.edit-board-stage .board-view{aspect-ratio:1.45/1}
.mini-board-wrap.analysis-stage{position:relative;max-width:750px;margin:0 auto;padding:10px;background:#102434;border:1px solid #39515d;overflow:visible;border-radius:12px;}
.mini-board-area{position:relative;min-width:0;}
.mini-board-area .mini-board{aspect-ratio:1.58/1;}
.editor-off-tray,.analysis-stage .mini-off-tray{position:relative;inset:auto;transform:none;display:grid;grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);justify-items:center;align-items:center;width:100%;height:100%;min-width:0;gap:2px;padding:7px 2px;border:2px solid #69808a;border-radius:8px;background:linear-gradient(165deg,#314850,#182a32);color:#ead8b4;z-index:2}
.off-tray-title,.analysis-stage .mini-off-tray>span{font:700 10px/1.4 Arial,sans-serif;color:#e8c992;text-align:center;overflow-wrap:anywhere}
.off-tray-title small,.analysis-stage .mini-off-tray>span small{font-size:9px;color:#d8c6ab}
.off-checker{width:min(82%,36px);min-width:0;aspect-ratio:1/1;display:grid;place-items:center;border-radius:50%;border:2px solid #b7aaa0;font:bold 12px Arial,sans-serif;box-shadow:inset 0 2px 3px #ffffff54,0 2px 4px #0008;cursor:pointer;padding:0}
.off-checker.white{background:#eee9dc;color:#142532}
.off-checker.black{background:#263d4a;color:#f2f7fa;border-color:#778b92}
.off-checker:focus-visible{outline:3px solid #7ce9f9;outline-offset:2px}
.analysis-stage .mini-bar-tray{position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);width:clamp(14px,4%,25px);display:grid;grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);justify-items:center;align-items:center;padding:4px 1px;z-index:5;pointer-events:none;border-radius:4px;background:linear-gradient(90deg,#523823,#a07748,#4f3020)}
.analysis-stage .mini-bar-tray>span{font-size:8px;color:#fff1d3;writing-mode:vertical-rl;}
.analysis-stage .mini-tray-anchor{min-height:0;min-width:0;width:min(90%,23px);aspect-ratio:1/1;display:grid;place-items:center;font-size:10px}
.analysis-stage .mini-tray-anchor[data-side=black]{background:#263d4a;border-color:#8196a0;color:#fff}
.analysis-stage .mini-tray-anchor[data-side=white]{background:#f5eee3;border-color:#d1cec3;color:#172634}
.analysis-stage .move-arrow-overlay{position:absolute;inset:0;z-index:10;pointer-events:none;width:100%;height:100%;overflow:visible}
.analysis-stage .mini-off-tray{grid-column:2;grid-row:1;}
.analysis-stage .mini-board-area{grid-column:1;grid-row:1;}
.analysis-stage .move-arrow-overlay .move-path{stroke:#258fff;stroke-width:3.4;fill:none}
.analysis-stage .mini-board .checker:not(.overflow){width:min(88%,23px)}
@media(max-width:650px){
  .edit-board-stage,.analysis-stage{grid-template-columns:minmax(0,1fr) 31px;gap:5px}
  .mini-board-wrap.analysis-stage{padding:5px}
  .mini-board-area .mini-board{aspect-ratio:1.43/1;border-width:4px}
  .analysis-stage .mini-tray-anchor{font-size:9px;width:19px}
  .off-tray-title,.analysis-stage .mini-off-tray>span{font-size:9px}
  .off-checker{width:27px;font-size:10px;border-width:1px}
  .analysis-stage .mini-board .checker:not(.overflow){width:min(90%,17px)}
}
@media(max-width:380px){
  .edit-board-stage,.analysis-stage{grid-template-columns:minmax(0,1fr) 28px;gap:4px}
  .analysis-stage .mini-board .checker:not(.overflow){width:min(90%,14px)}
  .analysis-stage .mini-bar-tray>span{font-size:7px}
}

/* Keep bar column and tray the same width to avoid covering adjacent points. */
.edit-board-stage .board-view,.analysis-stage .mini-board{grid-template-columns:repeat(6,minmax(0,1fr)) clamp(18px,4%,26px) repeat(6,minmax(0,1fr))}
.analysis-stage .mini-bar-tray{width:clamp(18px,4%,26px)}


/* v1.8.2 — compact mobile flow across all pages.
   Goal: keep the board visible, reduce vertical waste, and tighten controls. */
.engine-picker{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin-top:14px}
.engine-picker label{color:#cddcde;font-size:12px}
.compare-grid{display:grid;gap:12px}
.compare-panel{background:#162733;border:1px solid #35505d;border-radius:14px;padding:12px}
.compare-panel h3{margin:0 0 10px;font-size:15px;color:#f0d5a7}
.compare-message{margin:12px 0 0;color:#b8cbd0;line-height:1.9}

@media (max-width: 650px){
  body{font-size:13px}
  .topbar{height:58px;padding:0 10px;gap:8px}
  .brand{gap:8px;min-width:0}
  .brand-mark{width:34px;height:34px;border-radius:10px;font-size:18px;letter-spacing:-2px}
  .brand strong{font-size:12px;letter-spacing:.4px;line-height:1.15}
  .brand small{display:none}
  .top-actions{gap:6px}
  .icon-btn{width:31px;height:31px;font-size:18px}
  .connection,.status-tag{padding:5px 9px;font-size:10px;max-width:112px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .layout{padding:10px 8px 92px;gap:12px}
  .page-heading{margin-bottom:8px}
  .eyebrow,.section-kicker,.side-label{font-size:9px;letter-spacing:1px}
  .page-heading h1{margin:4px 0 0;font-size:19px;line-height:1.3}
  .page-heading p{display:none}
  .panel{padding:10px;border-radius:14px;min-height:0}
  .section-top{margin-bottom:10px;align-items:flex-start;gap:8px}
  .section-top h2{margin:4px 0 0;font-size:17px;line-height:1.35}
  .btn{min-height:40px;padding:9px 12px;border-radius:10px;font-size:13px}
  .btn.text-button{padding:4px 0;min-height:0;font-size:12px}
  .upload-zone{min-height:188px;padding:14px}
  .upload-zone h3{font-size:16px;margin:12px 0 0}
  .upload-zone p{font-size:11px;margin:4px 0 14px}
  .upload-glyph{width:52px;height:52px;font-size:30px;border-radius:16px}
  .upload-buttons,.image-actions,.inline-controls,.editor-actions,.analysis-actions{gap:8px}
  .inline-controls{margin-top:12px;justify-content:flex-start}
  .toggle-line{font-size:12px;line-height:1.6}
  .notice{padding:10px 11px;margin-top:12px;font-size:12px;line-height:1.8}
  .summary-chips{gap:6px;margin-bottom:10px}
  .chip{padding:8px 5px;border-radius:10px;font-size:10px;flex-direction:column;align-items:center;text-align:center}
  .chip span{line-height:1.35}
  .chip strong{font-size:14px}
  .board-wrap{padding:6px;border-radius:14px}
  .board-toolbar{gap:6px;margin-bottom:7px;align-items:stretch}
  .color-switch{flex:1;display:grid;grid-template-columns:1fr 1fr;padding:3px}
  .color-tool{padding:8px 6px;font-size:12px;min-height:38px}
  .small-button{padding:8px 9px;font-size:12px;min-height:38px}
  .orientation-label,.board-orientation{font-size:10px;line-height:1.4;padding:0;margin-top:2px}
  .edit-board-stage{grid-template-columns:minmax(0,1fr) 29px;gap:4px}
  .edit-board-stage .board-view{aspect-ratio:1.55/1;border-width:4px;grid-template-columns:repeat(6,minmax(0,1fr)) 18px repeat(6,minmax(0,1fr))}
  .board-view .point{min-height:0}
  .point:before{left:0;width:100%;height:86%}
  .checker-stack{height:82%;padding-top:2px}
  .point[data-row="bottom"] .checker-stack{padding-bottom:2px}
  .checker:not(.overflow){width:min(90%,18px);max-width:18px;border-width:1px;margin-top:-2px}
  .number-point{font-size:8px;min-width:11px;line-height:12px;padding:0 2px}
  .bar-divider{background:linear-gradient(90deg,#523722,#9d784a,#523722)}
  .off-checker{width:25px;font-size:10px;border-width:1px}
  .off-tray-title{font-size:8px;line-height:1.2}
  .bar-off-visual{gap:6px;margin-top:7px;font-size:11px}
  .bar-off-visual > span{padding:7px 8px;flex:1 1 140px}
  .editor-strip{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'label controls' 'reset reset';align-items:center;gap:8px;margin-top:10px}
  .editor-strip #pointLabel{grid-area:label;font-size:12px;min-width:0}
  .qty-controls{grid-area:controls;gap:8px}
  .qty-controls button{width:32px;height:32px;border-radius:9px;font-size:20px}
  .qty-controls strong{font-size:15px;min-width:26px}
  #resetPoint{grid-area:reset;width:100%}
  .subpanel{padding:12px;margin-top:12px;border-radius:12px}
  .bar-off-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .bar-off-grid label,.form-grid label,.engine-picker label{gap:6px;font-size:11px}
  .number,select{padding:9px 8px;min-height:40px;border-radius:9px}
  .direction-setting{margin:12px 0;padding:12px;border-radius:12px}
  .direction-setting select{max-width:none;padding:9px 8px}
  .direction-setting small{margin-top:6px;font-size:11px;line-height:1.7}
  .direction-setting .hint{font-size:11px;line-height:1.8;margin-top:6px}
  .editor-actions > .btn,.analysis-actions > .btn,.analysis-preview-actions > .small-button{flex:1}
  .editor-actions{margin-top:12px}
  .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .engine-picker{margin-top:10px;gap:6px}
  .level-label{font-size:12px}
  .analysis-board-panel{padding:10px;border-radius:14px}
  .analysis-preview-top{margin-bottom:8px;gap:4px}
  .analysis-preview-top strong{font-size:13px}
  .analysis-preview-top span{font-size:11px;line-height:1.6}
  .mini-board-wrap.analysis-stage{padding:4px;border-radius:10px}
  .analysis-stage{grid-template-columns:minmax(0,1fr) 29px;gap:4px}
  .mini-board-area .mini-board{aspect-ratio:1.52/1;border-width:4px;grid-template-columns:repeat(6,minmax(0,1fr)) 18px repeat(6,minmax(0,1fr))}
  .analysis-stage .mini-bar-tray{width:18px}
  .analysis-stage .mini-tray-anchor{width:17px;font-size:8px}
  .analysis-stage .mini-board .checker:not(.overflow){width:min(90%,15px);max-width:15px}
  .analysis-preview-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
  .analysis-actions{position:sticky;bottom:74px;display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#14212df2;border:1px solid #384f5f;border-radius:12px;padding:8px;margin-top:12px;z-index:4}
  .results-area{margin-top:14px}
  .empty-result{min-height:110px;padding:14px}
  .result-head{flex-direction:column;align-items:flex-start;gap:3px;margin-bottom:8px}
  .result-head h3{font-size:16px}
  .move-item{padding:10px 11px;border-radius:12px;margin:8px 0}
  .move-title{gap:6px}
  .move-steps{font-size:15px;line-height:1.8;margin:6px 0;word-break:break-word}
  .muted{font-size:11px;line-height:1.8}
  .metric-grid{grid-template-columns:1fr 1fr;gap:8px}
  .metric{padding:12px;border-radius:12px}
  .metric strong{font-size:19px;margin:7px 0}
  .coach-card{padding:12px;border-radius:12px;margin:8px 0}
  .coach-card strong{font-size:14px}
  .coach-card p,.placeholder-row,.engine-row,.side-card p{line-height:1.8}
  .placeholder-row,.engine-row{padding:9px 0;gap:10px}
  .side-area{grid-template-columns:1fr;gap:12px}
  .side-card{padding:14px;border-radius:14px}
  .side-card h3{font-size:16px;margin:8px 0 12px}
  .mobile-nav{height:64px;padding:4px 6px max(6px,env(safe-area-inset-bottom))}
  .mobile-nav .nav{font-size:10px;gap:2px}
  .mobile-nav .nav span{font-size:20px;line-height:20px}
}

@media (max-width: 430px){
  .layout{padding:8px 6px 90px}
  .page-heading h1{font-size:18px}
  .panel{padding:9px}
  .summary-chips{grid-template-columns:repeat(3,minmax(0,1fr))}
  .chip{padding:7px 4px}
  .chip strong{font-size:13px}
  .section-top h2{font-size:16px}
  .board-toolbar{display:grid;grid-template-columns:1fr auto}
  .edit-board-stage .board-view{aspect-ratio:1.58/1}
  .checker:not(.overflow){width:min(90%,16px);max-width:16px}
  .off-checker{width:23px;font-size:9px}
  .analysis-stage .mini-board .checker:not(.overflow){width:min(90%,14px);max-width:14px}
  .analysis-stage .mini-tray-anchor{width:16px;font-size:7px}
  .metric strong{font-size:17px}
}

@media (max-width: 360px){
  .connection{display:none}
  .layout{padding-bottom:86px}
  .page-heading h1{font-size:17px}
  .summary-chips{grid-template-columns:1fr}
  .bar-off-grid,.form-grid,.metric-grid,.analysis-preview-actions,.analysis-actions{grid-template-columns:1fr}
  .editor-strip{grid-template-columns:1fr;grid-template-areas:'label' 'controls' 'reset'}
  .edit-board-stage{grid-template-columns:minmax(0,1fr) 26px}
  .edit-board-stage .board-view,.mini-board-area .mini-board{grid-template-columns:repeat(6,minmax(0,1fr)) 16px repeat(6,minmax(0,1fr))}
  .checker:not(.overflow){width:min(90%,14px);max-width:14px}
  .analysis-stage .mini-bar-tray{width:16px}
  .mobile-nav{height:60px}
}


/* PIP v1.8.2 — compact mobile-first layout, checked board geometry.
   Intent: no DOM API changes and no modification to the engines. */
.brand-mark{width:48px;height:46px;font:900 25px/1 Arial,sans-serif;letter-spacing:-2px;border-radius:13px}
.brand-mark span{letter-spacing:0;color:#276255}
.brand-words strong{font-size:17px;letter-spacing:0}
.brand-words em{font-family:Tahoma,Arial,sans-serif;font-size:14px;letter-spacing:0}
.page-heading h1{letter-spacing:0}
/* For both main editor and analysis preview: row minimums MUST be 0.
   Previous 132px per row plus 90px per point clipped the second row
   inside a fixed-ratio container on 320–390px phones. */
.edit-board-stage .board-view,.analysis-stage .mini-board{
  grid-template-rows:repeat(2,minmax(0,1fr));
  min-height:0; height:auto; overflow:hidden;
}
.edit-board-stage .board-view .point,.analysis-stage .mini-board .point{min-height:0;min-width:0}
.edit-board-stage .checker-stack,.analysis-stage .checker-stack{min-height:0;max-height:100%;height:87%}
.edit-board-stage .checker:not(.overflow){aspect-ratio:1/1;height:auto;flex-shrink:0}
/* full-height tray kept independent from all 24 playable points */
.edit-board-stage,.analysis-stage{min-width:0;max-width:100%}
.edit-board-stage .editor-off-tray,.analysis-stage .mini-off-tray{align-self:stretch}
/* Disclosure controls compact infrequent settings without removing them */
.compact-disclosure{border:1px solid #3a5360;border-radius:12px;background:#182b38;margin:12px 0;overflow:clip}
.compact-disclosure>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;min-height:45px;padding:10px 13px;color:#d5e7e7;font-size:13px;font-weight:700}
.compact-disclosure>summary::-webkit-details-marker{display:none}
.compact-disclosure>summary::after{content:'⌄';color:#8fe0cb;font-size:23px;line-height:1;transition:transform .16s}
.compact-disclosure[open]>summary::after{transform:rotate(180deg)}
.disclosure-content{padding:0 11px 12px}
.compact-disclosure .subpanel,.compact-disclosure .direction-setting{margin:7px 0;padding:12px}
.photo-primary-action{display:flex;justify-content:stretch;margin-top:10px}
.photo-primary-action .btn{flex:1;min-height:46px}
.photo-options .inline-controls{margin:6px 0;gap:10px}
.photo-options .orientation-label{width:auto}
/* Quick game information precedes the miniature board; full form is opt-in */
.analysis-quick{margin:0 0 10px;padding:11px 13px}
.quick-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.quick-fields label{display:grid;gap:5px;color:#d5e4e5;font-size:12px;min-width:0}
.analysis-quick .engine-picker{margin-top:10px}
.analysis-more .extra-fields{grid-template-columns:repeat(3,minmax(0,1fr))}
.analysis-more .notice{margin-top:8px}
.analysis-actions{margin-top:10px}
/* Coach metrics with shorter rhythm and plain explanations */
.metric{padding:12px}.metric strong{font-size:20px;margin:5px 0}
.coach-card{padding:13px}.coach-card p{line-height:1.75}
.side-disclosure-content{display:grid;gap:15px}
.side-disclosure>summary{display:none}
.side-disclosure{display:contents}
@media(max-width:650px){
 html{scroll-padding-top:6px}
 .app-shell{width:100%;overflow-x:clip}
 .topbar{height:53px;padding:0 12px;gap:8px}
 .brand{gap:8px;min-width:0}
 .brand-mark{height:34px;width:44px;border-radius:9px;font-size:22px}
 .brand-words strong{font-size:14px}
 .brand-words em{font-size:13px}
 .brand small{display:none}
 .top-actions{gap:6px}
 .connection{font-size:10px;max-width:105px;padding:5px 8px}
 .icon-btn{width:31px;height:31px;font-size:16px}
 .layout{padding:7px 7px 81px;gap:10px}
 .page-heading{margin:0 5px 7px}
 .page-heading .eyebrow,.page-heading p{display:none}
 .page-heading h1{font-size:15px;line-height:1.4;margin:0;font-weight:700;color:#d0e5e2}
 .panel{padding:9px 8px 12px;min-height:0;border-radius:13px}
 .section-top{gap:8px;margin-bottom:9px;flex-wrap:nowrap}
 .section-top h2{font-size:16px;line-height:1.5;margin:2px 0 0}
 .section-kicker{font-size:9px;letter-spacing:1px}
 .section-top .status-tag{font-size:10px;padding:5px 8px;max-width:128px;text-align:center}
 .section-top .btn.text-button{font-size:11px;padding:6px;min-height:31px}
 .summary-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:0 0 8px}
 .chip{padding:5px 4px;gap:0;min-width:0;flex-direction:row;justify-content:center;align-items:baseline;flex-wrap:wrap;column-gap:5px;border-radius:8px;font-size:11px;line-height:1.5}
 .chip strong{font-size:13px;white-space:nowrap}
 .board-wrap{padding:6px;border-radius:11px}
 .board-toolbar{margin-bottom:6px;gap:5px;flex-wrap:nowrap}
 .color-switch{padding:2px;border-radius:9px;gap:2px;min-width:0}
 .color-tool{min-height:35px;padding:6px 9px;font-size:12px;border-radius:8px}
 .small-button{padding:7px 9px;min-height:35px;font-size:11px;border-radius:8px}
 .board-orientation{padding:4px 5px;margin:0 0 6px;min-height:24px;font-size:10px}
 .edit-board-stage,.analysis-stage{grid-template-columns:minmax(0,1fr) 29px;gap:4px}
 .edit-board-stage .board-view{aspect-ratio:1.36/1;border-width:4px;border-radius:6px}
 .edit-board-stage .board-view .point,.analysis-stage .mini-board .point{min-height:0!important}
 .edit-board-stage .checker-stack{height:88%}
 .edit-board-stage .checker:not(.overflow){max-width:24px;width:min(92%,24px);margin-top:-3px;border-width:1px}
 .edit-board-stage .number-point{font-size:8px;line-height:11px;min-width:11px;bottom:1px}
 .edit-board-stage .point[data-row=bottom] .number-point{top:1px;bottom:auto}
 .editor-off-tray,.analysis-stage .mini-off-tray{padding:4px 1px;border-width:1px;border-radius:5px}
 .off-checker{width:25px;font-size:10px}
 .bar-off-visual{margin:7px 0 0;gap:4px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));font-size:10px}
 .bar-off-visual>span{padding:5px 4px;text-align:center;border-radius:7px}
 .editor-strip{display:grid;grid-template-columns:1fr auto auto;gap:6px;align-items:center;margin-top:7px}
 .editor-strip #pointLabel{font-size:12px;white-space:nowrap}
 .qty-controls{gap:4px}
 .qty-controls button{width:36px;height:36px;min-height:36px;border-radius:9px;font-size:20px}
 .qty-controls strong{font-size:14px;min-width:18px}
 .editor-strip .small-button{font-size:10px;padding:5px 7px;white-space:normal;max-width:72px}
 .position-more{margin:8px 0}
 .position-more .direction-setting .hint{line-height:1.65;font-size:11px}
 .position-more .bar-off-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .position-more .bar-off-grid label{gap:4px}
 .position-more .number,.position-more select{min-height:38px;padding:7px}
 .editor-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:7px;margin:9px 0 0}
 .editor-actions>.btn{padding:8px 7px;min-height:44px;font-size:12px}
 .mobile-nav{height:62px;padding:3px 8px max(5px,env(safe-area-inset-bottom))}
 .mobile-nav .nav{gap:0;font-size:10px}
 .mobile-nav .nav span{font-size:21px;line-height:23px}
 .upload-zone{padding:13px 12px;min-height:0}
 .upload-glyph{width:43px;height:43px;border-radius:12px;font-size:30px}
 .upload-zone h3{font-size:15px;margin:7px 0 0}
 .upload-zone p{font-size:11px;margin:4px 0 10px}
 .upload-zone .upload-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px}
 .upload-zone .btn{white-space:normal;font-size:11px;line-height:1.45;min-height:43px;padding:7px 6px;text-align:center}
 .upload-zone .btn.primary{grid-column:1/-1;min-height:47px;font-size:14px}
 .image-frame{margin-top:9px;padding:6px;border-radius:10px}
 .image-frame canvas{max-height:50vh}
 .image-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
 .image-actions .btn{font-size:10px;white-space:normal;padding:5px 3px;min-height:38px}
 .photo-primary-action{margin-top:8px}
 .photo-primary-action .btn{min-height:46px}
 .compact-disclosure{margin:8px 0;border-radius:10px}
 .compact-disclosure>summary{min-height:39px;font-size:12px;padding:8px 10px}
 .notice{padding:8px 10px;line-height:1.55;font-size:11px;margin-top:8px}
 .analysis-quick{padding:8px;margin-bottom:8px}
 .quick-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 .quick-fields label{font-size:11px;gap:3px}
 .quick-fields select{padding:7px 6px;min-height:37px;font-size:12px}
 .analysis-quick .engine-picker{margin-top:8px}
 .analysis-quick .engine-picker select{min-height:38px}
 .analysis-more .extra-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .analysis-more .subpanel{padding:8px;margin:0}
 .analysis-board-panel{padding:7px;margin:0 0 8px}
 .analysis-preview-top{margin-bottom:7px;gap:4px}
 .analysis-preview-top strong{font-size:12px}
 .analysis-preview-top span{font-size:10px;line-height:1.5}
 .mini-board-wrap.analysis-stage{padding:4px;border-radius:8px}
 .mini-board-area .mini-board{aspect-ratio:1.48/1;border-width:3px}
 .analysis-stage .mini-board .checker:not(.overflow){width:min(90%,17px);margin-top:-3px}
 .analysis-preview-actions{margin-top:5px;gap:6px}
 .analysis-preview-actions .small-button{flex:1;font-size:11px}
 .analysis-actions{position:static;display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0;margin:9px 0 0;background:transparent;border:0}
 .analysis-actions .btn{font-size:12px;min-height:43px;padding:7px 5px}
 .results-area{margin-top:9px}
 .result-head{flex-wrap:wrap}.result-head h3{font-size:15px}
 .move-item{padding:8px;margin:8px 0}.move-steps{font-size:13px}
 .move-why>summary{padding:8px 10px;font-size:12px}
 .metric-grid{gap:7px}.metric{padding:9px}.metric strong{font-size:17px}
 .coach-block,.coach-card{margin-top:10px}.coach-card p{line-height:1.75;font-size:12px}
 .side-area{display:block;padding-top:0}
 .side-disclosure{display:block;margin:0}
 .side-disclosure>summary{display:flex;align-items:center;min-height:43px;padding:10px 13px;color:#c4dce0;border:1px solid #36505a;background:#182b38;border-radius:11px;font-weight:700;font-size:12px;cursor:pointer}
 .side-disclosure-content{display:grid;grid-template-columns:1fr;gap:8px;margin-top:8px}
 .side-card{padding:12px;margin:0;border-radius:11px}
 .side-card h3{font-size:15px;margin:7px 0}
 .side-card p{line-height:1.6}
}
@media(max-width:360px){
 .section-top h2{font-size:15px}
 .chip{font-size:10px}.chip strong{font-size:12px}
 .edit-board-stage,.analysis-stage{grid-template-columns:minmax(0,1fr) 26px;gap:3px}
 .edit-board-stage .board-view{aspect-ratio:1.32/1}
 .edit-board-stage .checker:not(.overflow){width:min(90%,20px);margin-top:-3px}
 .off-checker{width:22px}
 .editor-strip{gap:3px}
 .color-tool{padding:6px 7px;font-size:11px}
 .board-toolbar .small-button{padding:6px}
}

/* final v1.8.2 alignment: override legacy named editor grid areas */
@media(max-width:650px){
 .editor-strip{grid-template-areas:"label controls reset";grid-template-columns:minmax(0,1fr) auto auto;gap:5px;align-items:center;}
 .editor-strip #pointLabel{grid-area:label;}
 .editor-strip .qty-controls{grid-area:controls;gap:4px;}
 .editor-strip #resetPoint{grid-area:reset;width:auto;max-width:68px;min-height:35px;}
 .brand-mark{display:grid;place-items:center;white-space:nowrap;letter-spacing:-1px;font-size:22px;}
}


/* PIP v1.8.3 — critical game context must always be visible, on every device. */
.game-context{border:1px solid #527789;border-radius:12px;padding:11px;background:linear-gradient(130deg,#223d47,#172b38);margin-bottom:10px;direction:rtl}
.game-context-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:7px;margin-bottom:9px}
.game-context-heading strong{font-size:14px;color:#fae0ac}
.game-context-heading span{font-size:11px;color:#d4e5df;line-height:1.65}
.game-context-fields{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.game-context-fields label{font-size:11px;display:flex;flex-direction:column;gap:5px;color:#d9e7ed;min-width:0}
.game-context-fields select,.game-context-fields input{min-height:41px;border-radius:9px;padding:8px 7px;font-size:13px;max-width:100%;width:100%;font-variant-numeric:tabular-nums}
.game-context-extras{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin:9px 0 0}
.game-context-extras .toggle-line{font-size:12px;min-height:34px}
.game-context-extras .level-label{font-size:12px}
.game-context-extras select{min-height:34px;padding:5px 8px}
.context-help{margin:6px 0 0;color:#b2ced1;font-size:11px;line-height:1.6}
.game-context-notice{border:1px solid #c28b4f;background:#45372b;color:#ffe0b1;border-radius:8px;margin:8px 0 0;padding:8px;font-size:12px;line-height:1.7}
.game-context-fields :is(input,select):focus-visible{outline:2px solid #ffe09b;outline-offset:1px}
@media(max-width:650px){
 .game-context{padding:9px 8px;margin-bottom:8px;border-radius:10px}
 .game-context-heading{margin-bottom:6px}
 .game-context-heading strong{font-size:12px}
 .game-context-heading span{font-size:10px;white-space:normal}
 .game-context-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 .game-context-fields label{gap:3px;font-size:10px}
 .game-context-fields label:last-child{grid-column:span 2}
 .game-context-fields select,.game-context-fields input{min-height:38px;padding:6px 5px;font-size:12px}
 .game-context-extras{margin-top:6px;gap:6px}
 .game-context-extras .toggle-line,.game-context-extras .level-label{font-size:11px}
 .game-context-extras select{min-height:32px}
 .context-help{font-size:10px;line-height:1.45;margin-top:5px}
 .analysis-quick .quick-fields{padding-top:8px;border-top:1px solid #324c59}
}
@media(max-width:350px){
 .game-context-heading span{flex-basis:100%}
 .game-context-fields{gap:4px}
 .game-context-fields select,.game-context-fields input{font-size:11px;padding:5px 3px}
}

/* PIP v1.8.5 — editor bar/off geometry retained; counting now increment/decrement. */
.tray-help{margin:10px 0 8px;color:#c7d6de;font-size:12px;line-height:1.85}
.tray-help strong{color:#e9cc95}
.bar-off-visual{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:8px}
.bar-off-visual .tray-quick{min-height:50px;min-width:0;display:flex;gap:6px;align-items:center;justify-content:space-between;flex-wrap:wrap;border:1px solid #486675;border-radius:11px;background:#203645;color:#f0f4f1;padding:8px 11px;text-align:start;touch-action:manipulation}
.bar-off-visual .tray-quick strong{font:700 15px Arial,sans-serif;color:#fff}
.bar-off-visual .tray-quick.white{border-color:#657d88}.bar-off-visual .tray-quick.black{background:#172a38}
.bar-off-visual .tray-quick:focus-visible,.editor-bar-divider .bar-tap:focus-visible{outline:3px solid #85ddd0;outline-offset:2px;z-index:5}
.editor-bar-divider{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;justify-content:stretch;align-items:stretch;overflow:visible!important;z-index:4;position:relative}
.editor-bar-divider .bar-tap{all:unset;display:flex;align-items:flex-start;justify-content:center;box-sizing:border-box;cursor:pointer;color:#fff2d5;font:700 10px Arial,sans-serif;padding:5px 0 0;min-width:0;text-shadow:0 1px 2px #000;touch-action:manipulation}
.editor-bar-divider .bar-tap.white{align-items:flex-end;padding:0 0 5px}
.editor-off-tray .off-checker{touch-action:manipulation}
@media(max-width:650px){
 .tray-help{font-size:11px;line-height:1.7;margin:8px 0}
 .bar-off-visual{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 .bar-off-visual .tray-quick{min-height:49px;padding:8px 10px;font-size:12px}
 .editor-bar-divider .bar-tap{font-size:8px}
}
@media(max-width:350px){.bar-off-visual .tray-quick{padding:8px 6px;font-size:11px}}

/* PIP 1.8.5: direct tap-to-add, reversible one-by-one trays */
.tray-edit-hint{font-size:12px;line-height:1.85;color:#bbd3d9;margin:10px 0 5px}
.tray-counter{background:#1b3442;border:1px solid #4d6977;border-radius:11px;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;flex:1 1 46%;}
.tray-counter>span{font-size:12px;white-space:nowrap}
.tray-counter-actions{display:flex;align-items:center;gap:5px;direction:ltr}
.tray-counter-actions button{display:grid;place-items:center;width:37px;height:43px;border:1px solid #648090;border-radius:9px;background:#263f4e;color:white;font-size:22px;touch-action:manipulation}
.tray-counter-actions strong{min-width:19px;text-align:center}
.erase-tool.chosen{background:#794a37!important;color:#fff}
.board-view .point,.bar-tap,.off-checker{touch-action:manipulation}
@media(max-width:420px){.tray-counter{padding:6px}.tray-counter>span{font-size:11px}.tray-counter-actions button{width:31px;height:43px}.color-tool{padding:8px 9px;font-size:12px}.color-switch{flex-wrap:wrap}}


/* 1.8.6 Photo Position Studio — photo and digital position shown together */
.photo-studio[hidden]{display:none!important}
.photo-studio{border:1px solid #41636b;border-radius:16px;background:#12252e;padding:14px;margin:0 0 16px}
.studio-heading{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:12px}
.studio-heading h3{font-size:18px;margin:5px 0 4px}.studio-heading p{color:#a7c5c8;margin:0;font-size:12px;line-height:1.7}
.studio-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:12px;align-items:start}
.studio-photo-block,.studio-digital-block{min-width:0;padding:12px;background:#172f39;border:1px solid #3c5660;border-radius:13px}
.studio-label{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:0 0 9px;font-size:13px}.studio-label span{font-size:10px;color:#b8d2d3}
.studio-image-box{margin:auto;max-width:460px;background:#0d1a1f;border-radius:10px;overflow:hidden;border:4px solid #765b3e}
.studio-image-box canvas{display:block;width:100%;height:auto;aspect-ratio:650/550;touch-action:manipulation;cursor:crosshair}
.studio-edit-palette{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:9px}
.studio-tool{border:1px solid #54727a;color:#e8f5f1;background:#19333f;border-radius:9px;min-height:43px;font-size:12px;padding:7px 4px}
.studio-tool.chosen{border-color:#71e4cf;background:#2d5554;box-shadow:0 0 0 1px #71e4cf}
.studio-hint{font-size:11px;color:#b7ced3;line-height:1.7;margin:9px 0 0}
.studio-digital-board{aspect-ratio:1.43/1!important;height:auto!important;max-height:none!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;border-width:4px!important;pointer-events:none}
.studio-digital-board .point{min-height:0!important}
.studio-digital-board .checker:not(.overflow){width:min(87%,18px);max-width:18px;aspect-ratio:1;height:auto;flex:0 0 auto;margin-top:-4px}
.studio-digital-board .number-point{font-size:9px;line-height:13px;min-width:13px}
.studio-counts{display:flex;gap:8px;justify-content:space-between;margin:10px 0;font-size:12px;color:#eff4f2}
.studio-counts span{padding:7px 10px;border:1px solid #42646b;background:#1b3b43;border-radius:8px}
.studio-current{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#223b44;padding:9px;border-radius:10px}
.studio-current strong{display:block;font-size:12px}.studio-current small{display:block;color:#b4ccd1;margin-top:3px;font-size:10px}
.studio-current .qty-controls{gap:5px}.studio-current .qty-controls button{min-width:36px;min-height:36px}
.studio-current .qty-controls strong{min-width:22px}
.studio-bulk-edit{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:7px 8px;border:1px solid #42616b;border-radius:10px;background:#19313b}
.studio-bulk-edit label{font-size:11px;color:#d7e5e5}
.studio-bulk-edit input{width:58px;min-height:38px;border:1px solid #69838a;border-radius:8px;background:#0e2029;color:#fff;text-align:center;font-size:16px}
.studio-bulk-edit button{min-height:38px;border:1px solid #557782;border-radius:8px;background:#274652;color:#fff;padding:5px 9px;touch-action:manipulation}
.studio-bulk-edit button:disabled{opacity:.45}
.studio-bulk-edit #studioSetCount{background:#27534e;border-color:#63a99b}
.studio-bottom{display:flex;justify-content:flex-end;gap:10px;margin-top:12px;flex-wrap:wrap}
@media(max-width:760px){.studio-layout{grid-template-columns:minmax(0,1fr)}.studio-photo-block,.studio-digital-block{padding:9px}.photo-studio{padding:9px}.studio-image-box{max-width:440px}.studio-digital-board{max-width:440px;margin:0 auto}.studio-bottom>.btn{flex:1}.studio-heading h3{font-size:16px}}
@media(max-width:380px){.studio-tool{font-size:11px}.studio-heading{flex-wrap:wrap}}

.manual-board-details{margin:12px 0 0}
.manual-board-details>summary{list-style:none;cursor:pointer;border:1px solid #4d6770;color:#d9e9e6;background:#203945;border-radius:12px;padding:12px 13px;font-size:12px;font-weight:700;min-height:44px}
.manual-board-details>summary::before{content:'▾';display:inline-block;margin-inline-end:8px;color:#e5c178}
.manual-board-details[open]>summary{margin-bottom:10px}
.manual-board-details:not([open])>summary::before{content:'+'}

/* PIP 1.8.7 - primary controls live immediately under the actual photo. */
.studio-fast-trays{margin-top:10px;padding:10px;border:1px solid #446970;background:#102631;border-radius:12px}
.studio-tray-caption{display:flex;justify-content:space-between;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:8px;font-size:12px}.studio-tray-caption small{font-size:10px;color:#c3d3d5}
.studio-tray-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.studio-tray-counter{border:1px solid #4a6973;border-radius:10px;background:#1d3641;padding:8px;min-width:0}
.studio-tray-counter .name{font-size:12px;font-weight:700;display:flex;align-items:center;gap:5px;white-space:nowrap}
.studio-tray-counter .name:before{content:"";display:inline-block;background:#ece9df;width:12px;height:12px;border-radius:50%;border:1px solid #a4a5a0}
.studio-tray-counter.black .name:before{background:#253d4c;border-color:#839aa4}
.studio-tray-actions{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:6px}
.studio-tray-actions button{width:40px;height:42px;border:1px solid #557782;border-radius:9px;background:#274652;color:#fff;font-size:23px;touch-action:manipulation}
.studio-tray-actions button:active{background:#386d77}.studio-tray-actions strong{font-size:18px;font-variant-numeric:tabular-nums}
.studio-view-controls{display:flex;gap:5px;align-items:center;flex-wrap:wrap;margin:9px 0 4px;font-size:11px;color:#c1d4d7}
.studio-view{background:#203c48;color:#e4f4f4;border:1px solid #507580;border-radius:8px;padding:7px 9px;font-size:11px}
.studio-view.chosen{color:#062e29;background:#9ce2cf;border-color:#c4ffee;font-weight:800}
.studio-debug-toggle{display:flex;align-items:center;gap:4px;white-space:nowrap;margin-inline-start:auto}
.studio-debug-toggle input{accent-color:#76d9bc}
.studio-feedback{padding:10px;margin:12px 0 2px;background:#142731;border:1px solid #40606c;border-radius:12px}
.studio-feedback small{display:block;margin-top:5px;color:#a9c8cf;font-size:10px;line-height:1.9}
.studio-feedback [role=status]{font-size:11px;color:#b8e8d7;margin:5px 0 0}
.studio-digital-board{pointer-events:auto}.studio-digital-board .point{cursor:pointer;touch-action:manipulation}
@media(max-width:760px){.studio-fast-trays{padding:8px}.studio-tray-grid{gap:6px}.studio-tray-counter{padding:7px}.studio-tray-actions button{width:42px;height:44px}.studio-tray-counter .name{font-size:11px}}
@media(max-width:360px){.studio-tray-actions button{width:35px}.studio-view-controls{gap:4px}}

.studio-feedback summary{cursor:pointer;font-size:12px;font-weight:750;color:#b7d8d7}.studio-feedback[open] summary{margin-bottom:8px}
@media(max-width:760px){.studio-digital-board{max-width:280px;margin:0 auto;}.studio-current{padding:7px}.studio-feedback{margin-top:8px}}


/* PIP v1.8.8 — one-photo confirmation. This is the SAME vision image and SAME position state. */
.photo-studio{background:#102630;border-color:#3b6166;padding:12px}
.studio-heading{margin-bottom:8px;align-items:center}
.studio-heading h3{font-size:16px;margin:2px 0}
.studio-heading p{font-size:11px;line-height:1.5}
.studio-layout{grid-template-columns:minmax(0,1fr) minmax(245px,320px);gap:12px}
.studio-photo-block{display:flex;flex-direction:column;padding:10px;gap:7px}
.studio-digital-block{position:sticky;top:10px;align-self:start;padding:10px}
.studio-image-box{width:100%;max-width:740px;order:4;border:3px solid #7d6950;touch-action:manipulation}
.studio-photo-block>.studio-label{order:0;margin:0}
.studio-photo-block>.studio-counts{order:1;margin:0;gap:6px}
.studio-photo-block>.studio-edit-palette{order:2;margin:0}
.studio-photo-block>.studio-current{order:2;margin:0;padding:5px 9px}
.studio-photo-block>.studio-live-help{order:3;margin:0;color:#a9d5d8;font-size:11px;line-height:1.5}
.studio-photo-block>.studio-fast-trays{order:5;margin:2px 0 0}
.studio-photo-block>.studio-advanced{order:6}
.studio-photo-block>.studio-hint{order:7;margin:0}
.studio-tool{min-height:45px;font-size:13px;font-weight:750}
.studio-tool.chosen{background:#236256;color:#fff;border-color:#9cedce}
.studio-tool:focus-visible{outline:3px solid #fff1ac;outline-offset:2px}
.studio-current .qty-controls button{width:40px;height:40px;min-width:40px;min-height:40px}
.studio-live-help{background:#132d35;border-radius:8px;padding:6px 9px}
.studio-advanced{background:#142e38;border:1px solid #36555e;border-radius:10px;padding:8px}
.studio-advanced summary{cursor:pointer;font-size:12px;font-weight:750;color:#c2e2df;min-height:25px}
.studio-advanced>.studio-view-controls{padding:5px 0}
.studio-counts span{padding:6px 9px;flex:1;text-align:center}
.studio-counts b{font-size:15px}
.studio-bottom{position:sticky;bottom:8px;z-index:9;background:rgba(12,32,40,.97);border:1px solid #46716c;border-radius:12px;padding:8px;margin-top:10px}
.studio-bottom>.btn.primary{background:#92dfc6;color:#092a2a;min-height:47px}
.studio-bottom>.btn.primary:disabled{opacity:.55}
#board.studio-ready>.summary-chips{display:none}
@media(max-width:760px){
 .studio-layout{display:block}
 .studio-digital-block{display:none} /* Mobile: the real photograph IS the board */
 .photo-studio{padding:6px;border-radius:12px}
 .studio-photo-block{padding:6px;gap:6px;border:0;background:transparent}
 .studio-heading{padding:4px 3px;gap:8px}
 .studio-heading h3{font-size:14px}
 .studio-heading p{display:none}
 .studio-heading .section-kicker{display:none}
 .studio-label{font-size:11px}
 .studio-label span{font-size:10px}
 .studio-photo-block>.studio-edit-palette{position:sticky;top:0;z-index:12;padding:6px 3px;background:#152d39;border:1px solid #466974;border-radius:10px;box-shadow:0 5px 12px #071d26a6}
 .studio-tool{min-height:45px;font-size:12px;padding:4px}
 .studio-photo-block>.studio-current{padding:5px}
 .studio-current .qty-controls button{width:39px;min-width:39px;min-height:39px}
 .studio-current .qty-controls{gap:5px}
 .studio-current .qty-controls strong{font-size:16px}
 .studio-image-box{border-width:2px;max-width:none;width:100%}
 .studio-photo-block>.studio-live-help{font-size:10px;padding:4px 7px}
 .studio-counts{margin:0!important}
 .studio-counts span{font-size:11px;padding:5px}
 .studio-tray-caption small{display:none}
 .studio-fast-trays{padding:7px;margin:0!important}
 .studio-tray-grid{gap:5px}
 .studio-tray-counter{padding:5px}
 .studio-tray-actions button{height:41px;width:40px}
 .studio-bottom{bottom:calc(64px + env(safe-area-inset-bottom));padding:6px;gap:6px}
 .studio-bottom>.btn{min-height:44px;padding:6px;font-size:12px}
 .studio-bottom>.btn.primary{flex:2}
 .studio-bottom>.btn.ghost{flex:1}
 #board.studio-ready>.section-top{margin-bottom:6px}
 #board.studio-ready>.section-top h2{font-size:14px;margin:0}
 #board.studio-ready>.section-top .section-kicker{display:none}
 #board.studio-ready>.section-top #startPos{font-size:11px;min-height:32px}
 body:has(#board.active) .page-heading{display:none}
 #board.studio-ready>.editor-actions{display:none} /* Primary confirmation is in photo studio */
}
@media(max-width:360px){.studio-tool{font-size:11px}.studio-heading #studioRawBtn{padding:6px;font-size:11px}}
/* Final review: do not cover the real board or its Bar/Off editor with CTA. */
body:has(#board.active) .page-heading{display:none}
body:has(#board.active) .workflow{margin-bottom:9px}
body:has(#board.active) .layout{padding-top:15px}
#board.studio-ready>.section-top{margin-bottom:8px}
#board.studio-ready>.section-top h2{font-size:17px;margin:2px 0}
#board.studio-ready>.section-top .section-kicker{display:none}
.photo-studio .studio-bottom{position:static;margin-top:8px}
@media(max-width:760px){
  .photo-studio .studio-bottom{position:static;bottom:auto;margin-top:6px;padding:5px}
  .studio-photo-block .studio-fast-trays{order:5}
  .studio-photo-block .studio-advanced{order:6}
}

/* v1.9.0 Lab: choose movement direction without entering nested settings.
   This is a RULE change, never a visual/photo rotation. */
.direction-quick{display:grid;gap:7px;margin:0 0 10px;padding:10px 12px;border:1px solid #5e766d;background:#153630;border-radius:13px}
.direction-quick-header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.direction-quick-header strong{color:#eff8ec;font-size:13px}
.direction-quick-header small{color:#b3cfc6;font-size:11px}
.direction-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.direction-choice-btn{display:flex;justify-content:center;align-items:center;gap:7px;min-height:43px;padding:7px 9px;background:#253e47;color:#e3edf0;border:1px solid #597279;border-radius:10px;font-weight:700;touch-action:manipulation}
.direction-choice-btn span{font-size:12px;color:#b7d3d6}
.direction-choice-btn.chosen{background:#e4ca8d;color:#1c2d38;border-color:#ffe1a1}
.direction-choice-btn.chosen span{color:#32404b}
.direction-choice-btn:focus-visible{outline:3px solid #54d7dc;outline-offset:2px}
.direction-quick-status{margin:0;color:#b9d5ce;font-size:11px}
.legacy-direction{display:none!important}
@media(max-width:650px){.direction-quick{padding:8px 9px;margin-bottom:8px}.direction-choice-btn{min-height:44px;font-size:12px}.direction-choice-btn span{font-size:11px}.direction-quick-header small{font-size:10px}}

.studio-yolo-state{display:block;color:#b1c2db;font-size:11px;margin-top:4px;width:100%;line-height:1.5}

/* PIP v1.9.1 — unified photo-based checker editing and analysis design. */
#board.studio-ready .photo-studio{background:#102831;border-color:#4c7878;box-shadow:0 18px 45px #0003}
.studio-overlay-line{display:flex;align-items:center;gap:9px;justify-content:space-between;flex-wrap:wrap;margin:1px 0 2px}
.studio-overlay-line small{font-size:10px;color:#bad2d4;line-height:1.6;flex:1}
.studio-image-box{border-color:#a48255;box-shadow:0 12px 28px #0006}
.studio-tool{background:#17313c;color:#f3f7f3;border-color:#56717c;font-weight:800}
.studio-tool.chosen{background:#2d7065!important;border-color:#b7ffee;box-shadow:0 0 0 2px #60d9c955}
.studio-counts span{background:#1b3841;border-color:#456a72}
.studio-bottom>.btn.primary{background:#a9e8d2;color:#0d3231}
#analysis.active{display:flex;flex-direction:column;gap:12px;background:linear-gradient(165deg,#192d35,#111e28 72%);border-color:#496975}
#analysis>.section-top{order:0;margin-bottom:0}
#analysis>.analysis-quick{order:1;margin:0;background:#102833;border-color:#43656d;padding:12px}
#analysis>.analysis-board-panel{order:2;margin:0;background:linear-gradient(135deg,#203a3f,#122733);border:1px solid #426d70;padding:14px;box-shadow:0 15px 35px #0005}
#analysis>.analysis-actions{order:3;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:9px;background:transparent;border:0;padding:0;position:static}
#analysis>.results-area{order:4;margin:0}
#analysis>.analysis-more{order:5}
.analysis-quick{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(170px,.8fr);gap:10px;align-items:start}
.analysis-quick .quick-fields{grid-column:1;grid-row:1;gap:7px}
.analysis-quick .engine-picker{grid-column:2;grid-row:1;margin:0!important;gap:5px}
.analysis-quick .engine-picker label{font-size:12px}
.analysis-match-details{grid-column:1/-1;grid-row:2;border-top:1px solid #3c5962;padding-top:7px}
.analysis-match-details summary{list-style:none;cursor:pointer;color:#e9d19e;font-weight:750;font-size:12px;display:flex;justify-content:space-between;gap:8px;align-items:center;min-height:31px}
.analysis-match-details summary::-webkit-details-marker{display:none}
.analysis-match-details summary::before{content:'▾';color:#90d9d1}
.analysis-match-details[open] summary::before{content:'▴'}
.analysis-match-details summary span{font-size:10px;color:#9cbbc6;font-weight:400}
.analysis-match-details .game-context{margin:8px 0 0}
.analysis-preview-top{display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap;margin-bottom:12px}
.analysis-preview-top strong{font-size:15px;color:#e8d4ab}
.analysis-preview-top #visualMoveLabel{width:100%;font-size:11px;color:#c8d6d6}
.analysis-view-toggle{display:inline-flex;gap:3px;padding:3px;background:#102a35;border:1px solid #3c5966;border-radius:11px}
.analysis-view-toggle button{min-height:34px;padding:6px 10px;border:0;border-radius:8px;background:transparent;color:#b5cbd0;font-size:11px;font-weight:700}
.analysis-view-toggle button[aria-pressed="true"]{background:#a7e4d0;color:#12322e}
.analysis-view-toggle button:disabled{opacity:.5;cursor:not-allowed}
.analysis-photo-canvas{display:none;max-width:100%;width:100%;aspect-ratio:650/550;height:auto;border:4px solid #a27a4d;border-radius:11px;background:#0b1c21;box-shadow:0 4px 17px #0006}
.analysis-photo-mode .analysis-photo-canvas{display:block}
.analysis-photo-mode #miniBoard{display:none}
.analysis-photo-mode .mini-bar-tray{opacity:.80}
.analysis-stage{width:100%;max-width:920px!important;background:#122d36!important;border-color:#49636a!important}
.analysis-board-panel .mini-board{box-shadow:0 9px 26px #0006}
.analysis-stage .point{background:#b78d5e}
.analysis-stage .point:before{opacity:.96}
.analysis-stage .point.odd:before{background:#e1b985}
.analysis-preview-actions{margin:11px 0 0}
.analysis-preview-actions .small-button{min-height:39px;font-size:12px}
#analysis .move-item{border-color:#49656d;background:#1c3741;transition:border-color .15s,background .15s;cursor:pointer}
#analysis .move-item.selectable:hover,#analysis .move-item.move-picked{background:#254a4a;border-color:#90d9c2}
#analysis .move-item:first-of-type{border-color:#b39a60}
#analysis .move-title b{color:#ffdc98}
#analysis .analysis-actions .btn{min-height:48px}
@media(max-width:760px){
 #analysis.active{gap:9px;padding:9px}
 #analysis>.analysis-board-panel{padding:8px}
 #analysis>.analysis-quick{padding:8px}
 .analysis-quick{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px}
 .analysis-quick .quick-fields{grid-column:1/-1;grid-row:1}
 .analysis-quick .engine-picker{grid-column:1/-1;grid-row:2}
 .analysis-match-details{grid-row:3}
 .analysis-match-details summary{font-size:11px;flex-wrap:wrap}
 .analysis-match-details summary span{font-size:10px}
 .analysis-preview-top{margin-bottom:7px;gap:6px}
 .analysis-photo-canvas{border-width:2px;border-radius:7px}
 #analysis>.analysis-actions{position:static;bottom:auto;grid-template-columns:1fr 1fr;padding:0}
 .studio-overlay-line small{flex-basis:100%}
 .studio-overlay-line{gap:4px}
 .studio-overlay-line button{min-height:35px}
 .studio-tool{font-size:12px}
}
@media(max-width:350px){.analysis-view-toggle button{font-size:10px;padding:5px 7px}}
/* Final order: choose color, touch the board, only then show secondary tools. */
.studio-photo-block>.studio-label{order:0}
.studio-photo-block>.studio-counts{order:1}
.studio-photo-block>.studio-edit-palette{order:2}
.studio-photo-block>.studio-current{order:3}
.studio-photo-block>.studio-live-help{order:4}
.studio-photo-block>.studio-image-box{order:5}
.studio-photo-block>.studio-fast-trays{order:6}
.studio-photo-block>.studio-overlay-line{order:7}
.studio-photo-block>.studio-bulk-edit{order:8}
.studio-photo-block>.studio-advanced{order:9}
.studio-photo-block>.studio-hint{order:10}
@media(max-width:760px){
  .studio-photo-block>.studio-live-help{display:none}
  .studio-photo-block>.studio-image-box{order:5}
  .studio-photo-block>.studio-fast-trays{order:6}
  .studio-photo-block>.studio-overlay-line{order:7}
  .studio-photo-block>.studio-bulk-edit{order:8}
  .studio-photo-block>.studio-advanced{order:9}
  #board.studio-ready .studio-heading{margin-bottom:4px}
  #board.studio-ready .studio-heading h3{font-size:13px}
  #board.studio-ready .direction-quick-header small{display:none}
}

/* PIP 1.9.2: clarity, deliberate separation of analysis and review. */
.analysis-view-toggle button[aria-pressed="true"]{background:linear-gradient(135deg,#cbf6df,#77d6c2);color:#0b292a;box-shadow:0 1px 5px #0006}
.analysis-preview-top{align-items:center}
/* The analysis photograph may carry MOVEMENT ARROWS, never checker circles. */
.analysis-photo-mode .move-arrow-overlay{display:block;pointer-events:none}
.analysis-photo-mode .move-arrow-overlay .move-path-photo-outline{fill:none;stroke:rgba(0,0,0,.92);stroke-width:8;stroke-linecap:round;stroke-linejoin:round}
.analysis-photo-mode .move-arrow-overlay .move-path-photo{fill:none;stroke:#54c8ff;stroke-width:4.6;stroke-linecap:round;stroke-linejoin:round}
.analysis-photo-mode .move-arrow-overlay .move-arrowhead-photo-halo{fill:#071e2e;stroke:#071e2e;stroke-width:4;stroke-linejoin:round}
.analysis-photo-mode .move-arrow-overlay .move-arrowhead-photo{fill:#60d9ff;stroke:#e5faff;stroke-width:1.5;stroke-linejoin:round}
.analysis-photo-mode .analysis-photo-canvas{box-shadow:0 8px 22px #0008}
#studioFlipColor{background:#34465b;border-color:#83a4b5;color:#f7f8f2;font-weight:700}
#studioFlipColor:focus-visible,.studio-tool:focus-visible,.analysis-view-toggle button:focus-visible{outline:3px solid #a6f3dc;outline-offset:2px}
.studio-image-box{border-color:#7f988e}
.studio-overlay-line small{color:#c6e3e5}
@media(max-width:380px){#studioFlipColor{flex-grow:1}}

/* No synthetic Bar-checker dots cover the original reference photograph. */
.analysis-photo-mode .mini-bar-tray{display:none!important}

/* PIP Coach: evidence-first, RTL, mobile-first. No overlays on reference photo. */
.pip-coach-panel:empty{display:none}
.pip-coach-panel,.pip-coach-history{margin:15px 0 8px;padding:16px;border:1px solid #527d7e;border-radius:16px;background:linear-gradient(140deg,#15313c,#1b3640);color:#e3eded}
.coach-selection-title,.coach-session-title{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.coach-selection-title h3{font-size:16px;margin:7px 0 5px;color:#eacb93}
.coach-selection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0}
.coach-selection-grid>div{padding:12px 9px;background:#102733;border:1px solid #38505c;border-radius:12px;min-width:0}
.coach-selection-grid small{display:block;font-size:11px;color:#a8c8d0;line-height:1.65}
.coach-selection-grid strong{display:block;margin-top:7px;font-size:16px;color:#fff;overflow-wrap:anywhere}
.coach-detail-line{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#aac8d1;font-size:12px}
.coach-detail-line label{display:flex;align-items:center;gap:8px}
.coach-detail-line select{width:auto;min-width:120px}
.coach-evidence{line-height:2;margin:14px 0;padding:6px 13px;border-right:3px solid #8bd6bc;background:#14303a;border-radius:7px}
.coach-evidence p{margin:8px 0;font-size:13px}
.coach-detail-actions,.coach-session-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}
.coach-my-move{margin:9px 0 0!important;min-height:38px!important;border-color:#7dcfbd!important;color:#c4f3e5!important;font-size:12px!important}
.coach-my-move:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:520px){.pip-coach-panel,.pip-coach-history{padding:12px}.coach-selection-grid>div{padding:9px 6px}.coach-selection-grid strong{font-size:13px}.coach-selection-grid small{font-size:10px}}

#analysis>.pip-coach-panel{order:5}
#analysis>.analysis-more{order:6}

.coach-cube-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:13px;margin-top:12px;border:1px solid #426d6a;border-radius:12px;background:#16373d}
.coach-cube-actions strong{width:100%;font-size:12px;color:#e3d5ae}
.coach-cube-actions .small-button{min-height:42px}

/* Future Lens 1.9.5 — no changes to board geometry or image overlay */
.future-card{border-color:#437d80}
.future-card[open]{background:#102a35}
.future-analysis-lazy{background:rgba(91,191,174,.09);border:1px solid #487d79;border-radius:12px;margin:12px 0;padding:11px 13px;line-height:1.9;overflow-wrap:break-word}
.future-analysis-lazy h4{color:#a5ead8;font-size:14px;margin:0 0 8px}
.future-analysis-lazy p{border-bottom:1px solid rgba(255,255,255,.07);padding:7px 0;margin:0;font-size:13px}
.future-analysis-lazy p:last-child{border:0}
.coach-evidence p{white-space:normal}

/* PIP v1.9.6: optional, capped Open Sage follow-up tree */
.deep-branch{margin-top:14px;padding:13px;border:1px solid rgba(119,210,198,.35);background:rgba(14,38,48,.7);border-radius:13px;}
.deep-branch-heading{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;color:#d3fff3}
.deep-branch-heading span{font-size:.75rem;color:#a6b6c2}
.deep-branch p{line-height:1.8}
.deep-branch-dice{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}
.deep-branch-dice label{display:flex;flex-direction:column;gap:8px;font-size:.8rem}
.deep-branch-dice label span{display:flex;gap:6px;direction:ltr;justify-content:flex-end}
.deep-branch-dice select{min-width:0;width:52px;max-width:50%;padding:8px;color:#f1fafb;background:#193b47;border:1px solid #64818d;border-radius:8px}
.deep-branch-actions{display:flex;gap:8px;flex-wrap:wrap}
.deep-branch-actions button{min-height:36px}
.deep-branch-result{margin-top:12px;line-height:1.8;color:#e2f0f4;overflow-wrap:anywhere}
.deep-step{display:flex;flex-direction:column;gap:5px;padding:10px 11px;margin-bottom:8px;background:#173642;border-right:3px solid #87d5c8;border-radius:10px}
.deep-step span{color:#c6d8df;font-size:.78rem}.deep-step strong{color:#f3fcff}.deep-step small{color:#bdd6dd}
@media(max-width:480px){.deep-branch-dice{grid-template-columns:1fr}.deep-branch{padding:10px}.deep-branch-heading{align-items:flex-start}}

/* PIP Cube Coach 1.9.7 — engine-grounded decision evidence */
.cube-evidence-block{margin:15px 0;padding:15px;border:1px solid #527a87;border-radius:15px;background:linear-gradient(135deg,#17323c,#102733);color:#e4eff2;line-height:1.9}
.cube-evidence-title{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.cube-evidence-title h4{margin:0;color:#a9ecda;font-size:16px}
.cube-evidence-tag{display:inline-flex;border:1px solid #5d9b9b;border-radius:999px;padding:2px 10px;background:#214754;color:#e4f7f3;font-size:12px;font-weight:650}
.cube-evidence-lead{font-weight:650;padding:9px 11px;background:#1c444c;border-right:4px solid #9bddc6;border-radius:7px}
.cube-equity-equation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:12px 0}
.cube-equity-equation>div{background:#0d2631;border:1px solid #41616e;border-radius:11px;padding:10px;min-width:0}
.cube-equity-equation small{display:block;color:#afcfd7;line-height:1.7;min-height:42px}
.cube-equity-equation strong{display:block;color:#fff;font-size:16px;margin-top:5px;direction:ltr;text-align:right;font-variant-numeric:tabular-nums}
.cube-prob-tags{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}
.cube-caveat{color:#aec6ce;font-size:12px;border-top:1px solid #33525d;padding-top:10px}
@media(max-width:530px){.cube-evidence-block{padding:11px}.cube-equity-equation{grid-template-columns:1fr;gap:6px}.cube-equity-equation>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 10px}.cube-equity-equation small{min-height:0}.cube-equity-equation strong{margin:0}}

/* PIP Roll Atlas v1.9.8 — on-demand dice analysis, compact mobile layout */
.pip-roll-atlas{margin:12px 0;border:1px solid #497a83;border-radius:12px;background:#102b35;color:#deedef;overflow:hidden}
.pip-roll-atlas>summary{padding:12px 14px;cursor:pointer;font-weight:700;color:#b5f4e0;line-height:1.6}
.roll-atlas-body{padding:10px 12px 13px}
.roll-caveat{font-size:.79rem;color:#c2d2d7;line-height:1.8;margin:8px 12px}
.roll-progress{padding:9px 12px;color:#a5e9d8}
.roll-summary{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:5px 10px;background:#173a43;padding:9px 11px;border-radius:9px;margin-bottom:9px}
.roll-summary span{font-size:.78rem;color:#bddee1}
.roll-grid{direction:rtl;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.roll-chip{display:flex;align-items:center;flex-direction:column;gap:2px;min-width:0;min-height:70px;padding:7px 3px;border:1px solid #577582;border-radius:9px;background:#1b3945;color:#f4fcfb;cursor:pointer;line-height:1.4}
.roll-chip strong{font-size:.92rem;direction:rtl}.roll-chip small{font-size:.66rem;text-align:center;white-space:normal;line-height:1.5}.roll-chip i{font-size:.62rem;opacity:.75;font-style:normal}
.roll-chip.roll-hit{border-color:#d6ae5a;background:#443b28}.roll-chip.roll-bear{border-color:#75b8a3;background:#1b4a43}.roll-chip.roll-build{border-color:#88afe3;background:#243e56}.roll-chip.roll-bad{border-color:#d88d8b;background:#4a3135}.roll-chip.roll-unknown{border-style:dashed}
.roll-chip.roll-chosen{outline:3px solid #b5f6e3;outline-offset:0;box-shadow:0 0 0 2px #10252d inset}
.roll-selected{background:#1a3944;border-radius:11px;margin-top:12px;padding:12px;line-height:1.8;font-size:.85rem}
.roll-example small{display:block;color:#b4cfd9}.roll-eval-actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.roll-eval-output{line-height:1.8}.roll-real-evidence{border-right:3px solid #a5e9d8;padding:7px 10px;background:#254850;border-radius:7px}
.roll-cube-wrap{border:1px solid #416a73;border-radius:13px;padding:12px;margin:16px 0}.roll-cube-wrap h4{margin:0 0 7px;color:#cbf7e8}
@media(max-width:780px){.roll-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:440px){.roll-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.roll-atlas-body{padding:9px}.roll-chip{min-height:73px}.roll-cube-wrap{padding:9px}}

/* PIP 1.9.9: explain the selected move before exploring opponent dice. */
.move-reason-block{margin-top:12px;display:grid;gap:7px}
.move-reason-highlight{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:9px 12px;border:1px solid #4a8b7a;background:#193e40;border-radius:11px;line-height:1.8}
.move-reason-highlight strong{color:#9ee3c6;font-size:13px}
.move-reason-highlight span{color:#faf1d9;font-size:13px;font-weight:700}
.reason-card{margin-top:0;border-color:#558875}
.reason-card>summary{color:#b3edca}
.reason-card[open]{background:#15383d}
.move-reason-block .future-card{margin-top:0}
.move-reason-block .move-reasons{overflow-wrap:anywhere}
@media(max-width:650px){.move-reason-highlight{padding:8px 10px}.move-reason-highlight span{font-size:12px}.move-reason-block .move-why>summary{font-size:12px;min-height:42px}}

/* PIP 1.9.10 – unobtrusive, mobile-friendly analysis provenance/export */
.pip-analysis-report{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#132d39;border:1px solid #385865;border-radius:13px;padding:10px 12px;margin:12px 0 10px;color:#e1f3f0}
.pip-report-summary{display:flex;flex-direction:column;min-width:200px;flex:1;gap:3px}
.pip-report-summary strong{font-size:13px;color:#d6e7df}
.pip-report-summary small{font-size:11px;color:#aec6cc;line-height:1.7}
.pip-analysis-report .small-button{min-height:38px;white-space:normal}
.pip-analysis-report button:disabled{opacity:.43;cursor:not-allowed}
@media (max-width:650px){.pip-analysis-report{flex-direction:column;align-items:stretch;gap:8px;padding:10px}.pip-analysis-report .small-button{width:100%}}
/* The provenance report follows the analysis results, never blocks the primary board on mobile. */
#analysis>.pip-analysis-report{order:5}
#analysis>.pip-coach-panel{order:6}
#analysis>.analysis-more{order:7}
/* PIP_ANALYSIS_PREFS_V1_BEGIN */
/* PIP analysis digital board checkers: visual ONLY, leave editable board untouched. */
#analysisStage #miniBoard .checker:not(.overflow) {
  box-sizing: border-box;
  width: min(98%, 30px);
  max-width: 30px;
  height: auto;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  border-width: 2px;
  margin-top: -7px;
  flex: 0 0 auto;
  box-shadow: inset 0 2px 2px rgba(255,255,255,.46),
              inset 0 -3px 4px rgba(0,0,0,.28),
              0 2px 5px rgba(0,0,0,.48);
  filter: saturate(1.07) contrast(1.06);
}
#analysisStage #miniBoard .checker.white:not(.overflow) {
  border-color: #f9ebd0;
}
#analysisStage #miniBoard .checker.black:not(.overflow) {
  border-color: #8098a1;
}
@media (max-width: 650px) {
  #analysisStage #miniBoard .checker:not(.overflow) {
    width: min(99%, 21px);
    max-width: 21px;
    border-width: 1.5px;
    margin-top: -5px;
  }
}
@media (max-width: 380px) {
  #analysisStage #miniBoard .checker:not(.overflow) {
    width: min(98%, 18px);
    max-width: 18px;
    border-width: 1px;
    margin-top: -4px;
  }
}

/* PIP_ANALYSIS_PREFS_V1_END */
/* PIP_SAGE_EXPLAIN_V2_BEGIN */
#analysis .sage-evidence-chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0;padding:8px 0}
#analysis .sage-evidence-chips span{padding:5px 9px;background:rgba(27,135,119,.14);border:1px solid rgba(95,179,163,.33);border-radius:16px;font-size:.84rem}
#analysis .sage-more-candidates{border:1px solid rgba(98,166,163,.4);border-radius:12px;padding:12px;margin:14px 0;background:rgba(10,39,45,.4)}
#analysis .sage-more-candidates summary{cursor:pointer;font-weight:700;padding:6px}
#analysis .sage-more-move{padding:11px 8px;border-bottom:1px solid rgba(130,170,165,.2);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
#analysis .sage-more-values{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
#analysis .sage-more-values strong{color:#b9e5d8}
#analysis .sage-evidence-note{font-weight:400;font-size:.78rem;margin-top:6px;opacity:.9}
#analysis .sage-explain-cube{padding:14px;border-radius:12px;margin:15px 0;border:1px solid rgba(99,178,165,.42);background:rgba(12,49,53,.63)}
#analysis .sage-explain-cube h4{margin:0 0 12px}
#analysis .sage-cube-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#analysis .sage-cube-grid>div{display:flex;flex-direction:column;gap:5px;padding:10px;background:rgba(255,255,255,.05);border-radius:9px}
#analysis .sage-cube-grid small{font-size:.77rem;opacity:.84}
#analysis .sage-cube-grid strong{font-variant-numeric:tabular-nums}
#analysis .sage-explain-cube p,#analysis .sage-explain-cube>small{font-size:.85rem;line-height:1.8}
@media(max-width:580px){#analysis .sage-cube-grid{grid-template-columns:1fr}#analysis .sage-more-move{display:block}#analysis .sage-more-values{margin-top:8px}}
/* PIP_SAGE_EXPLAIN_V2_END */
/* PIP_SAGE_REPLY_COMPARE_V3_BEGIN */
#analysis .pip-v3-compare{border:1px solid rgba(113,170,163,.46);border-radius:12px;padding:10px 12px;margin:12px 0;background:rgba(13,55,62,.4)}
#analysis .pip-v3-compare summary{font-weight:700;cursor:pointer;line-height:1.8;padding:4px}
#analysis .pip-v3-compare-body{padding:8px 0;display:grid;gap:12px}
#analysis .pip-v3-structure,#analysis .pip-v3-output{line-height:1.75}
#analysis .pip-v3-replies{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#analysis .pip-v3-reply-card{border:1px solid rgba(127,181,178,.35);border-radius:11px;padding:12px;background:rgba(255,255,255,.045);display:grid;gap:8px;min-width:0}
#analysis .pip-v3-reply-values{display:grid;gap:6px;font-size:.86rem;line-height:1.8}
#analysis .pip-v3-reply-card>strong{color:#bbefe1}
#analysis .pip-v3-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
#analysis .pip-v3-metrics span,#analysis .pip-v3-cube-stats span{border-radius:8px;background:rgba(255,255,255,.05);padding:9px;display:flex;flex-direction:column;gap:4px}
#analysis .pip-v3-metrics small,#analysis .pip-v3-cube-stats small{font-size:.72rem;opacity:.85}
#analysis .pip-v3-metrics strong,#analysis .pip-v3-cube-stats strong{font-variant-numeric:tabular-nums}
#analysis .pip-v3-roll-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:end}
#analysis .pip-v3-roll-controls label{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:.85rem}
#analysis .pip-v3-roll-controls select{width:55px;min-height:38px}
#analysis .pip-v3-caution{opacity:.9;line-height:1.85;font-size:.8rem}
#analysis .pip-v3-cube{padding:14px;margin:12px 0;border-radius:12px;border:1px solid rgba(133,191,178,.45);background:rgba(10,48,51,.55);line-height:1.8}
#analysis .pip-v3-cube h4{margin:0 0 10px}
#analysis .pip-v3-cube-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
@media(max-width:850px){#analysis .pip-v3-cube-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){#analysis .pip-v3-replies{grid-template-columns:1fr}#analysis .pip-v3-cube-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* PIP_SAGE_REPLY_COMPARE_V3_END */
/* PIP_CUBE_INTELLIGENCE_V1_BEGIN */
.pip-ci-panel{margin:1rem 0;border:1px solid rgba(114,206,177,.45);border-radius:14px;background:rgba(8,45,48,.33);color:inherit;overflow:hidden}
.pip-ci-panel>summary{padding:13px 16px;cursor:pointer;font-weight:800;line-height:1.9;color:#bcefe2;list-style:revert}
.pip-ci-inner{padding:0 14px 16px;line-height:1.9}
.pip-ci-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:10px 0}
.pip-ci-controls label{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.pip-ci-controls select{width:56px;max-width:25vw;min-height:38px;background:#173c41;color:#fff;border:1px solid #73918c;border-radius:8px}
.pip-ci-controls button{min-height:40px}
.pip-ci-progress{margin:8px 0;font-weight:600;color:#c6f7e9}
.pip-ci-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.pip-ci-stats>div{padding:10px;border:1px solid rgba(126,184,170,.3);border-radius:10px;background:rgba(10,22,32,.3)}
.pip-ci-stats small{display:block;opacity:.8;font-size:.8em}.pip-ci-stats strong{display:block;direction:ltr;text-align:right;font-size:1.14em}
.pip-ci-note{font-size:.84em;color:#bdd5d5;line-height:1.9}
.pip-ci-table-wrap{overflow-x:auto;margin-top:12px}.pip-ci-table{width:100%;border-collapse:collapse;min-width:515px;white-space:nowrap}
.pip-ci-table th,.pip-ci-table td{border-bottom:1px solid rgba(200,230,224,.16);padding:8px;text-align:right;font-size:.85rem}
.pip-ci-table td:last-child{font-variant-numeric:tabular-nums;direction:ltr;text-align:center}
@media(max-width:680px){.pip-ci-stats{grid-template-columns:1fr}.pip-ci-inner{padding:0 10px 12px}.pip-ci-panel>summary{padding:10px}.pip-ci-controls button{width:100%}}
/* PIP_CUBE_INTELLIGENCE_V1_END */


/* PIP GAMMON — blue premium workspace v1.0: append-only overrides */
:root{
 --bg:#08051d;--surface:#100a2d;--surface2:#181044;--line:#393180;
 --muted:#a9b7e7;--text:#f7f7ff;--gold:#ffe76d;--mint:#2bdfad;
 --red:#ff728f;--pale:#e9ebff;--radius:16px;
}
body{background:radial-gradient(ellipse at 48% -20%,#22206a 0%,transparent 58%),linear-gradient(145deg,#090522,#0c0730 65%,#0e062b);color:var(--text)}
.app-shell{max-width:1800px}
.topbar{height:66px;border-bottom:1px solid #313075;background:#0a0624de;padding-inline:clamp(12px,2.5vw,38px)}
.brand-mark{color:#fff;background:linear-gradient(140deg,#4d7dff,#261ee0);box-shadow:0 3px 18px #3154ff66;border:1px solid #777dff}
.brand strong{color:#f4f5ff;font-size:17px}.brand em{color:#61aaff}.brand small{color:#b4bceb}
.connection,.status-tag{background:#151044;border-color:#413ab0;color:#ccd4ff}
.icon-btn{border-color:#5146aa;background:#1b1551}
.layout{padding:12px clamp(12px,2vw,32px) 90px;gap:15px}
.panel,.side-card,.side-disclosure{background:linear-gradient(156deg,#110b35,#0e0a2d);border-color:#38318c;box-shadow:0 10px 35px #0004}
.workflow{margin-bottom:12px}
.page-heading{margin-bottom:12px}.page-heading h1{font-size:clamp(21px,2vw,29px)}.page-heading p{color:#b5bff0}
.eyebrow,.section-kicker,.side-label{color:#84b5ff}
.section-top h2,.result-head h3{color:#f2f4ff}
.btn.primary,.btn.accent{background:linear-gradient(115deg,#2162ff,#293ee0);border-color:#6981ff;color:#fff;box-shadow:0 4px 14px #213ff450}
.btn.outline,.btn.ghost,.small-button,.qty-controls button{background:#1c164c;color:#eff0ff;border-color:#564fba}
.btn:hover:not(:disabled){filter:brightness(1.09)}
.number,select,.engine-picker,.subpanel{background:#15103e;border-color:#413a89;color:#eef1ff}
.notice,.chip,.side-line,.move-item{background:#1b164b;border-color:#443a88;color:#e3e9ff}
.upload-zone{background:linear-gradient(140deg,#151042,#211764);border-color:#5274e4}
.upload-zone .btn.primary{background:linear-gradient(115deg,#2463fe,#3e42e9);color:#fff}
.upload-glyph{background:#202078;color:#a0cbff}
/* Professional bright-blue backgammon board, still the existing 24-point DOM. */
.board-view,.studio-digital-board,#miniBoard{border-color:#172c9b!important;background:#0c2aab!important;box-shadow:0 6px 20px #020c37b3,inset 0 0 12px #08195c}
.point{background:linear-gradient(180deg,#469aff,#1971e9)!important}
.point:before{background:#1647b8!important;opacity:.82}
.point.odd:before{background:#84bdff!important;opacity:.71}
.number-point{color:#f5f5ff;background:#15124b;border-radius:6px}
.bar-divider{background:linear-gradient(90deg,#0a083b,#21136e,#080632)}
.checker.white:not(.overflow),.mini-tray-anchor[data-side=white]{background:radial-gradient(circle at 32% 24%,#fff 1%,#edf2ff 51%,#c4d8ff 90%);border-color:#dde7ff;color:#172353;box-shadow:inset 0 2px 4px #fff,0 2px 5px #070b5899}
.checker.black:not(.overflow),.mini-tray-anchor[data-side=black]{background:radial-gradient(circle at 30% 24%,#6461fd 0%,#3432be 47%,#211178 95%);border-color:#18127d;color:#fff;box-shadow:inset 0 2px 4px #a2afff7a,0 2px 5px #070b5899}
.point.selected{outline-color:#fdef70}
.move-arrow-overlay .move-path,.analysis-stage .move-arrow-overlay .move-path{stroke:#ffe329;stroke-width:4.4;filter:drop-shadow(0 1px 2px #000)}
.move-arrow-overlay .move-dot{fill:#ffe329}
.analysis-photo-mode .move-arrow-overlay .move-path-photo{stroke:#ffe329}
.analysis-board-panel,.mini-board-wrap.analysis-stage{background:#0d0c32;border-color:#423da7}
.analysis-preview-top strong,.move-title b{color:#baccff}
.engine-picker label{color:#cdd7ff}
.move-item.move-picked,.move-item.selectable:hover{border-color:#ffdc44!important;background:#24205c}
.color-tool.chosen,.studio-tool.chosen,.direction-choice-btn.chosen{background:#264beb;color:#fff}
.photo-studio,#board.studio-ready .photo-studio,.board-wrap{background:#111244;border-color:#3e52b7}
.manual-board-details>summary{background:#18134c;color:#dce7ff;border-color:#4144ad}
.pip-coach-panel,.game-context,.analysis-quick{border-color:#46409c}
/* One-click control strip: existing analysis and save handlers perform all validation. */
#pipUnifiedBar{position:relative;z-index:3;display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:12px clamp(12px,2vw,32px) 0;padding:10px;background:linear-gradient(110deg,#171044,#100a34);border:1px solid #393296;border-radius:14px;box-shadow:0 5px 25px #0005}
.pip-u-title{display:flex;flex-direction:column;gap:3px;min-width:116px;direction:ltr}
.pip-u-title strong{font:800 15px Arial,sans-serif;letter-spacing:.4px;color:#77aeff}
.pip-u-title small{font-size:10px;color:#afbbec;direction:rtl}
.pip-u-nav,.pip-u-side{display:flex;gap:5px;align-items:center;flex-wrap:wrap}
.pip-u-nav button,.pip-u-side button,.pip-u-mode,.pip-u-secondary,.pip-u-primary,.pip-u-stage-title button{border:1px solid #5147b4;border-radius:9px;padding:9px 12px;min-height:40px;color:#e7edff;background:#1c1751;white-space:nowrap;font-weight:650}
.pip-u-side{font-size:12px;color:#b8c6ff}.pip-u-side button.selected{background:#2e43cc;border-color:#8babff;color:white}
#pipUnifiedBar .pip-u-primary{background:#2550ed;border-color:#6187ff;box-shadow:0 2px 12px #2554ef66}
#pipUnifiedBar .pip-u-secondary{border-color:#656be8}
.pip-u-state{font-size:11px;color:#acbff2;flex:1 1 100%;margin-top:1px}
#pipUnifiedDock{display:none}
/* Desktop/tablet 3-pane workflow. Not a duplicate position or analysis state. */
@media(min-width:1160px){
 body.pip-workspace .layout{display:block;padding-top:12px}
 body.pip-workspace .main-area{display:grid;direction:ltr;grid-template-columns:minmax(205px,.78fr) minmax(390px,1.72fr) minmax(275px,1fr);gap:12px;align-items:start}
 body.pip-workspace .page-heading,body.pip-workspace .workflow{display:none}
 body.pip-workspace #photo,body.pip-workspace #board,body.pip-workspace #analysis{display:block!important;min-width:0;direction:rtl;padding:12px;min-height:0;overflow:hidden}
 body.pip-workspace #photo{grid-column:1;grid-row:1}
 body.pip-workspace #board{grid-column:2;grid-row:1}
 body.pip-workspace #analysis{grid-column:3;grid-row:1}
 body.pip-workspace #coach.active{grid-column:1/-1;display:block}
 body.pip-workspace .side-area{display:none}
 body.pip-workspace .section-top{margin-bottom:9px}
 body.pip-workspace .section-top h2{font-size:17px}
 body.pip-workspace .section-kicker{font-size:9px}
 body.pip-workspace .upload-zone{min-height:185px;padding:12px}
 body.pip-workspace .upload-glyph{height:44px;width:44px;font-size:28px}
 body.pip-workspace .upload-zone h3{font-size:14px;margin:8px 0 4px}
 body.pip-workspace .upload-zone p{font-size:11px}
 body.pip-workspace .upload-buttons{display:grid;grid-template-columns:1fr;gap:5px;width:100%}
 body.pip-workspace .upload-buttons .btn{min-height:37px;padding:6px;font-size:11px}
 body.pip-workspace .image-frame canvas{max-height:200px}
 body.pip-workspace .image-actions .btn{font-size:10px;padding:5px 7px;min-height:33px}
 body.pip-workspace .photo-primary-action .btn{min-height:43px;width:100%}
 body.pip-workspace .summary-chips{gap:4px}
 body.pip-workspace .chip{padding:8px 4px;font-size:11px}
 body.pip-workspace .direction-quick{padding:8px}
 body.pip-workspace .direction-quick-header{font-size:12px}
 body.pip-workspace #board .manual-board-details{margin-top:7px}
 body.pip-workspace #board .board-view{max-height:none}
 body.pip-workspace #analysis .analysis-quick{padding:8px;margin:4px 0}
 body.pip-workspace #analysis .quick-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
 body.pip-workspace #analysis .quick-fields label{font-size:10px}
 body.pip-workspace #analysis .quick-fields select{padding:7px 5px;min-height:38px}
 body.pip-workspace #analysis .analysis-board-panel{display:none!important}
 body.pip-workspace #analysis .engine-picker{display:flex;flex-wrap:wrap;padding:9px;gap:6px}
 body.pip-workspace #analysis .engine-picker label{font-size:11px}
 body.pip-workspace #analysis .engine-picker select{width:auto;max-width:100%}
 body.pip-workspace #analysis .analysis-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}
 body.pip-workspace #analysis .analysis-actions .btn{min-width:0;white-space:normal;font-size:12px;padding:8px 4px}
 body.pip-workspace #analysis #results{overflow:auto;max-height:calc(100vh - 340px);min-height:160px}
 body.pip-workspace #pipUnifiedDock{display:block}
 body.pip-workspace #pipUnifiedDock .analysis-board-panel{display:block!important;margin-top:0}
 body.pip-workspace[data-pip-stage="edit"] #pipUnifiedDock .analysis-board-panel{display:none!important}
 body.pip-workspace[data-pip-stage="result"] #board .photo-studio,body.pip-workspace[data-pip-stage="result"] #board .manual-board-details{display:none!important}
 body.pip-workspace #board .studio-layout{grid-template-columns:1fr}
 body.pip-workspace #board .studio-digital-board{max-width:100%}
 body.pip-workspace #board .studio-image-box{max-width:100%}
 body.pip-workspace #board .studio-heading p{font-size:11px}
 body.pip-workspace #board .board-wrap{padding:8px}
 body.pip-workspace #board .analysis-stage{max-width:none}
 body.pip-workspace #board .editor-actions .btn{font-size:12px}
 body.pip-workspace #board .analysis-preview-top{font-size:12px}
 body.pip-workspace .mobile-nav{display:none}
}
.pip-u-stage-title{display:flex;align-items:center;justify-content:space-between;padding:5px 0 8px;font-size:12px;color:#d4dbff}
.pip-u-stage-title button{padding:6px 8px;min-height:31px;font-size:11px}
@media(max-width:1159px){
 #pipUnifiedBar{gap:6px;margin-top:7px;padding:8px}
 .pip-u-title{display:none}
 #pipUnifiedBar .pip-u-nav{order:1;width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
 #pipUnifiedBar .pip-u-nav button{font-size:11px;min-width:0;padding:7px 2px}
 #pipUnifiedBar .pip-u-side{order:2;flex:1}
 #pipUnifiedBar .pip-u-primary{order:3;flex:1 1 auto;font-size:12px;white-space:normal}
 #pipUnifiedBar .pip-u-secondary{order:4;font-size:12px}
 #pipUnifiedBar .pip-u-mode{display:none}
 #pipUnifiedBar .pip-u-state{order:5}
 .layout{padding-top:10px}
}
@media(max-width:650px){
 .topbar{height:58px}
 .layout{padding:8px 8px 105px}
 .panel{border-radius:12px;padding:10px}
 .mobile-nav{background:#110a38;border-color:#4941a1}
 .mobile-nav .nav.active{color:#96bdff}
 #pipUnifiedBar{margin-inline:8px}
 #pipUnifiedBar .pip-u-nav button{font-size:10px}
 #pipUnifiedBar .pip-u-state{font-size:10px}
 #pipUnifiedBar .pip-u-side button{font-size:11px;min-height:35px}
 .checker:not(.overflow){min-width:0}
 .direction-choice-btn{min-width:0}
}
@media(prefers-reduced-motion:reduce){#pipUnifiedBar *{transition:none!important}}
/* Targeted readability and overflow fixes found during 1440px/390px smoke tests. */
.direction-quick,.direction-quick-status,.board-orientation,.bar-off-visual>span,.bar-off-grid label,.game-context-notice,.analysis-more>summary,.manual-board-details summary{background-color:#171147;border-color:#413b9b;color:#dce6ff}
.direction-choice-btn:not(.chosen){background:#1a174b;color:#ccd9ff;border-color:#3c43a0}
.board-wrap .tray-edit-hint,.board-wrap .tray-help{color:#c0cefb}
.game-context,.game-context-fields,.game-context-extras{min-width:0}
@media(min-width:1160px){
 body.pip-workspace #board .bar-off-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 body.pip-workspace #board .bar-off-grid label{min-width:0}
 body.pip-workspace #analysis .game-context-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 body.pip-workspace #analysis .game-context-fields label{min-width:0}
 body.pip-workspace #analysis .game-context-fields input,body.pip-workspace #analysis .game-context-fields select{width:100%;min-width:0}
 body.pip-workspace #analysis .analysis-match-details>summary{font-size:12px}
 body.pip-workspace #board .board-toolbar{flex-wrap:wrap}
 body.pip-workspace #analysis .pip-coach-panel{max-height:50vh;overflow-y:auto}
}


/* PIP ANALYSIS WORKSPACE V1.2: an original clean board-first UI. */
body.pip-v12:not(.pip-v12-classic){
 --pip-ink:#edf4ff;--pip-back:#080e24;--pip-panel:#0c1730;--pip-edge:#203252;
 --pip-accent:#326dff;--pip-blue:#1689fd;--pip-mint:#33dcae;--pip-soft:#a7bad8;
 background:radial-gradient(ellipse 80% 60% at 45% -15%,#203964 0%,transparent 80%),#080e24;
 color:var(--pip-ink);font-family:Tahoma,'Segoe UI',Arial,sans-serif;
}
body.pip-v12:not(.pip-v12-classic) .topbar{height:51px;background:#090f22;border-bottom:1px solid #223254;padding:0 clamp(12px,1.8vw,28px)}
body.pip-v12:not(.pip-v12-classic) .topbar .brand-mark{font-size:13px;background:#244eff;box-shadow:none;border:0;border-radius:8px}
body.pip-v12:not(.pip-v12-classic) .topbar .brand-words strong{font-size:13px}
body.pip-v12:not(.pip-v12-classic) .topbar .brand-words small{font-size:10px}
body.pip-v12:not(.pip-v12-classic) #pipUnifiedBar{display:none!important}
#pipFlowHeader,#pipFlowRail,#pipFlowBoardTop{display:none}
body.pip-v12:not(.pip-v12-classic) #pipFlowHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;direction:ltr;min-height:64px;margin:10px clamp(10px,1.2vw,24px) 4px;padding:8px 16px;background:#101c36;border:1px solid #223859;border-radius:14px}
.pip-flow-logo{white-space:nowrap;display:flex;align-items:center;gap:8px;font-size:18px;letter-spacing:.2px;color:#f9fbff}
.pip-flow-logo em{font-style:normal;color:#65a3ff}.pip-flow-symbol{font-size:23px;color:#5d91ff}
.pip-flow-nav{display:flex;direction:rtl;align-items:center;gap:5px;background:#0a1630;border:1px solid #273757;border-radius:10px;padding:3px}
.pip-flow-nav button,.pip-flow-actions button{font:600 12px Tahoma,'Segoe UI',sans-serif;border-radius:8px;border:1px solid transparent;cursor:pointer;min-height:36px;padding:7px 12px;background:transparent;color:#aec4e9;white-space:nowrap;transition:background .15s,border-color .15s}
.pip-flow-nav button:hover,.pip-flow-actions button:hover{background:#1d3256;color:#fff}
.pip-flow-nav button.is-current{background:#285cf0;color:white;border-color:#4b82ff}
.pip-flow-actions{display:flex;align-items:center;gap:6px;direction:rtl}
.pip-flow-actions button{background:#172a47;border:1px solid #344e72;color:#ddeaff}
.pip-flow-actions .pip-flow-main-action{background:#2c65ed;border-color:#5b8cff;color:white;font-weight:750}
.pip-flow-actions #pipFlowClassic{color:#91a8c8;background:transparent;border-color:transparent}
body.pip-v12:not(.pip-v12-classic) .layout{padding:6px clamp(10px,1.2vw,24px) 12px;max-width:none;margin:0 auto}
body.pip-v12:not(.pip-v12-classic) .main-area{gap:10px}
body.pip-v12:not(.pip-v12-classic) .main-area>.page-heading,body.pip-v12:not(.pip-v12-classic) .main-area>.workflow{display:none}
body.pip-v12:not(.pip-v12-classic) .main-area .panel{background:#0e1a34;border:1px solid #263d60;box-shadow:none;border-radius:14px}
body.pip-v12:not(.pip-v12-classic) .btn.primary,body.pip-v12:not(.pip-v12-classic) .btn.accent{background:#2661e9;border-color:#5786ff;box-shadow:none}
body.pip-v12:not(.pip-v12-classic) .btn.outline,body.pip-v12:not(.pip-v12-classic) .btn.ghost{background:#172946;border-color:#375279}
body.pip-v12:not(.pip-v12-classic) #pipFlowRail{display:flex;flex-direction:column;gap:7px;min-width:0;direction:rtl}
.pip-flow-rail-head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 5px 8px}
.pip-flow-rail-head h2{font-size:17px;letter-spacing:-.2px;margin:2px 0;color:#f0f5ff}
.pip-flow-rail-head span{font-size:10px;color:#84acdf;font-weight:700;letter-spacing:.6px}
#pipFlowEngineStatus{display:block;color:#65d3b3;border:1px solid #2a745f;border-radius:20px;padding:5px 9px;white-space:nowrap}
.pip-flow-card{background:#111f3a;border:1px solid #263d5e;border-radius:11px;overflow:hidden;flex:0 0 auto}
.pip-flow-card[open]{border-color:#3b5c88;background:#142643}
.pip-flow-card>summary{display:flex;align-items:center;gap:9px;list-style:none;cursor:pointer;padding:11px 12px;min-height:48px;user-select:none;color:#ecf4ff}
.pip-flow-card>summary::-webkit-details-marker{display:none}
.pip-flow-card>summary::after{content:'⌄';margin-right:auto;color:#9cbce5;font-weight:bold;font-size:19px;transform:rotate(0);transition:transform .2s}
.pip-flow-card[open]>summary::after{transform:rotate(180deg)}
.pip-flow-card>summary strong{font-size:13px;white-space:nowrap}
.pip-flow-card>summary small{font-size:10px;color:#88a8d1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pip-flow-icon{display:grid;place-items:center;width:29px;height:29px;flex:0 0 29px;border-radius:8px;background:#20395e;color:#80b8ff;font-size:17px}
.pip-flow-content{padding:4px 11px 12px;border-top:1px solid #2e4567;min-width:0}
.pip-flow-hint{font-size:12px;color:#b8cbe7;line-height:1.85;margin:8px 0}
.pip-flow-link{border-radius:8px;border:1px solid #4f7cfb;background:#2c60ec;color:white;font-weight:650;padding:10px;cursor:pointer;min-height:38px;margin:5px 0 0 5px}
.pip-flow-link.alt{background:#1a3053;border-color:#405e89}
#pipFlowMovesBody .analysis-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:8px 0}
#pipFlowMovesBody .analysis-actions .btn{min-width:0;min-height:42px;font-size:12px;white-space:normal;padding:6px}
#pipFlowMovesBody #results{margin:7px 0 0;min-height:70px;max-height:none;overflow:visible}
#pipFlowMovesBody .empty-result{min-height:80px;background:#102543;border-color:#284a72}
#pipFlowMovesBody .move-item{margin:7px 0;border-radius:9px;background:#0c1b35;border-color:#273d5f;padding:10px}
#pipFlowMovesBody .move-item.selectable:hover{background:#152e53}
#pipFlowMovesBody .move-title b{color:#ffe183}
#pipFlowMovesBody .move-steps{font-size:17px;color:#cfe5ff}
#pipFlowMovesBody .move-item>.muted{font-size:11px}
#pipFlowMovesBody details{max-width:100%}
#pipFlowGameBody .analysis-quick{margin:0;padding:5px 0;background:transparent;border:0}
#pipFlowGameBody .analysis-match-details{margin:0 0 8px}
#pipFlowGameBody .game-context{padding:9px}
#pipFlowGameBody .quick-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
#pipFlowGameBody .quick-fields label{min-width:0;font-size:11px}
#pipFlowGameBody .quick-fields select{max-width:100%;padding:8px 3px;min-height:36px;font-size:12px}
#pipFlowGameBody .engine-picker{padding:8px;margin-top:8px}
#pipFlowGameBody .engine-picker select{max-width:100%}
#pipFlowLearningBody #pipCoachPanel{padding:0;max-height:none;overflow:visible}
#pipFlowReportsBody .pip-analysis-report{margin:8px 0}
#pipFlowReportsBody .analysis-more{margin:8px 0}
#pipFlowBoardTop{min-width:0}
body.pip-v12:not(.pip-v12-classic) #pipFlowBoardTop{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:3px 0 6px;padding:3px 7px}
.pip-flow-board-heading{display:flex;gap:7px;align-items:center;min-width:0}
.pip-flow-mode-dot{height:8px;width:8px;background:#27d3a4;box-shadow:0 0 7px #26dba885;border-radius:50%;flex:0 0 8px}
.pip-flow-board-heading strong{font-size:15px;white-space:nowrap}
#pipFlowBoardState{font-size:11px;color:#aac1df;white-space:nowrap}
.pip-flow-board-actions{display:flex;gap:4px;align-items:center}
.pip-flow-board-actions button{min-height:33px;cursor:pointer;background:#152943;color:#b8ccea;border:1px solid #315079;border-radius:8px;padding:6px 9px;white-space:nowrap;font-size:11px}
.pip-flow-board-actions button.is-on{background:#2258dd;color:white;border-color:#5986ff}
/* The blue board is a CSS rendering of existing 24-point DOM; move arrows
   remain drawn by PIP's verified move path code, never from mockup values. */
body.pip-v12:not(.pip-v12-classic) #pipUnifiedDock{display:block}
body.pip-v12:not(.pip-v12-classic) #pipUnifiedDock .pip-u-stage-title{display:none}
body.pip-v12:not(.pip-v12-classic) #pipUnifiedDock #analysisBoardPanel{display:block!important;background:transparent;border:0;padding:0;margin:0;box-shadow:none}
body.pip-v12:not(.pip-v12-classic) #pipUnifiedDock #analysisBoardPanel .analysis-preview-top{margin-bottom:8px;background:#101f3e;border:1px solid #263f64;border-radius:9px;padding:8px 10px;font-size:11px}
body.pip-v12:not(.pip-v12-classic) #pipUnifiedDock #analysisBoardPanel .analysis-preview-top strong{color:#bcd9ff}
body.pip-v12:not(.pip-v12-classic) #pipUnifiedDock #analysisBoardPanel .analysis-preview-top .analysis-view-toggle{display:none}
body.pip-v12:not(.pip-v12-classic) #pipUnifiedDock #analysisBoardPanel .analysis-preview-actions{margin:5px 0}
body.pip-v12:not(.pip-v12-classic) #pipUnifiedDock #analysisBoardPanel .analysis-stage{width:100%;max-width:1150px;margin:0 auto;overflow:visible;background:#08152e;border:1px solid #27456d;border-radius:12px;padding:clamp(4px,.7vw,10px);box-shadow:inset 0 0 24px #0006}
body.pip-v12:not(.pip-v12-classic) .analysis-stage .mini-board{aspect-ratio:1.44/1;max-height:none!important;border:6px solid #0a1c43!important;background:#0c51d6!important;border-radius:7px;box-shadow:inset 0 1px 18px #042c79}
body.pip-v12:not(.pip-v12-classic) .analysis-stage .point{background:linear-gradient(180deg,#1687fa,#359fff 48%,#1583f5)!important}
body.pip-v12:not(.pip-v12-classic) .analysis-stage .point:before{background:#064fcb!important;opacity:.88;left:2%;width:96%}
body.pip-v12:not(.pip-v12-classic) .analysis-stage .point.odd:before{background:#81bdff!important;opacity:.94}
body.pip-v12:not(.pip-v12-classic) .analysis-stage .bar-divider{background:linear-gradient(90deg,#07183b,#153572 45%,#061839);border-left:1px solid #2a4c83;border-right:1px solid #2a4c83}
body.pip-v12:not(.pip-v12-classic) .analysis-stage .mini-board .checker:not(.overflow){width:88%;max-width:45px;min-width:0;height:auto;aspect-ratio:1/1;border-width:2px;margin-top:-5px;box-shadow:inset 0 2px 3px #ffffff88,inset 0 -4px 7px #0007,0 3px 4px #030c3188}
body.pip-v12:not(.pip-v12-classic) .analysis-stage .checker.white:not(.overflow){background:radial-gradient(circle at 35% 23%,#fff 3%,#f9fcff 38%,#dfe9fe 69%,#a5badb 100%);border-color:#bdcce6;color:#15284c}
body.pip-v12:not(.pip-v12-classic) .analysis-stage .checker.black:not(.overflow){background:radial-gradient(circle at 36% 22%,#374770 0%,#172654 43%,#090f31 85%,#050b22 100%);border-color:#0e1b49;color:white}
body.pip-v12:not(.pip-v12-classic) .analysis-stage .mini-board .number-point{background:#071737;color:#eaf4ff;font-size:clamp(8px,.8vw,12px);border-radius:3px;padding:1px 2px;line-height:16px;min-width:15px}
body.pip-v12:not(.pip-v12-classic) .analysis-stage .mini-off-tray{background:#101e3c;border-color:#39557d;color:#bdd1ee}
body.pip-v12:not(.pip-v12-classic) .analysis-stage .mini-bar-tray{background:linear-gradient(90deg,#091632,#23477b,#071834)}
body.pip-v12:not(.pip-v12-classic) .analysis-stage .mini-bar-tray>span{color:#e8efff}
body.pip-v12:not(.pip-v12-classic) .analysis-stage .move-arrow-overlay .move-path{stroke:#ffd800;stroke-width:4.4;filter:drop-shadow(0 1px 2px #020b2d)}
body.pip-v12:not(.pip-v12-classic) .analysis-stage .move-arrow-overlay .move-dot{fill:#ffe959;stroke:#403e00}
/* Result workspace: board + compact expandable analysis rail on same screen. */
@media(min-width:1160px){
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"]{overflow:hidden}
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] .main-area{display:grid!important;grid-template-columns:minmax(0,1.65fr) minmax(335px,.86fr)!important;grid-template-rows:minmax(0,1fr);height:calc(100dvh - 137px);align-items:stretch;gap:10px}
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #photo{display:none!important}
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #board{display:flex!important;grid-column:1;grid-row:1;flex-direction:column;padding:10px!important;min-height:0;height:100%;overflow:hidden!important}
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #board>.section-top,body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #board>#directionQuick,body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #board>.summary-chips,body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #board>#photoStudio,body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #board>#manualBoardDetails,body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #board>#positionMore,body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #board>.editor-actions{display:none!important}
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #pipUnifiedDock{display:block!important;min-height:0;flex:1;overflow:auto;scrollbar-width:thin;scrollbar-color:#365177 transparent}
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #analysis{display:block!important;grid-column:2;grid-row:1;min-height:0;height:100%;overflow:hidden!important;padding:8px!important}
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #analysis>#analysisBoardPanel,body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #analysis>.section-top{display:none!important}
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #pipFlowRail{height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#365177 transparent;padding:0 2px 8px}
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] .side-area,body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #coach{display:none!important}
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"].pip-flow-setup-open .main-area{grid-template-columns:minmax(195px,.42fr) minmax(0,1.5fr) minmax(310px,.78fr)!important}
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"].pip-flow-setup-open #photo{display:block!important;grid-column:1;grid-row:1;overflow-y:auto!important;min-height:0;max-height:100%}
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"].pip-flow-setup-open #board{grid-column:2}
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"].pip-flow-setup-open #analysis{grid-column:3}
}
/* Tablet can use the analysis view without forcing desktop-only classic layout. */
@media(min-width:700px) and (max-width:1159px){
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] .main-area{display:grid!important;grid-template-columns:minmax(0,1.5fr) minmax(260px,.9fr);gap:10px;align-items:start}
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #photo{display:none!important}
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #board{display:flex!important;grid-column:1;grid-row:1;flex-direction:column;padding:9px;min-width:0}
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #board>.section-top,body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #board>#directionQuick,body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #board>.summary-chips,body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #board>#photoStudio,body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #board>#manualBoardDetails,body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #board>#positionMore,body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #board>.editor-actions{display:none!important}
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #analysis{display:block!important;grid-column:2;grid-row:1;min-width:0;max-height:calc(100dvh - 136px);overflow-y:auto!important;padding:8px}
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #analysis>.section-top,body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #analysis>#analysisBoardPanel{display:none!important}
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] .side-area{display:none!important}
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"].pip-flow-setup-open #photo{display:block!important;grid-column:1/-1;grid-row:2}
}
/* Phone: board at top, analysis cards in an independently scrollable reading area.
   No three-column squeeze, no long whole-document scroll in analysis mode. */
@media(max-width:699px){
 body.pip-v12:not(.pip-v12-classic) .topbar{height:46px}
 body.pip-v12:not(.pip-v12-classic) #pipFlowHeader{height:auto;min-height:51px;margin:6px 7px 3px;padding:5px;gap:3px;flex-wrap:wrap;border-radius:10px}
 body.pip-v12:not(.pip-v12-classic) .pip-flow-logo{display:none}
 body.pip-v12:not(.pip-v12-classic) .pip-flow-nav{flex:1 1 auto;justify-content:center;gap:2px;padding:2px;border:0;background:transparent}
 body.pip-v12:not(.pip-v12-classic) .pip-flow-nav button{min-height:35px;padding:6px 8px;font-size:10px}
 body.pip-v12:not(.pip-v12-classic) .pip-flow-actions{flex:0 0 auto;gap:3px}
 body.pip-v12:not(.pip-v12-classic) .pip-flow-actions button{font-size:10px;min-height:35px;padding:6px 7px}
 body.pip-v12:not(.pip-v12-classic) #pipFlowClassic,body.pip-v12:not(.pip-v12-classic) #pipFlowToggleSetup{display:none}
 body.pip-v12:not(.pip-v12-classic) .mobile-nav{display:none!important}
 body.pip-v12:not(.pip-v12-classic) .layout{padding:3px 7px 7px}
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] .main-area{display:flex!important;flex-direction:column;gap:5px;min-height:0;height:calc(100dvh - 113px);overflow:hidden}
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #photo{display:none!important}
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #board{display:flex!important;flex-direction:column;order:1;padding:4px 6px!important;min-height:0;flex:0 0 auto;overflow:visible}
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #board>.section-top,body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #board>#directionQuick,body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #board>.summary-chips,body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #board>#photoStudio,body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #board>#manualBoardDetails,body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #board>#positionMore,body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #board>.editor-actions{display:none!important}
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #pipFlowBoardTop{padding:0 2px;margin:2px 0 4px}
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #pipFlowBoardState{display:none}
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] .pip-flow-board-actions button{padding:5px 6px;min-height:30px;font-size:10px}
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #pipUnifiedDock{display:block!important}
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #pipUnifiedDock #analysisBoardPanel .analysis-preview-top{padding:4px 7px;margin:0 0 4px;gap:3px;font-size:10px}
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #pipUnifiedDock #analysisBoardPanel .analysis-preview-top span{flex-basis:auto!important;font-size:10px}
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #pipUnifiedDock #analysisBoardPanel .analysis-preview-actions{display:none}
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #pipUnifiedDock #analysisBoardPanel .analysis-stage{padding:3px}
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] .mini-board-area .mini-board{aspect-ratio:1.44/1!important;border-width:3px!important}
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] .analysis-stage .mini-board .checker:not(.overflow){width:90%;max-width:25px;margin-top:-3px;border-width:1px}
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] .analysis-stage .mini-board .number-point{font-size:7px;line-height:12px;min-width:12px;padding:0 1px}
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #analysis{display:block!important;order:2;min-height:0;flex:1;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-width:thin;padding:5px!important}
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #analysis>.section-top,body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #analysis>#analysisBoardPanel{display:none!important}
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] .side-area{display:none!important}
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] .pip-flow-rail-head{padding:4px 3px}
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] .pip-flow-rail-head h2{font-size:14px}
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] .pip-flow-card>summary{min-height:43px;padding:8px 9px}
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] .pip-flow-card>summary strong{font-size:12px}
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] .pip-flow-card>summary small{font-size:9px}
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] .pip-flow-content{padding:5px 8px}
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] .pip-flow-card{border-radius:9px}
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] .analysis-stage .move-arrow-overlay .move-path{stroke-width:4}
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] .analysis-stage .mini-off-tray{padding:1px}
}
@media(max-width:380px){
 body.pip-v12:not(.pip-v12-classic) .pip-flow-nav button{padding:5px 5px;font-size:9px}
 body.pip-v12:not(.pip-v12-classic) #pipFlowHeader{gap:1px}
 body.pip-v12:not(.pip-v12-classic) .pip-flow-actions .pip-flow-main-action{padding:5px}
 body.pip-v12:not(.pip-v12-classic) .pip-flow-card>summary small{display:none}
}
/* In the original edit workflow retain every photo/corner/Yolo and bar/off control. */
body.pip-v12:not(.pip-v12-classic):not([data-pip-stage="result"]) #pipFlowBoardTop,body.pip-v12:not(.pip-v12-classic):not([data-pip-stage="result"]) #pipUnifiedDock{display:none!important}
body.pip-v12:not(.pip-v12-classic):not([data-pip-stage="result"]) #pipFlowRail{display:flex}
/* Classic view is the full previous implementation; never modify analysis code. */
body.pip-v12-classic #pipFlowHeader,body.pip-v12-classic #pipFlowRail,body.pip-v12-classic #pipFlowBoardTop{display:none!important}
@media(prefers-reduced-motion:reduce){.pip-flow-nav button,.pip-flow-card>summary::after{transition:none!important}}

/* Competition-style outer numbering; exactly mirrors the engine orientation. */
body.pip-v12:not(.pip-v12-classic) .analysis-stage .mini-board .number-point{visibility:hidden}
body.pip-v12:not(.pip-v12-classic) .analysis-stage .mini-board-area{margin:17px 0 17px}
body.pip-v12:not(.pip-v12-classic) .analysis-stage .pip-flow-point-labels{position:absolute;left:4px;right:4px;display:grid;grid-template-columns:repeat(6,minmax(0,1fr)) clamp(18px,4%,26px) repeat(6,minmax(0,1fr));direction:ltr;text-align:center;pointer-events:none;color:#d7eaff;font:700 11px Arial,sans-serif;z-index:2}
body.pip-v12:not(.pip-v12-classic) .analysis-stage .pip-flow-point-labels-top{top:-16px}
body.pip-v12:not(.pip-v12-classic) .analysis-stage .pip-flow-point-labels-bottom{bottom:-16px}
body.pip-v12:not(.pip-v12-classic) .analysis-stage .pip-flow-point-space{visibility:hidden}
@media(max-width:699px){body.pip-v12:not(.pip-v12-classic) .analysis-stage .mini-board-area{margin:14px 0}body.pip-v12:not(.pip-v12-classic) .analysis-stage .pip-flow-point-labels{grid-template-columns:repeat(6,minmax(0,1fr)) 16px repeat(6,minmax(0,1fr));font-size:9px}body.pip-v12:not(.pip-v12-classic) .analysis-stage .pip-flow-point-labels-top{top:-14px}body.pip-v12:not(.pip-v12-classic) .analysis-stage .pip-flow-point-labels-bottom{bottom:-14px}}

body.pip-v12:not(.pip-v12-classic) #pipFlowClassic{display:none!important}

/* Existing import/export and engine-lab widgets remain reachable in Reports. */
body.pip-v12:not(.pip-v12-classic) #pipFlowReportsBody .side-area{display:block!important;grid-column:auto!important;grid-row:auto!important;padding:0!important;margin:8px 0!important;background:transparent!important;max-height:none!important;overflow:visible!important}
body.pip-v12:not(.pip-v12-classic) #pipFlowReportsBody .side-card{margin:7px 0;padding:10px}
body.pip-v12:not(.pip-v12-classic) #pipFlowReportsBody .side-disclosure{background:#132846}

/* PIP GAMMON v1.3 — Competition board: strictly presentational.
   A single checker material is shared by editor, mini-board and trays.
   The user photo, PIP Vision masks and Sage mathematics are not modified. */
body.pip-v12:not(.pip-v12-classic) {
 --pip-deep:#070d21; --pip-card:#0d1934; --pip-border:#2b4375; --pip-accent:#246dff;
 --pip-navy-piece:radial-gradient(circle at 32% 24%,#364775 0%,#202e58 26%,#121b3e 60%,#070c24 86%,#030718 100%);
 --pip-white-piece:radial-gradient(circle at 32% 23%,#fff 0%,#f9fcff 31%,#e7effc 59%,#bed0e8 86%,#96accd 100%);
 background:radial-gradient(ellipse 72% 75% at 50% -20%,#1c305a,transparent 76%),#070c21;
}
body.pip-v12:not(.pip-v12-classic) #pipFlowHeader {
 background:#0b1530;border:1px solid #263b69;border-radius:11px;min-height:52px;margin:3px 0 5px;padding:5px 10px;
}
body.pip-v12:not(.pip-v12-classic) .main-area .panel{background:#0a1530;border-color:#263e70}
body.pip-v12:not(.pip-v12-classic) .pip-flow-card{background:#0d1932;border-color:#263e70;border-radius:10px}
body.pip-v12:not(.pip-v12-classic) .pip-flow-card[open]{background:#11203d;border-color:#385487}
body.pip-v12:not(.pip-v12-classic) .pip-flow-card>summary{min-height:43px;padding:8px 10px}
body.pip-v12:not(.pip-v12-classic) .pip-flow-content{padding:5px 9px 10px}
body.pip-v12:not(.pip-v12-classic) .pip-flow-icon{background:#14294f;color:#a6c2ef}
body.pip-v12:not(.pip-v12-classic) .pip-flow-rail-head{padding:5px 7px}
body.pip-v12:not(.pip-v12-classic) .pip-flow-rail-head h2{font-size:15px}
/* Preserve 24 point elements and original click mapping. */
body.pip-v12:not(.pip-v12-classic) .analysis-stage .mini-board {
 aspect-ratio:1.27/1!important;background:#087bf0!important;border:7px solid #07142c!important;
 box-shadow:inset 0 0 0 1px #3b88e9,0 4px 13px #0007!important;
}
body.pip-v12:not(.pip-v12-classic) .analysis-stage .point {background:linear-gradient(180deg,#0875e4,#299aff 51%,#0b7cef)!important}
body.pip-v12:not(.pip-v12-classic) .analysis-stage .point:before{background:#0059d1!important;opacity:1;left:1%;width:98%}
body.pip-v12:not(.pip-v12-classic) .analysis-stage .point.odd:before{background:#80c3ff!important;opacity:1}
/* All checker rendering sites use the same visual materials. No high-gloss glare. */
body.pip-v12:not(.pip-v12-classic) .checker.black:not(.overflow),
body.pip-v12:not(.pip-v12-classic) .off-checker.black,
body.pip-v12:not(.pip-v12-classic) .mini-tray-anchor[data-side="black"] {
 background:var(--pip-navy-piece)!important;
 border:2px solid #0b1432!important;color:#f2f7ff!important;
 box-shadow:inset 1px 2px 2px #92a9e54c,inset 0 -3px 4px #000a,0 0 0 1px #4b69a0,0 3px 4px #0106198c!important;
 filter:none!important;
}
body.pip-v12:not(.pip-v12-classic) .checker.white:not(.overflow),
body.pip-v12:not(.pip-v12-classic) .off-checker.white,
body.pip-v12:not(.pip-v12-classic) .mini-tray-anchor[data-side="white"] {
 background:var(--pip-white-piece)!important;
 border:2px solid #d3e0f5!important;color:#13223e!important;
 box-shadow:inset 1px 2px 2px #fff,inset 0 -3px 4px #8ca4ca91,0 0 0 1px #b8c9e4,0 3px 4px #01061987!important;
 filter:none!important;
}
body.pip-v12:not(.pip-v12-classic) .analysis-stage .mini-board .checker:not(.overflow) {
 box-sizing:border-box;border-radius:50%;width:90%;max-width:54px;aspect-ratio:1/1;
 margin-top:-5px;position:relative;
}
/* Extra checker count chip should not look like a gold disk. */
body.pip-v12:not(.pip-v12-classic) .checker.overflow {
 background:linear-gradient(145deg,#2c426f,#0a1636)!important;color:#f5f9ff!important;
 border:1px solid #7694c6!important;box-shadow:0 2px 4px #0007,inset 0 1px 1px #b1c8ef50!important;
 font-weight:800;
}
body.pip-v12:not(.pip-v12-classic) .analysis-stage .move-arrow-overlay .move-path {
 stroke:#ffe02b;stroke-width:4.5;stroke-linecap:round;
 filter:drop-shadow(0 1px 1px #010615) drop-shadow(0 0 1px #010615);
}
body.pip-v12:not(.pip-v12-classic) .analysis-stage .mini-bar-tray{background:linear-gradient(90deg,#061128,#153461 50%,#061128)!important}
body.pip-v12:not(.pip-v12-classic) .analysis-stage .mini-off-tray{background:#101e3b!important;border-color:#355280!important}
body.pip-v12:not(.pip-v12-classic) .pip-flow-point-labels{color:#f2f6ff!important;text-shadow:0 1px 1px #051431}
/* New explicit action: same underlying verified candidate, not a fabricated path. */
body.pip-v12:not(.pip-v12-classic) #pipFlowMovesBody .pip-v13-show-arrow {
 display:inline-flex;align-items:center;justify-content:center;cursor:pointer;
 padding:7px 10px;min-height:36px;margin:5px 0 2px;background:#183b72;color:#e9f2ff;
 border:1px solid #527fca;border-radius:8px;font:600 12px Tahoma,'Segoe UI',sans-serif;
}
body.pip-v12:not(.pip-v12-classic) #pipFlowMovesBody .pip-v13-show-arrow:focus-visible{outline:3px solid #ffdf48;outline-offset:2px}
body.pip-v12:not(.pip-v12-classic) #pipFlowMovesBody .move-item.move-picked{border-color:#ead052!important;box-shadow:inset 3px 0 0 #f5d650}
body.pip-v12:not(.pip-v12-classic) #pipFlowMovesBody .pip-v13-not-verified{color:#b8c6df;font-size:11px;line-height:1.65}
@media(min-width:1160px){
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] .main-area{
  grid-template-columns:minmax(184px,.70fr) minmax(0,1.85fr) minmax(305px,1fr)!important;
  gap:9px;height:calc(100dvh - 125px);
 }
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #photo{
  display:block!important;grid-column:1;grid-row:1;overflow-y:auto!important;
  scrollbar-width:thin;max-height:100%;min-height:0;padding:9px!important;
 }
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #photo .section-top{margin-bottom:8px}
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #photo .section-kicker{display:none}
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #photo h2{font-size:14px}
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #board{grid-column:2;grid-row:1;padding:8px!important}
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #analysis{grid-column:3;grid-row:1;padding:6px!important}
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #pipUnifiedDock{overflow:auto}
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #pipFlowRail{overflow-y:auto}
}
@media(min-width:700px) and (max-width:1159px){
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] .analysis-stage .mini-board{aspect-ratio:1.26/1!important}
}
@media(max-width:699px){
 body.pip-v12:not(.pip-v12-classic) #pipFlowHeader{padding:4px 6px}
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] .analysis-stage .mini-board{aspect-ratio:1.36/1!important;border-width:3px!important}
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] .analysis-stage .mini-board .checker:not(.overflow){max-width:26px;border-width:1.2px!important;margin-top:-3px}
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] .pip-flow-rail-head{padding:4px 6px}
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #analysis{scrollbar-width:thin}
 body.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] .pip-flow-card>summary{min-height:42px}
}
@media(prefers-reduced-motion:reduce){body.pip-v12:not(.pip-v12-classic) .checker{transition:none!important;animation:none!important}}


/* PIP UI v1.4 — remove visual repetition, never remove underlying inputs. */
body.pip-ui-v14.pip-v12:not(.pip-v12-classic){
 --pip-v14-text:#ecf5ff;--pip-v14-edge:#263b67;
 background:#080e20;color:var(--pip-v14-text)
}
body.pip-ui-v14.pip-v12:not(.pip-v12-classic) #pipFlowHeader{min-height:49px;padding:5px 10px;margin:3px clamp(7px,1.1vw,18px) 3px;background:#0a142b;border:1px solid #253d68}
body.pip-ui-v14.pip-v12:not(.pip-v12-classic) #pipFlowHeader .pip-flow-logo{font-size:16px}
body.pip-ui-v14.pip-v12:not(.pip-v12-classic) .pip-flow-nav button,body.pip-ui-v14.pip-v12:not(.pip-v12-classic) .pip-flow-actions button{min-height:32px;padding:5px 9px}
/* Exactly one connection badge: actual status remains in #connection. */
body.pip-ui-v14.pip-v12:not(.pip-v12-classic) #pipFlowEngineStatus,body.pip-ui-v14.pip-v12:not(.pip-v12-classic) #engineTag{display:none!important}
body.pip-ui-v14.pip-v12:not(.pip-v12-classic) .section-kicker,body.pip-ui-v14.pip-v12:not(.pip-v12-classic) .pip-flow-rail-head>div>span,body.pip-ui-v14.pip-v12:not(.pip-v12-classic) .pip-flow-card>summary small{display:none!important}
body.pip-ui-v14.pip-v12:not(.pip-v12-classic) .pip-flow-rail-head{padding:2px 5px 4px}
body.pip-ui-v14.pip-v12:not(.pip-v12-classic) .pip-flow-rail-head h2{font-size:13px;margin:0}
body.pip-ui-v14.pip-v12:not(.pip-v12-classic) #pipFlowRail{gap:5px}
body.pip-ui-v14.pip-v12:not(.pip-v12-classic) .pip-flow-card>summary{padding:6px 9px;min-height:36px;gap:7px}
body.pip-ui-v14.pip-v12:not(.pip-v12-classic) .pip-flow-card>summary strong{font-size:12px}
body.pip-ui-v14.pip-v12:not(.pip-v12-classic) .pip-flow-icon{width:22px;height:22px;flex-basis:22px;font-size:13px}
body.pip-ui-v14.pip-v12:not(.pip-v12-classic) .pip-flow-content{padding:5px 8px 8px}
body.pip-ui-v14.pip-v12:not(.pip-v12-classic) .analysis-quick{padding:7px!important;margin:0!important}
body.pip-ui-v14.pip-v12:not(.pip-v12-classic) .engine-picker{padding:5px!important;min-height:0!important}
body.pip-ui-v14.pip-v12:not(.pip-v12-classic) .engine-picker label{font-size:10px}
body.pip-ui-v14.pip-v12:not(.pip-v12-classic) .engine-picker select{min-height:31px;padding:4px 6px}
body.pip-ui-v14.pip-v12:not(.pip-v12-classic) .engine-picker .muted{display:none!important}
body.pip-ui-v14.pip-v12:not(.pip-v12-classic) .quick-fields{gap:4px}
body.pip-ui-v14.pip-v12:not(.pip-v12-classic) .quick-fields label{font-size:10px}
body.pip-ui-v14.pip-v12:not(.pip-v12-classic) .quick-fields select{min-height:31px}
body.pip-ui-v14.pip-v12:not(.pip-v12-classic) #pipFlowGameBody .game-context-heading,body.pip-ui-v14.pip-v12:not(.pip-v12-classic) #pipFlowGameBody .context-help{display:none!important}
body.pip-ui-v14.pip-v12:not(.pip-v12-classic) .pip-flow-card{background:#0c1730;border-color:#253e6b}
body.pip-ui-v14.pip-v12:not(.pip-v12-classic) .pip-flow-card[open]{background:#11203b;border-color:#355785}
body.pip-ui-v14.pip-v12:not(.pip-v12-classic) #photo{background:#0b162d!important}
body.pip-ui-v14.pip-v12:not(.pip-v12-classic) #photo .section-top{margin:0 0 6px}
body.pip-ui-v14.pip-v12:not(.pip-v12-classic) #photo h2{font-size:14px}
body.pip-ui-v14.pip-v12:not(.pip-v12-classic) #photo .upload-glyph,body.pip-ui-v14.pip-v12:not(.pip-v12-classic) #photo .upload-zone h3,body.pip-ui-v14.pip-v12:not(.pip-v12-classic) #photo .upload-zone p{display:none!important}
body.pip-ui-v14.pip-v12:not(.pip-v12-classic) #photo .upload-zone{padding:6px!important;min-height:0!important;border-radius:9px}
body.pip-ui-v14.pip-v12:not(.pip-v12-classic) #photo .upload-buttons{gap:5px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
body.pip-ui-v14.pip-v12:not(.pip-v12-classic) #photo .upload-buttons>*{min-width:0;min-height:33px;padding:6px 3px;font-size:10px}
body.pip-ui-v14.pip-v12:not(.pip-v12-classic) #photo #pasteBtn{grid-column:1/-1}
body.pip-ui-v14.pip-v12:not(.pip-v12-classic) #photo #visionInfo{padding:7px 8px;font-size:10px;line-height:1.6;margin:5px 0}
body.pip-ui-v14.pip-v12:not(.pip-v12-classic) #photo .image-actions{gap:4px;flex-wrap:wrap}
body.pip-ui-v14.pip-v12:not(.pip-v12-classic) #photo .image-actions .btn{padding:5px;font-size:10px}
/* Real Pip Count, visible above the board in both editor and results. */
body.pip-ui-v14.pip-v12:not(.pip-v12-classic) #pipV14Pips{display:grid;grid-template-columns:1fr 1fr minmax(95px,.88fr);gap:6px;margin:1px 0 6px;direction:rtl}
.pip-v14-pip-card,.pip-v14-pip-count{display:flex;align-items:center;gap:9px;border-radius:9px;border:1px solid #305482;background:#0e2341;padding:6px 10px;min-width:0;min-height:50px}
.pip-v14-pip-card>div{display:flex;flex-direction:column;gap:1px;min-width:0}
.pip-v14-pip-card small,.pip-v14-pip-count small{color:#a5bfdc;font-size:10px}
.pip-v14-pip-card strong{font-size:22px;color:#f6fbff;font-variant-numeric:tabular-nums;line-height:1.15}
.pip-v14-pip-count{flex-direction:column;justify-content:center;gap:3px;text-align:center;font-size:11px;color:#e4eefc;white-space:nowrap}
.pip-v14-piece{display:inline-block;flex:0 0 23px;width:23px;height:23px;border-radius:50%;vertical-align:middle}
.pip-v14-piece.white,.pip-v14-pip-card.white>.pip-v14-piece{background:radial-gradient(circle at 36% 25%,#fff 0%,#f5faff 42%,#d1deef 80%,#9fb4ce 100%);border:1px solid #d9e7f8;box-shadow:inset 0 -2px 3px #8fa5c5,0 2px 3px #0006}
.pip-v14-piece.black,.pip-v14-pip-card.black>.pip-v14-piece{background:radial-gradient(circle at 35% 20%,#33466e,#101d40 63%,#050b21 95%);border:1px solid #5974ab;box-shadow:inset 0 -2px 3px #0008,0 2px 3px #0008}
/* Clear high-value turn + dice controls; proxy input events update original selects. */
body.pip-ui-v14.pip-v12:not(.pip-v12-classic) #pipV14Quick{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:7px;padding:5px 8px;margin-bottom:5px;border:1px solid #264774;border-radius:9px;background:#101c35;direction:rtl}
.pip-v14-turn,.pip-v14-dice{display:flex;gap:5px;align-items:center}
.pip-v14-turn>span{font-size:11px;color:#aec8ea;margin-left:3px}
.pip-v14-turn button{background:#0c1b38;border:1px solid #35517d;color:#e4efff;padding:4px 9px;border-radius:8px;display:flex;gap:5px;align-items:center;font:600 11px Tahoma,'Segoe UI';min-height:32px;cursor:pointer}
.pip-v14-turn button.chosen{background:#205de0;border-color:#6b9dfd;color:white}
.pip-v14-turn .pip-v14-piece{height:16px;width:16px;flex-basis:16px}
.pip-v14-dice label{display:flex;align-items:center;gap:4px;color:#b7cae6;font-size:10px}
.pip-v14-dice select{border:1px solid #44618d;border-radius:7px;min-height:31px;padding:3px 7px;background:#101d38;color:#f0f6ff;font-size:12px;min-width:40px}
.pip-v14-turn button:focus-visible,.pip-v14-dice select:focus-visible{outline:2px solid #f3d660;outline-offset:2px}
/* Replace noisy raw candidate headlines with a useful real-time snapshot. */
body.pip-ui-v14.pip-v12:not(.pip-v12-classic) #pipV14Snapshot{display:block;margin-top:7px;border:1px solid #2b4773;background:#0e203a;border-radius:11px;padding:9px}
.pip-v14-snapshot h3{margin:0 0 7px;font-size:13px;color:#ecf5ff}
.pip-v14-snapshot dl{margin:0;display:grid;gap:0}
.pip-v14-snapshot dl>div{display:flex;justify-content:space-between;gap:6px;align-items:center;border-bottom:1px solid #31476b;padding:5px 1px;font-size:11px}
.pip-v14-snapshot dl>div:last-child{border:0}
.pip-v14-snapshot dt{color:#b7cce9}.pip-v14-snapshot dd{margin:0;color:#f2f7ff;font-weight:bold;font-variant-numeric:tabular-nums}
body.pip-ui-v14.pip-v12:not(.pip-v12-classic) #board .direction-quick{padding:7px;margin:5px 0}
body.pip-ui-v14.pip-v12:not(.pip-v12-classic) #board .direction-quick-header small,body.pip-ui-v14.pip-v12:not(.pip-v12-classic) #board .direction-quick-status{display:none}
body.pip-ui-v14.pip-v12:not(.pip-v12-classic) #board .direction-quick-header strong{font-size:12px}
body.pip-ui-v14.pip-v12:not(.pip-v12-classic) #board .direction-choice-btn{min-height:33px;padding:5px 7px;font-size:11px}
body.pip-ui-v14.pip-v12:not(.pip-v12-classic) #board .summary-chips{gap:5px;margin:5px 0}
body.pip-ui-v14.pip-v12:not(.pip-v12-classic) #board .summary-chips .chip{padding:6px 7px;min-height:36px}
body.pip-ui-v14.pip-v12:not(.pip-v12-classic) #board .section-top h2{font-size:15px}
body.pip-ui-v14.pip-v12:not(.pip-v12-classic) #photo .photo-options summary,body.pip-ui-v14.pip-v12:not(.pip-v12-classic) #board .position-more summary{font-size:11px}
body.pip-ui-v14.pip-v12:not(.pip-v12-classic) #analysis .analysis-quick .quick-fields{font-size:11px}
body.pip-ui-v14.pip-v12:not(.pip-v12-classic) #pipFlowBoardTop{margin:0 0 4px;padding:3px 5px}
body.pip-ui-v14.pip-v12:not(.pip-v12-classic) #pipFlowBoardTop .pip-flow-board-heading strong{font-size:12px}
@media(min-width:1160px){
 body.pip-ui-v14.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] .main-area{grid-template-columns:minmax(178px,.67fr) minmax(0,1.94fr) minmax(285px,.99fr)!important;height:calc(100dvh - 112px)}
 body.pip-ui-v14.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #photo{padding:8px!important}
 body.pip-ui-v14.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #board{padding:6px!important}
 body.pip-ui-v14.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #analysis{padding:4px!important}
 body.pip-ui-v14.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #pipUnifiedDock{overflow-y:auto}
}
@media(max-width:1159px){
 body.pip-ui-v14.pip-v12:not(.pip-v12-classic) #pipFlowHeader{gap:4px;margin:4px 8px;padding:5px}
 body.pip-ui-v14.pip-v12:not(.pip-v12-classic) #pipV14Pips{grid-template-columns:1fr 1fr minmax(75px,.75fr)}
}
@media(max-width:699px){
 body.pip-ui-v14.pip-v12:not(.pip-v12-classic) #pipV14Pips{gap:3px;margin-bottom:3px;grid-template-columns:1fr 1fr minmax(84px,.95fr)}
 .pip-v14-pip-card,.pip-v14-pip-count{min-height:42px;padding:3px 5px;gap:4px}
 .pip-v14-pip-card .pip-v14-piece{width:17px;height:17px;flex-basis:17px}
 .pip-v14-pip-card strong{font-size:17px}
 .pip-v14-pip-card small,.pip-v14-pip-count small{font-size:9px}
 .pip-v14-pip-count{font-size:9px;white-space:normal}
 body.pip-ui-v14.pip-v12:not(.pip-v12-classic) #pipV14Quick{gap:3px;margin-bottom:3px;padding:3px 5px;justify-content:center}
 .pip-v14-turn>span{font-size:10px}
 .pip-v14-turn button{padding:2px 5px;min-height:28px;font-size:10px}
 .pip-v14-dice select{min-height:28px;padding:2px 4px;min-width:36px}
 .pip-v14-dice label{font-size:9px}
 body.pip-ui-v14.pip-v12:not(.pip-v12-classic) #pipFlowRail{gap:3px}
 body.pip-ui-v14.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] .main-area{height:calc(100dvh - 104px)}
 body.pip-ui-v14.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] .pip-flow-rail-head{display:none}
 body.pip-ui-v14.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #pipFlowGame:not([open]){display:block}
 body.pip-ui-v14.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] .pip-flow-card>summary{min-height:36px}
}
@media(prefers-reduced-motion:reduce){body.pip-ui-v14 .pip-v14-pip-card *{transition:none!important}}

/* v1.4 audited: narrow photo rail buttons must never overlap. */
body.pip-ui-v14.pip-v12:not(.pip-v12-classic) #photo .upload-buttons{grid-template-columns:minmax(0,1fr)!important;gap:4px!important}
body.pip-ui-v14.pip-v12:not(.pip-v12-classic) #photo .upload-buttons>*{grid-column:1!important;display:flex;align-items:center;justify-content:center;text-align:center;white-space:normal;line-height:1.45;overflow-wrap:anywhere;width:100%;box-sizing:border-box;min-height:33px}
body.pip-ui-v14.pip-v12:not(.pip-v12-classic) #photo .upload-zone{width:100%;min-width:0;box-sizing:border-box}
body.pip-ui-v14.pip-v12:not(.pip-v12-classic) #photo .notice{overflow-wrap:anywhere}


/* PIP mobile focus v1.5 — board and engine explanation together.
   No nested short scroll boxes. Prior capabilities stay in their original DOM. */
body.pip-mobile-focus-v15 .move-item.pip-v15-active-move{border:1px solid #5c9df1!important;background:#152d50!important;box-shadow:inset 3px 0 #5eabff}
body.pip-mobile-focus-v15 .move-item.pip-v15-active-move .move-steps{color:#f6fbff}
.pip-v15-controls{display:none}
@media(max-width:699px){
 body.pip-mobile-focus-v15.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"]{
  overflow-y:auto!important;overflow-x:hidden!important;height:auto!important;
 }
 body.pip-mobile-focus-v15.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] .layout{
  padding:0 6px 16px!important;min-height:0!important;height:auto!important;overflow:visible!important;
 }
 body.pip-mobile-focus-v15.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] .main-area{
  display:flex!important;flex-direction:column!important;overflow:visible!important;
  height:auto!important;max-height:none!important;min-height:0!important;gap:8px!important;
 }
 body.pip-mobile-focus-v15.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #board{
  position:sticky!important;top:0!important;z-index:15!important;
  min-height:0!important;max-height:none!important;height:auto!important;
  overflow:visible!important;flex:0 0 auto!important;
  background:#0a1730!important;padding:4px 5px 5px!important;
  border-color:#375a89!important;box-shadow:0 7px 18px #0009!important;
 }
 body.pip-mobile-focus-v15.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #pipV14Pips{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:4px!important;margin:0 0 3px!important;
 }
 body.pip-mobile-focus-v15.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #pipV14Pips>.pip-v14-pip-count{display:none!important}
 body.pip-mobile-focus-v15.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #pipV14Pips>.pip-v14-pip-card{
  min-height:31px!important;padding:2px 8px!important;flex-direction:row!important;
 }
 body.pip-mobile-focus-v15.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] .pip-v14-pip-card>div{
  display:flex!important;flex-direction:row!important;gap:5px;align-items:center
 }
 body.pip-mobile-focus-v15.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] .pip-v14-pip-card strong{font-size:16px!important}
 body.pip-mobile-focus-v15.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #pipV14Quick{
  padding:2px 4px!important;margin-bottom:3px!important;gap:3px!important;flex-wrap:nowrap!important;
  justify-content:space-between!important;
 }
 body.pip-mobile-focus-v15.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] .pip-v14-turn>span{display:none!important}
 body.pip-mobile-focus-v15.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] .pip-v14-turn button{
  min-height:27px!important;padding:2px 5px!important;font-size:10px!important
 }
 body.pip-mobile-focus-v15.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] .pip-v14-dice label{gap:2px!important;font-size:9px!important}
 body.pip-mobile-focus-v15.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] .pip-v14-dice select{min-height:27px!important;min-width:34px!important}
 body.pip-mobile-focus-v15.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #pipFlowBoardTop{display:none!important}
 body.pip-mobile-focus-v15.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] .pip-v15-controls{
  display:flex;align-items:center;justify-content:space-between;gap:5px;
  padding:3px 2px;direction:rtl;min-height:30px;
 }
 .pip-v15-selection{font-size:10px;color:#c7dcf7;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}
 .pip-v15-control-buttons{display:flex;align-items:center;flex:0 0 auto;gap:3px}
 .pip-v15-control-buttons button{background:#1a3151;border:1px solid #496c9a;border-radius:7px;color:#eaf3ff;font:500 10px Tahoma,'Segoe UI',sans-serif;min-height:29px;padding:3px 5px;white-space:nowrap;cursor:pointer}
 .pip-v15-control-buttons button[aria-pressed="true"]{background:#2157bb}
 body.pip-mobile-focus-v15.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #pipUnifiedDock{
  display:block!important;flex:0 0 auto!important;min-height:0!important;
  height:auto!important;max-height:none!important;overflow:visible!important;
 }
 body.pip-mobile-focus-v15.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #pipUnifiedDock #analysisBoardPanel .analysis-preview-top{
  display:none!important;
 }
 body.pip-mobile-focus-v15.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #pipUnifiedDock #analysisBoardPanel .analysis-stage{
  padding:2px!important;box-shadow:none!important;border-color:#274e85!important;
 }
 body.pip-mobile-focus-v15.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #pipUnifiedDock .mini-board-area{
  margin:12px 0 12px!important;
 }
 body.pip-mobile-focus-v15.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #analysis{
  display:block!important;flex:1 0 auto!important;min-height:0!important;
  height:auto!important;max-height:none!important;
  overflow:visible!important;padding:0 1px 20px!important;
  overscroll-behavior:auto!important;
 }
 body.pip-mobile-focus-v15.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #pipFlowRail{
  overflow:visible!important;max-height:none!important;height:auto!important;
  overscroll-behavior:auto!important;
 }
 body.pip-mobile-focus-v15.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #pipFlowMovesBody #results{
  overflow:visible!important;max-height:none!important;height:auto!important;
  font-size:13px;line-height:1.65;
 }
 body.pip-mobile-focus-v15.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #pipFlowMovesBody .move-steps{
  font-size:15px;overflow-wrap:anywhere;line-height:1.6;
 }
 body.pip-mobile-focus-v15.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] .pip-flow-card>summary{
  min-height:43px!important;padding:10px!important;
 }
 body.pip-mobile-focus-v15.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #pipFlowMovesBody .move-item{
  padding:12px 10px!important;min-height:52px;
 }
 body.pip-mobile-focus-v15.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] #pipFlowMovesBody .pip-v13-show-arrow{
  min-height:36px;white-space:normal;
 }
 body.pip-mobile-focus-v15.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"].pip-v15-board-expanded #board{
  position:relative!important;
 }
 body.pip-mobile-focus-v15.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"].pip-v15-board-expanded #pipV14Pips>.pip-v14-pip-count{display:flex!important}
 body.pip-mobile-focus-v15.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"].pip-v15-board-expanded #pipV14Pips{grid-template-columns:1fr 1fr minmax(0,.8fr)!important}
 body.pip-mobile-focus-v15.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"].pip-v15-board-expanded #pipFlowBoardTop{display:flex!important}
 body.pip-mobile-focus-v15.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"].pip-v15-board-expanded #pipUnifiedDock #analysisBoardPanel .analysis-preview-top{display:flex!important}
}
@media(max-width:380px){
 body.pip-mobile-focus-v15.pip-v12:not(.pip-v12-classic)[data-pip-stage="result"] .pip-v15-selection{font-size:9px}
 .pip-v15-control-buttons button{font-size:9px;padding:3px 4px}
}
@media(prefers-reduced-motion:reduce){body.pip-mobile-focus-v15 *{scroll-behavior:auto!important}}

/* PIP MATCH SCORE EDUCATION V1.6 — compact, mobile readable, no nested scrolling. */
.pip-match-lab{margin:10px 0;border:1px solid #3b658d;border-radius:12px;background:linear-gradient(140deg,#11253d,#102039);color:#e8f1ff;min-width:0}
.pip-match-lab>summary{cursor:pointer;padding:12px 14px;font-size:14px;font-weight:750;line-height:1.5;list-style-position:inside}
.pip-match-lab[open]>summary{border-bottom:1px solid #294967}
.pip-match-inner{padding:12px;display:grid;gap:11px;min-width:0}
.pip-match-help,.pip-match-foot{font-size:12px;line-height:1.9;color:#b2c8e0;margin:0}
.pip-match-now{padding:8px 10px;border:1px solid #325878;border-radius:9px;background:#162f4d;font-weight:650;font-size:12px}
.pip-match-presets{display:flex;align-items:center;gap:5px;flex-wrap:wrap;font-size:12px}
.pip-match-presets>span{margin-left:4px}
.pip-match-presets button{border:1px solid #3f6384;border-radius:8px;background:#172b49;color:#e8f1ff;padding:5px 12px;min-height:34px}
.pip-match-presets button.selected{background:#2562be;border-color:#78aefa}
.pip-match-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.pip-match-fields label{display:grid;gap:6px;font-size:11px;min-width:0;color:#d4e7ff}
.pip-match-fields input,.pip-match-fields select{width:100%;box-sizing:border-box;min-width:0;padding:8px 6px;background:#162b47;color:#fff;border:1px solid #3f6f9e;border-radius:8px;min-height:39px;font:inherit}
.pip-match-crawford{display:flex;gap:8px;align-items:center;font-size:12px}
.pip-match-crawford input{width:18px;height:18px;accent-color:#397be4}
.pip-match-actions{display:flex;gap:7px;flex-wrap:wrap}
.pip-match-actions button{flex:1 1 135px;min-height:42px;border:1px solid #5f97de;border-radius:10px;background:#1e56ad;color:white;padding:8px;font-weight:650;cursor:pointer}
.pip-match-actions button[disabled]{opacity:.48;cursor:not-allowed}
.pip-match-actions #pipMatchCancel{background:#402d53;border-color:#b18ab6}
.pip-match-status{font-size:12px;line-height:1.8;background:#1d3651;border-radius:8px;padding:9px;overflow-wrap:anywhere}
.pip-match-result{min-width:0}.pip-match-compare{display:grid;gap:8px}
.pip-match-compare h4{font-size:14px;margin:0;color:#cce5ff}
.pip-match-contexts{display:grid;gap:5px}.pip-match-contexts span{font-size:12px;background:#1c3551;border-radius:7px;padding:8px}
.pip-match-compare table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:11px;direction:rtl;line-height:1.5}
.pip-match-compare th,.pip-match-compare td{border-bottom:1px solid #35516b;padding:8px 2px;text-align:center;overflow-wrap:anywhere}
.pip-match-compare th{font-size:10px;color:#c7daef}
.pip-match-moves{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.pip-match-moves>div{display:grid;gap:7px;padding:10px;background:#193751;border-radius:10px;min-width:0}
.pip-match-moves strong{font-size:14px;overflow-wrap:anywhere}.pip-match-moves small{color:#aec9e1}
.pip-match-shortcut{border:1px solid #4d83b8;border-radius:9px;background:#163453;color:#e0efff;font-size:11px;padding:6px 10px;cursor:pointer;min-height:32px}
@media(max-width:700px){.pip-match-inner{padding:10px}.pip-match-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.pip-match-shortcut{font-size:10px;max-width:100%;white-space:normal}}
@media(max-width:355px){.pip-match-fields{grid-template-columns:1fr}.pip-match-presets button{padding:5px 9px}}

/* BG_ANALYSE_INPLACE_V241_BEGIN */
/* BG Analyse v2.4 in-place. Scoped presentation shell; original PIP v1.6 untouched. */
body.bg-analyse-ui{
 --bg-page:#191c22; --bg-panel:#282d34; --bg-panel-hi:#303741;
 --bg-line:#434e58; --bg-ink:#f2f4f5; --bg-muted:#afbbc5;
 --bg-teal:#0ea99a; --bg-teal-light:#81e6d2; --bg-gold:#edc461;
 background:var(--bg-page)!important;color:var(--bg-ink)!important;
}
body.bg-analyse-ui,body.bg-analyse-ui button,body.bg-analyse-ui select,body.bg-analyse-ui input {font-family:Tahoma,'Segoe UI',sans-serif}
body.bg-analyse-ui * {box-sizing:border-box}
body.bg-analyse-ui button{transition:background .15s ease,border-color .15s ease,transform .15s ease}
body.bg-analyse-ui button:focus-visible,body.bg-analyse-ui select:focus-visible{outline:2px solid #7ce1d0!important;outline-offset:2px}
body.bg-analyse-ui #bgAnalyseHeader{height:65px;display:flex;align-items:center;gap:20px;padding:0 clamp(12px,2vw,26px);border-bottom:1px solid #3a444e;background:#232730;position:relative;z-index:35;direction:ltr}
body.bg-analyse-ui #bgAnalyseHeader .bg-brand{display:flex;align-items:center;gap:9px;white-space:nowrap;color:#f2f4f5}
body.bg-analyse-ui .bg-brand-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:white;font-size:27px;background:linear-gradient(145deg,#20a9c5,#1979b6)}
body.bg-analyse-ui .bg-brand strong{font-size:18px;letter-spacing:.3px}
body.bg-analyse-ui .bg-brand em{font-style:normal;color:#73dbd2}
body.bg-analyse-ui .bg-main-nav{display:flex;gap:5px;margin:0 auto;direction:rtl}
body.bg-analyse-ui .bg-main-nav button{background:transparent;border:1px solid transparent;padding:10px 13px;color:#b9c7ce;border-radius:10px;white-space:nowrap;min-height:39px;font-size:12px;cursor:pointer}
body.bg-analyse-ui .bg-main-nav button:hover{background:#343c43;color:#fff}
body.bg-analyse-ui .bg-main-nav button.is-active{background:#25514e;color:#adf3e6;border-color:#487d74}
body.bg-analyse-ui .bg-live-state{display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:50px;background:#263b39;border:1px solid #44605c;color:#b3e6d5;font-size:10px;white-space:nowrap;direction:rtl}
body.bg-analyse-ui .bg-live-dot{width:7px;height:7px;border-radius:50%;background:#52bf92}
body.bg-analyse-ui .topbar{display:none!important}
body.bg-analyse-ui #pipFlowHeader{display:none!important}
body.bg-analyse-ui #pipUnifiedBar{background:#252c34!important;color:#edf3f5;border-color:#404a53!important;border-radius:12px!important}
body.bg-analyse-ui #pipUnifiedBar button,body.bg-analyse-ui #pipFlowRail button{border-radius:10px}
body.bg-analyse-ui .panel,body.bg-analyse-ui .side-card,body.bg-analyse-ui .side-disclosure{border-color:#404c55;background:#242b33;color:#ecf1f3}
body.bg-analyse-ui #bgAnalyseWorkspace[hidden]{display:none!important}
body.bg-analyse-ui.bg-analyse-view .layout,body.bg-analyse-ui.bg-analyse-view #pipUnifiedBar,body.bg-analyse-ui.bg-analyse-view .mobile-nav {display:none!important}
body.bg-analyse-ui.bg-analyse-view{height:100dvh!important;overflow:hidden!important}
body.bg-analyse-ui.bg-analyse-view #app{height:100dvh!important;max-height:100dvh!important;min-height:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
body.bg-analyse-ui #bgAnalyseWorkspace{direction:ltr;display:grid;grid-template-columns:minmax(190px,225px) minmax(0,1fr) minmax(305px,375px);max-width:1840px;width:100%;margin-inline:auto;align-items:stretch;gap:12px;padding:12px;flex:1 1 0;min-height:0;max-height:calc(100dvh - 65px)}
body.bg-analyse-ui #bgAnalyseWorkspace>*{direction:rtl;min-width:0;min-height:0}
body.bg-analyse-ui .bg-left,body.bg-analyse-ui .bg-right{background:linear-gradient(160deg,#2c323a,#232a32);border:1px solid var(--bg-line);border-radius:16px;padding:14px;box-shadow:0 8px 24px #0002;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#68727b transparent}
body.bg-analyse-ui .bg-panel-title{display:flex;flex-direction:column;gap:2px;margin-bottom:13px}
body.bg-analyse-ui .bg-panel-title h2{font-size:15px;margin:0;color:white}
body.bg-analyse-ui .bg-subtext,body.bg-analyse-ui .bg-hint{font-size:10px;color:var(--bg-muted);line-height:1.8}
body.bg-analyse-ui .bg-photo{aspect-ratio:1.75;border-radius:12px;border:1px solid #55616b;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(150deg,#24323d,#1e242b);gap:7px;color:#aebdc8}
body.bg-analyse-ui .bg-photo>span{font-size:26px;color:#8cbac8}
body.bg-analyse-ui .bg-photo>small{font-size:11px}
body.bg-analyse-ui .bg-photo img{width:100%;height:100%;object-fit:contain}
body.bg-analyse-ui .bg-btn-pair{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0}
body.bg-analyse-ui .bg-btn-pair button{min-width:0;background:#36424a;border:1px solid #61717b;color:#eff5f6;border-radius:10px;min-height:39px;padding:5px;font-size:11px;cursor:pointer}
body.bg-analyse-ui .bg-btn-pair button:first-child{background:linear-gradient(135deg,#12ada2,#087a77);border-color:#2ebdb0;color:#fff}
body.bg-analyse-ui #bgNativeGame{min-width:0}
body.bg-analyse-ui #bgNativeGame #pipFlowGame{display:block!important;margin:9px 0!important;background:#2b333b!important;border:1px solid #45535e!important;border-radius:11px;overflow:hidden}
body.bg-analyse-ui #bgNativeGame #pipFlowGame>summary{display:flex!important;align-items:center;min-height:37px!important;padding:9px 10px!important;color:#dce8eb!important;font-size:11px!important;cursor:pointer}
body.bg-analyse-ui #bgNativeGame #pipFlowGame>summary small{display:none!important}
body.bg-analyse-ui #bgNativeGame #pipFlowGame .pip-flow-content{padding:8px!important}
body.bg-analyse-ui #bgNativeGame .analysis-quick{margin:0!important;padding:7px!important;border:0!important;background:transparent!important}
body.bg-analyse-ui #bgNativeGame .quick-fields{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
body.bg-analyse-ui #bgNativeGame label{font-size:10px;color:#bcc9d2}
body.bg-analyse-ui #bgNativeGame select,body.bg-analyse-ui #bgNativeGame input{background:#1c242b!important;color:#eff6f7!important;border:1px solid #56656f!important;border-radius:8px!important;max-width:100%;min-width:0;padding:5px!important}
body.bg-analyse-ui #bgNativeGame .engine-picker{margin-top:10px}
body.bg-analyse-ui #bgNativeGame .analysis-match-details{background:#262d35!important;border-color:#4b5964!important}
body.bg-analyse-ui .bg-actions-small{display:grid;gap:8px;margin:11px 0}
body.bg-analyse-ui .bg-actions-small button{font-size:12px;font-weight:700;min-height:39px;border-radius:11px;border:1px solid #30b5a6;color:white;background:linear-gradient(130deg,#1db3a7,#0a857f);cursor:pointer}
body.bg-analyse-ui .bg-actions-small button:nth-child(2){border-color:#697680;background:#36404a;color:#e1e9ed}
body.bg-analyse-ui .bg-center{display:flex;flex-direction:column;gap:10px;min-height:0}
body.bg-analyse-ui .bg-stats{display:grid;gap:7px;flex:0 0 auto;min-height:0}
body.bg-analyse-ui #bgNativeStats #pipV14Pips{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;width:100%!important;margin:0!important}
body.bg-analyse-ui #bgNativeStats .pip-v14-pip-card,body.bg-analyse-ui #bgNativeStats .pip-v14-pip-count{background:#2b333b!important;border:1px solid #4a5964!important;border-radius:11px!important;min-height:49px!important;color:#eef5f5!important}
body.bg-analyse-ui #bgNativeStats .pip-v14-pip-card strong{color:white!important}
body.bg-analyse-ui #bgNativeStats #pipV14Quick{display:flex!important;align-items:center;justify-content:space-between;gap:6px;margin:0!important;background:#2b333b!important;border:1px solid #4a5964!important;border-radius:10px!important;padding:6px!important}
body.bg-analyse-ui #bgNativeStats .pip-v14-turn button{background:#27313b;color:#dce7e8;border:1px solid #53636f;border-radius:9px!important}
body.bg-analyse-ui #bgNativeStats .pip-v14-turn button.chosen{background:#255b55!important;border-color:#46c0b0!important;color:white}
body.bg-analyse-ui #bgNativeStats select{background:#25313a!important;border:1px solid #53616a!important;color:white!important}
body.bg-analyse-ui .bg-board-card{background:linear-gradient(155deg,#2a303a,#242a32);border:1px solid #47515b;border-radius:16px;min-height:0;flex:1;display:flex;flex-direction:column;padding:12px;box-shadow:0 8px 24px #0002}
body.bg-analyse-ui .bg-board-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
body.bg-analyse-ui .bg-board-card-head h2{color:#f2f5f8;font-size:14px;margin:0}
body.bg-analyse-ui .bg-board-card-head p{color:#aab8c1;font-size:10px;margin:3px 0 0}
body.bg-analyse-ui #bgEnlarge{min-height:33px;border:1px solid #56646e;background:#35414a;color:#f1f4f5;font-size:11px;border-radius:9px;padding:5px 9px;white-space:nowrap;cursor:pointer}
body.bg-analyse-ui #bgNativeBoardHeader #pipFlowBoardTop{display:flex!important;align-items:center;justify-content:space-between;gap:4px!important;margin:0 0 5px!important;padding:5px!important;border-radius:9px!important;background:#2d3840!important;border-color:#53636b!important}
body.bg-analyse-ui #bgNativeBoardHeader .pip-flow-board-heading{display:none!important}
body.bg-analyse-ui #bgNativeBoardHeader .pip-flow-board-actions{display:flex!important;justify-content:center;gap:6px;flex:1}
body.bg-analyse-ui #bgNativeBoardHeader button{font-size:11px!important;min-height:31px!important;border-radius:8px!important;background:#35454e!important;color:#e5eff1!important;border:1px solid #536e78!important}
body.bg-analyse-ui #bgNativeBoardHeader button.is-on{background:#236f68!important;border-color:#5fd3be!important;color:#fff!important}
body.bg-analyse-ui .bg-board-stack{width:100%;max-width:100%;margin:auto;flex:0 0 auto;min-height:0;display:block}
body.bg-analyse-ui .bg-board-expanded .bg-board-stack{width:100%}
body.bg-analyse-ui #bgNativeBoard,body.bg-analyse-ui #pipUnifiedDock{width:100%!important;min-width:0!important;display:block!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;padding:0!important;margin:0!important;box-shadow:none!important;background:transparent!important;border:0!important}
body.bg-analyse-ui #pipUnifiedDock .pip-u-stage-title{display:none!important}
body.bg-analyse-ui #bgNativeBoard #analysisBoardPanel{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;max-height:none!important;height:auto!important}
body.bg-analyse-ui #bgNativeBoard #analysisBoardPanel .analysis-preview-top{display:none!important}
body.bg-analyse-ui #bgNativeBoard #analysisBoardPanel .analysis-preview-actions{display:none!important}
body.bg-analyse-ui #bgNativeBoard #analysisStage{display:block!important;width:100%!important;min-height:0!important;height:auto!important;max-height:none!important;overflow:visible!important;padding:3px!important;margin:0!important;border:1px solid #6b7b8a!important;border-radius:11px!important;background:#132c46!important}
body.bg-analyse-ui #bgNativeBoard #analysisStage .mini-board-area{margin:14px 0!important;max-width:100%!important;width:100%!important}
body.bg-analyse-ui #bgNativeBoard #analysisStage #miniBoard{width:100%!important;max-width:100%!important;max-height:none!important;min-height:0!important;aspect-ratio:1.46/1!important;box-shadow:none!important}
body.bg-analyse-ui #bgNativeBoard #analysisStage .mini-board .checker:not(.overflow){max-width:28px}
body.bg-analyse-ui #bgNativeBoardTools{flex:0 0 auto}
body.bg-analyse-ui #bgNativeBoardTools #pipV15Controls{display:flex!important;gap:8px;justify-content:space-between;align-items:center;border-top:1px solid #47515b;padding:9px 2px 0;margin-top:8px;min-height:38px;color:#d9e4e7}
body.bg-analyse-ui #bgNativeBoardTools .pip-v15-selection{font-size:11px;line-height:1.6;white-space:normal;min-width:0;flex:1;color:#c1d5dc}
body.bg-analyse-ui #bgNativeBoardTools .pip-v15-control-buttons{display:flex;gap:5px;flex:0 0 auto}
body.bg-analyse-ui #bgNativeBoardTools button{border:1px solid #546571!important;border-radius:9px!important;background:#333e46!important;color:#f0f6f7!important;min-height:32px!important;font-size:10px!important;padding:5px 8px!important;white-space:nowrap!important}
body.bg-analyse-ui .bg-right{padding:10px}
body.bg-analyse-ui #bgNativeAnalysis #pipFlowRail{display:flex!important;flex-direction:column!important;gap:8px!important;padding:0!important;margin:0!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;background:transparent!important;border:0!important}
body.bg-analyse-ui #bgNativeAnalysis .pip-flow-rail-head{display:flex!important;align-items:center;justify-content:space-between;margin-bottom:0!important;padding:5px!important}
body.bg-analyse-ui #bgNativeAnalysis .pip-flow-rail-head h2{font-size:16px!important;color:#f2f5f5!important;margin:0!important}
body.bg-analyse-ui #bgNativeAnalysis .pip-flow-rail-head>div>span{font-size:9px;color:#9eccc3}
body.bg-analyse-ui #bgNativeAnalysis .pip-flow-card{background:#2e353e!important;border:1px solid #495660!important;border-radius:13px!important;margin:0!important;overflow:clip;min-height:0}
body.bg-analyse-ui #bgNativeAnalysis .pip-flow-card>summary{background:#343d45!important;color:#f1f5f5!important;padding:9px 11px!important;min-height:40px!important;border-bottom:1px solid transparent;font-size:12px!important;cursor:pointer}
body.bg-analyse-ui #bgNativeAnalysis .pip-flow-card[open]>summary{border-bottom-color:#56636c!important}
body.bg-analyse-ui #bgNativeAnalysis .pip-flow-card>summary strong{font-size:12px!important}
body.bg-analyse-ui #bgNativeAnalysis .pip-flow-card>summary small{font-size:10px;color:#a6bac5!important}
body.bg-analyse-ui #bgNativeAnalysis .pip-flow-card .pip-flow-content{background:#2a3139!important;padding:10px!important;color:#dae5e8!important}
body.bg-analyse-ui #bgNativeAnalysis #pipFlowMoves .analysis-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 11px!important}
body.bg-analyse-ui #bgNativeAnalysis #pipFlowMoves .analysis-actions button{background:#186d68!important;border:1px solid #25a697!important;border-radius:9px!important;min-height:38px!important;color:white!important}
body.bg-analyse-ui #bgNativeAnalysis #pipFlowMoves .analysis-actions #cubeBtn{background:#384550!important;border-color:#667886!important}
body.bg-analyse-ui #bgNativeAnalysis #results{display:block!important;height:auto!important;max-height:none!important;overflow:visible!important;padding:0!important;margin:0!important;color:#f3f5f5!important;scrollbar-color:#6e7a84 transparent}
body.bg-analyse-ui #bgNativeAnalysis #results .move-item{background:#343d45!important;border:1px solid #50606a!important;color:#f0f5f6!important;border-radius:10px!important;min-height:55px!important;margin-bottom:8px!important;padding:9px!important}
body.bg-analyse-ui #bgNativeAnalysis #results .move-item.move-picked,
body.bg-analyse-ui #bgNativeAnalysis #results .move-item.pip-v15-active-move{background:#37443f!important;border-color:#e7bd5d!important;box-shadow:inset -3px 0 #e7bd5d!important}
body.bg-analyse-ui #bgNativeAnalysis #results .move-steps{color:#f2f7f8!important}
body.bg-analyse-ui #bgNativeAnalysis #results .pip-v13-show-arrow{background:#2b655c!important;border-color:#5f968a!important;color:#e4fbf1!important;border-radius:9px!important}
body.bg-analyse-ui #bgNativeAnalysis #pipCoachPanel{background:#303b42!important;border:1px solid #4f5d69!important;color:#eef3f5!important;border-radius:10px!important;max-height:none!important;overflow:visible!important}
body.bg-analyse-ui #bgNativeAnalysis #pipMatchScoreLab{background:#2d3840!important;border-color:#526872!important}
body.bg-analyse-ui .bg-hint{margin-top:11px}
@media(max-width:1150px){
 body.bg-analyse-ui #bgAnalyseWorkspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px;padding:9px}
 body.bg-analyse-ui #bgAnalyseWorkspace .bg-left{display:none}
 body.bg-analyse-ui .bg-board-stack{width:100%}
 body.bg-analyse-ui .bg-right{overflow-y:auto}
 body.bg-analyse-ui #bgAnalyseWorkspace .bg-center{min-width:0}
 body.bg-analyse-ui #bgNativeBoardHeader .pip-flow-board-actions button{padding:5px!important}
}
@media(max-width:700px) and (orientation:portrait){
 body.bg-analyse-ui #bgAnalyseHeader{height:52px;padding:0 9px;gap:5px}
 body.bg-analyse-ui .bg-brand-icon{width:26px;height:26px;font-size:18px;border-radius:8px}
 body.bg-analyse-ui .bg-brand strong{font-size:12px}
 body.bg-analyse-ui .bg-main-nav{gap:2px;margin-left:auto;margin-right:0}
 body.bg-analyse-ui .bg-main-nav button{padding:6px;min-height:32px;font-size:10px}
 body.bg-analyse-ui .bg-main-nav button span{display:none}
 body.bg-analyse-ui .bg-live-state{font-size:0!important;padding:4px;border-radius:50%;width:18px;height:18px;overflow:hidden}
 body.bg-analyse-ui.bg-analyse-view #app{height:100dvh!important;max-height:100dvh!important}
 body.bg-analyse-ui #bgAnalyseWorkspace{display:flex!important;flex-direction:column;max-height:calc(100dvh - 52px);height:calc(100dvh - 52px);padding:5px;gap:6px;overflow:hidden}
 body.bg-analyse-ui #bgAnalyseWorkspace .bg-left{display:none}
 body.bg-analyse-ui #bgAnalyseWorkspace .bg-center{position:relative;z-index:2;flex:0 0 auto;gap:4px;padding:0;background:#191c22;max-height:53dvh;min-height:0}
 body.bg-analyse-ui .bg-stats{gap:3px}
 body.bg-analyse-ui #bgNativeStats #pipV14Pips{gap:3px!important;grid-template-columns:1fr 1fr!important}
 body.bg-analyse-ui #bgNativeStats #pipV14Pips .pip-v14-pip-count{display:none!important}
 body.bg-analyse-ui #bgNativeStats .pip-v14-pip-card{min-height:30px!important;max-height:34px!important;padding:3px 6px!important}
 body.bg-analyse-ui #bgNativeStats #pipV14Quick{padding:3px!important;min-height:30px;justify-content:space-around;flex-wrap:nowrap}
 body.bg-analyse-ui #bgNativeStats .pip-v14-dice label{font-size:9px}
 body.bg-analyse-ui #bgNativeStats .pip-v14-dice select{min-width:30px;min-height:25px;font-size:11px}
 body.bg-analyse-ui .bg-board-card{padding:5px 7px;flex:0 0 auto;border-radius:12px}
 body.bg-analyse-ui .bg-board-card-head{margin-bottom:2px}
 body.bg-analyse-ui .bg-board-card-head h2{font-size:11px}
 body.bg-analyse-ui .bg-board-card-head p{display:none}
 body.bg-analyse-ui #bgEnlarge{min-height:28px;font-size:10px}
 body.bg-analyse-ui #bgNativeBoardHeader{display:none}
 body.bg-analyse-ui .bg-board-stack{width:100%;margin:0 auto}
 body.bg-analyse-ui #bgNativeBoard #analysisStage .mini-board-area{margin:10px 0!important}
 body.bg-analyse-ui #bgNativeBoardTools #pipV15Controls{margin-top:3px;padding-top:3px;min-height:25px}
 body.bg-analyse-ui #bgNativeBoardTools .pip-v15-selection{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 body.bg-analyse-ui #bgNativeBoardTools .pip-v15-control-buttons button{font-size:9px!important;min-height:26px!important;padding:3px!important}
 body.bg-analyse-ui #bgAnalyseWorkspace .bg-right{flex:1 1 0;overflow-y:auto;padding:7px;min-height:0;border-radius:12px}
 body.bg-analyse-ui #bgNativeAnalysis .pip-flow-rail-head{display:none!important}
 body.bg-analyse-ui #bgNativeAnalysis .pip-flow-card>summary{min-height:35px!important;padding:7px!important}
}
@media(max-width:1020px) and (orientation:landscape) and (max-height:640px){
 body.bg-analyse-ui #bgAnalyseHeader{height:42px;padding:0 10px;gap:5px}
 body.bg-analyse-ui .bg-brand-icon{width:25px;height:25px;font-size:17px}
 body.bg-analyse-ui .bg-brand strong{font-size:12px}
 body.bg-analyse-ui .bg-main-nav button{font-size:10px;padding:5px 8px;min-height:30px}
 body.bg-analyse-ui .bg-live-state{display:none}
 body.bg-analyse-ui #bgAnalyseWorkspace{height:calc(100dvh - 42px);max-height:calc(100dvh - 42px);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);padding:5px;gap:6px;overflow:hidden}
 body.bg-analyse-ui #bgAnalyseWorkspace .bg-center{max-height:100%;overflow:auto;gap:4px}
 body.bg-analyse-ui #bgNativeStats #pipV14Pips{display:none!important}
 body.bg-analyse-ui #bgNativeStats #pipV14Quick{min-height:30px!important;padding:3px!important}
 body.bg-analyse-ui .bg-board-card{padding:5px;flex:0 0 auto}
 body.bg-analyse-ui .bg-board-card-head h2{font-size:11px}
 body.bg-analyse-ui .bg-board-card-head p{display:none}
 body.bg-analyse-ui #bgNativeBoardHeader{display:none}
 body.bg-analyse-ui .bg-board-stack{width:100%;margin:0 auto}
 body.bg-analyse-ui #bgNativeBoard #analysisStage .mini-board-area{margin:8px 0!important}
 body.bg-analyse-ui #bgNativeBoardTools #pipV15Controls{margin-top:3px;padding-top:3px;min-height:26px}
 body.bg-analyse-ui #bgNativeBoardTools .pip-v15-selection{font-size:9px;white-space:nowrap;overflow:hidden}
 body.bg-analyse-ui #bgNativeBoardTools .pip-v15-control-buttons button{min-height:23px!important;font-size:9px!important;padding:2px 4px!important}
 body.bg-analyse-ui .bg-right{padding:6px;min-height:0;overflow-y:auto}
 body.bg-analyse-ui #bgNativeAnalysis .pip-flow-rail-head{display:none!important}
 body.bg-analyse-ui #bgNativeAnalysis .pip-flow-card>summary{min-height:34px!important;padding:5px 8px!important}
}
@media(prefers-reduced-motion:reduce){body.bg-analyse-ui *,body.bg-analyse-ui *::before,body.bg-analyse-ui *::after{scroll-behavior:auto!important;transition:none!important}}
/* Strong isolation from legacy v1.2–v1.6 mobile !important overrides. */
html body.bg-analyse-ui.bg-analyse-view.pip-v12.pip-ui-v14.pip-mobile-focus-v15[data-pip-stage="result"] .layout,
html body.bg-analyse-ui.bg-analyse-view.pip-v12.pip-ui-v14.pip-mobile-focus-v15[data-pip-stage="result"] #pipUnifiedBar,
html body.bg-analyse-ui.bg-analyse-view.pip-v12.pip-ui-v14.pip-mobile-focus-v15[data-pip-stage="result"] .mobile-nav{display:none!important}
html body.bg-analyse-ui.bg-analyse-view.pip-v12.pip-ui-v14.pip-mobile-focus-v15[data-pip-stage="result"]{overflow:hidden!important;height:100dvh!important}
html body.bg-analyse-ui.bg-analyse-view.pip-v12.pip-ui-v14.pip-mobile-focus-v15[data-pip-stage="result"] #bgAnalyseWorkspace #pipUnifiedDock{display:block!important;overflow:visible!important;max-height:none!important;height:auto!important;min-height:0!important;min-width:0!important;padding:0!important;margin:0!important;background:transparent!important;box-shadow:none!important;border:none!important}
html body.bg-analyse-ui.bg-analyse-view.pip-v12.pip-ui-v14.pip-mobile-focus-v15[data-pip-stage="result"] #bgAnalyseWorkspace #pipUnifiedDock #analysisBoardPanel{display:block!important;overflow:visible!important;max-height:none!important;height:auto!important;min-height:0!important;min-width:0!important;margin:0!important;padding:0!important}
html body.bg-analyse-ui.bg-analyse-view.pip-v12.pip-ui-v14.pip-mobile-focus-v15[data-pip-stage="result"] #bgAnalyseWorkspace #pipFlowRail{display:flex!important;max-height:none!important;overflow:visible!important;height:auto!important;min-height:0!important;padding:0!important;margin:0!important}
html body.bg-analyse-ui.bg-analyse-view.pip-v12.pip-ui-v14.pip-mobile-focus-v15[data-pip-stage="result"] #bgAnalyseWorkspace #pipFlowMovesBody #results{max-height:none!important;overflow:visible!important;height:auto!important}
html body.bg-analyse-ui.bg-analyse-view.pip-v12.pip-ui-v14.pip-mobile-focus-v15[data-pip-stage="result"] #bgAnalyseWorkspace #pipV14Pips{display:grid!important}
html body.bg-analyse-ui.bg-analyse-view.pip-v12.pip-ui-v14.pip-mobile-focus-v15[data-pip-stage="result"] #bgAnalyseWorkspace #pipV14Quick{display:flex!important}
html body.bg-analyse-ui.bg-analyse-view.pip-v12.pip-ui-v14.pip-mobile-focus-v15[data-pip-stage="result"] #bgAnalyseWorkspace #pipV15Controls{display:flex!important}
html body.bg-analyse-ui.bg-analyse-view.pip-v12.pip-ui-v14.pip-mobile-focus-v15[data-pip-stage="result"] #bgAnalyseWorkspace #pipFlowMoves{display:block!important}
html body.bg-analyse-ui.bg-analyse-view.bg-board-expanded #bgBoardStack{width:100%!important}
@media(max-width:700px) and (orientation:portrait){
 html body.bg-analyse-ui.bg-analyse-view.pip-v12.pip-ui-v14.pip-mobile-focus-v15[data-pip-stage="result"] #bgAnalyseWorkspace #pipV14Pips{grid-template-columns:1fr 1fr!important}
 html body.bg-analyse-ui.bg-analyse-view.pip-v12.pip-ui-v14.pip-mobile-focus-v15[data-pip-stage="result"] #bgAnalyseWorkspace #pipV14Pips .pip-v14-pip-count{display:none!important}
 html body.bg-analyse-ui.bg-analyse-view.pip-v12.pip-ui-v14.pip-mobile-focus-v15[data-pip-stage="result"] #bgAnalyseWorkspace #pipFlowBoardTop{display:none!important}
}
@media(max-width:1020px) and (orientation:landscape) and (max-height:640px){
 html body.bg-analyse-ui.bg-analyse-view.pip-v12.pip-ui-v14.pip-mobile-focus-v15[data-pip-stage="result"] #bgAnalyseWorkspace #pipV14Pips{display:none!important}
 html body.bg-analyse-ui.bg-analyse-view.pip-v12.pip-ui-v14.pip-mobile-focus-v15[data-pip-stage="result"] #bgAnalyseWorkspace #pipFlowBoardTop{display:none!important}
}
/* Compact live settings access for tablet / phone in both orientations. */
body.bg-analyse-ui .bg-mobile-settings{display:none;background:#343f48;border:1px solid #53616b;color:#e7f4f3;border-radius:9px;min-height:31px;padding:4px 9px;cursor:pointer}
@media(max-width:1150px){
 body.bg-analyse-ui .bg-mobile-settings{display:block}
 body.bg-analyse-ui #bgAnalyseWorkspace .bg-left.is-open{display:block!important;position:fixed;right:9px;top:calc(65px + 8px);bottom:9px;width:min(340px,calc(100vw - 18px));max-height:calc(100dvh - 83px);z-index:100;box-shadow:0 14px 50px #000b!important}
}
@media(max-width:700px) and (orientation:portrait){
 body.bg-analyse-ui #bgAnalyseWorkspace .bg-left.is-open{top:58px;max-height:calc(100dvh - 67px)}
 body.bg-analyse-ui #bgAnalyseWorkspace .bg-board-expanded .bg-center{max-height:calc(100dvh - 52px);position:fixed;top:52px;left:5px;right:5px;bottom:5px;z-index:60;background:#191c22;overflow-y:auto}
 body.bg-analyse-ui #bgAnalyseWorkspace .bg-board-expanded .bg-center .bg-board-stack{width:100%!important}
}
@media(max-width:1020px) and (orientation:landscape) and (max-height:640px){
 body.bg-analyse-ui #bgAnalyseWorkspace .bg-left.is-open{top:47px;max-height:calc(100dvh - 55px)}
}

/* BG v2.3: no board clipping, fitBoardToCard controls actual width. */
body.bg-analyse-ui.bg-analyse-view .bg-board-stack{flex:0 0 auto!important;align-self:center;min-width:0!important;max-width:100%!important;}
body.bg-analyse-ui.bg-analyse-view .bg-board-card{overflow:hidden!important;}
body.bg-analyse-ui.bg-analyse-view .bg-board-stack #analysisStage .mini-board-area{margin:8px 0!important;}
body.bg-analyse-ui.bg-analyse-view .bg-board-stack #analysisStage{padding:2px!important;}
/* Restyled native Image / Position / Education screens. Preserves their DOM and interactions. */
body.bg-analyse-ui:not(.bg-analyse-view){height:auto!important;min-height:100dvh!important;overflow-y:auto!important;background:#1b1d24!important;}
body.bg-analyse-ui:not(.bg-analyse-view) #app{min-height:100dvh;overflow:visible!important;background:#1b1d24!important;}
body.bg-analyse-ui:not(.bg-analyse-view) .layout{width:min(1460px,100%)!important;max-width:1460px!important;padding:clamp(10px,1.5vw,22px)!important;margin:0 auto!important;gap:16px!important;min-height:0!important;}
body.bg-analyse-ui:not(.bg-analyse-view) .page-heading{display:none!important;}
body.bg-analyse-ui:not(.bg-analyse-view) .workflow{display:none!important;}
body.bg-analyse-ui:not(.bg-analyse-view) .main-area{min-width:0!important;}
body.bg-analyse-ui:not(.bg-analyse-view) .tab-panel.panel,
body.bg-analyse-ui:not(.bg-analyse-view) .side-card,
body.bg-analyse-ui:not(.bg-analyse-view) .side-disclosure,
body.bg-analyse-ui:not(.bg-analyse-view) .panel{background:linear-gradient(155deg,#2a2e37,#242831)!important;border:1px solid #464d5a!important;border-radius:16px!important;color:#f1f3f6!important;box-shadow:0 8px 22px #0002!important;}
body.bg-analyse-ui:not(.bg-analyse-view) .section-top{border-bottom:1px solid #454c58!important;padding-bottom:12px!important;margin-bottom:16px!important;}
body.bg-analyse-ui:not(.bg-analyse-view) .section-top h2,
body.bg-analyse-ui:not(.bg-analyse-view) .side-card h3,
body.bg-analyse-ui:not(.bg-analyse-view) h1,
body.bg-analyse-ui:not(.bg-analyse-view) h2,
body.bg-analyse-ui:not(.bg-analyse-view) h3{color:#f5f7f9!important;}
body.bg-analyse-ui:not(.bg-analyse-view) .section-kicker,
body.bg-analyse-ui:not(.bg-analyse-view) .eyebrow,
body.bg-analyse-ui:not(.bg-analyse-view) .side-label{color:#9ee4da!important;}
body.bg-analyse-ui:not(.bg-analyse-view) .hint,
body.bg-analyse-ui:not(.bg-analyse-view) .notice,
body.bg-analyse-ui:not(.bg-analyse-view) .side-card p{color:#cbd1da!important;}
body.bg-analyse-ui:not(.bg-analyse-view) .upload-zone,
body.bg-analyse-ui:not(.bg-analyse-view) .image-frame,
body.bg-analyse-ui:not(.bg-analyse-view) .board-editor,
body.bg-analyse-ui:not(.bg-analyse-view) .mini-board-wrap{background:#242b33!important;border-color:#596774!important;border-radius:14px!important;color:#eff6f8!important;}
body.bg-analyse-ui:not(.bg-analyse-view) .btn,
body.bg-analyse-ui:not(.bg-analyse-view) button:not(.nav):not(.bg-main-nav button),
body.bg-analyse-ui:not(.bg-analyse-view) .filelabel{border-radius:10px;}
body.bg-analyse-ui:not(.bg-analyse-view) .btn.primary,
body.bg-analyse-ui:not(.bg-analyse-view) .btn.accent,
body.bg-analyse-ui:not(.bg-analyse-view) #detectBtn:not(:disabled),
body.bg-analyse-ui:not(.bg-analyse-view) #analyzeBtn:not(:disabled){background:linear-gradient(125deg,#19b9a7,#0a837f)!important;color:#fff!important;border:1px solid #48c5b6!important;box-shadow:0 5px 13px #0019!important;}
body.bg-analyse-ui:not(.bg-analyse-view) .btn.outline,
body.bg-analyse-ui:not(.bg-analyse-view) .btn.ghost{background:#35414c!important;color:#e8f0f2!important;border:1px solid #556574!important;}
body.bg-analyse-ui:not(.bg-analyse-view) select,
body.bg-analyse-ui:not(.bg-analyse-view) input:not([type=checkbox]):not([type=radio]){background:#252c35!important;border-color:#596773!important;color:#eef6f5!important;}
body.bg-analyse-ui:not(.bg-analyse-view) details{border-color:#485361!important;}
body.bg-analyse-ui:not(.bg-analyse-view) summary{color:#ecf2f4!important;}
body.bg-analyse-ui:not(.bg-analyse-view) .notice.subdued{background:#293a3e!important;border-color:#48636a!important;}
body.bg-analyse-ui:not(.bg-analyse-view) #pipUnifiedBar{display:none!important;}
body.bg-analyse-ui:not(.bg-analyse-view) .mobile-nav{display:none!important;}
body.bg-analyse-ui:not(.bg-analyse-view) #pipFlowRail,
body.bg-analyse-ui:not(.bg-analyse-view) #pipFlowGame{color:#eff3f5;}
@media(max-width:840px){
 body.bg-analyse-ui:not(.bg-analyse-view) .layout{display:block!important;padding:8px!important;}
 body.bg-analyse-ui:not(.bg-analyse-view) .side-area{margin-top:10px!important;}
 body.bg-analyse-ui:not(.bg-analyse-view) #bgAnalyseHeader{height:52px!important;padding:0 8px!important;gap:5px!important;}
 body.bg-analyse-ui:not(.bg-analyse-view) .bg-brand strong{font-size:12px;}
 body.bg-analyse-ui:not(.bg-analyse-view) .bg-brand-icon{width:28px;height:28px;font-size:18px;}
 body.bg-analyse-ui:not(.bg-analyse-view) .bg-main-nav{gap:0;}
 body.bg-analyse-ui:not(.bg-analyse-view) .bg-main-nav button{padding:6px!important;font-size:10px!important;min-height:32px!important;}
 body.bg-analyse-ui:not(.bg-analyse-view) .bg-main-nav button span{display:none;}
 body.bg-analyse-ui:not(.bg-analyse-view) .bg-live-state{display:none!important;}
}
/* Stable board card dimensions prevent circular flex shrinking on phone. */
body.bg-analyse-ui.bg-analyse-view #bgBoardStack{margin:6px auto auto!important;}
@media(max-width:700px) and (orientation:portrait){
 body.bg-analyse-ui.bg-analyse-view #bgAnalyseWorkspace .bg-center{max-height:none!important;}
 body.bg-analyse-ui.bg-analyse-view #bgAnalyseWorkspace .bg-board-card{height:clamp(295px,47dvh,425px)!important;flex:0 0 auto!important;}
}
@media(max-width:1020px) and (orientation:landscape) and (max-height:640px){
 body.bg-analyse-ui.bg-analyse-view #bgAnalyseWorkspace .bg-board-card{height:calc(100dvh - 99px)!important;min-height:200px!important;flex:0 0 auto!important;}
}
/* Compact three-up pip summary frees height for the board. */
html body.bg-analyse-ui.bg-analyse-view #bgNativeStats #pipV14Pips{grid-template-columns:1fr 1fr 1fr!important;grid-auto-flow:row!important;align-items:stretch!important;}
html body.bg-analyse-ui.bg-analyse-view #bgNativeStats #pipV14Pips .pip-v14-pip-count{grid-column:auto!important;grid-row:auto!important;width:auto!important;min-width:0!important;min-height:49px!important;margin:0!important;}
html body.bg-analyse-ui.bg-analyse-view #bgNativeStats #pipV14Pips .pip-v14-pip-card{grid-column:auto!important;grid-row:auto!important;margin:0!important;min-width:0!important;}
html body.bg-analyse-ui.bg-analyse-view #bgNativeStats #pipV14Quick{margin-top:0!important;}
/* Off tray keeps independent bar/out values but does not consume 86px height. */
html body.bg-analyse-ui.bg-analyse-view #analysisStage .mini-off-tray{min-height:44px!important;height:44px!important;max-height:44px!important;padding:3px!important;overflow:visible!important;}
@media(max-width:1020px) and (orientation:landscape) and (max-height:640px){
 html body.bg-analyse-ui.bg-analyse-view #analysisStage .mini-off-tray{height:31px!important;min-height:31px!important;max-height:31px!important;}
}
/* Harmonize blue/purple legacy controls across all BG Analyse stages. */
body.bg-analyse-ui:not(.bg-analyse-view) .direction-quick,
body.bg-analyse-ui:not(.bg-analyse-view) .direction-choice,
body.bg-analyse-ui:not(.bg-analyse-view) .summary-chips .chip,
body.bg-analyse-ui:not(.bg-analyse-view) .photo-studio,
body.bg-analyse-ui:not(.bg-analyse-view) .manual-board-details,
body.bg-analyse-ui:not(.bg-analyse-view) .pip-flow-card,
body.bg-analyse-ui:not(.bg-analyse-view) .compact-disclosure,
body.bg-analyse-ui:not(.bg-analyse-view) .editor-strip,
body.bg-analyse-ui:not(.bg-analyse-view) .studio-current,
body.bg-analyse-ui:not(.bg-analyse-view) .direction-quick-status{background:#303740!important;border-color:#56616e!important;color:#e6eff2!important;}
body.bg-analyse-ui:not(.bg-analyse-view) .direction-choice-btn,
body.bg-analyse-ui:not(.bg-analyse-view) .color-tool,
body.bg-analyse-ui:not(.bg-analyse-view) .studio-tool,
body.bg-analyse-ui:not(.bg-analyse-view) .pip-flow-card .pip-flow-link,
body.bg-analyse-ui:not(.bg-analyse-view) .small-button{background:#35444a!important;border:1px solid #657580!important;border-radius:10px!important;color:#eef7f7!important;}
body.bg-analyse-ui:not(.bg-analyse-view) .direction-choice-btn.chosen,
body.bg-analyse-ui:not(.bg-analyse-view) .color-tool.chosen,
body.bg-analyse-ui:not(.bg-analyse-view) .studio-tool.chosen,
body.bg-analyse-ui:not(.bg-analyse-view) .studio-view.chosen{background:#225d58!important;border-color:#4cb8a8!important;color:#c8fff3!important;}
body.bg-analyse-ui:not(.bg-analyse-view) #pipFlowRail{background:transparent!important;}
body.bg-analyse-ui:not(.bg-analyse-view) .pip-flow-card>summary{background:#39434b!important;border-color:#586673!important;color:#f2f7f8!important;}
body.bg-analyse-ui:not(.bg-analyse-view) .pip-flow-card .pip-flow-content{background:#2b333d!important;color:#e6f0f2!important;}
body.bg-analyse-ui:not(.bg-analyse-view) #movesBtn,
body.bg-analyse-ui:not(.bg-analyse-view) #cubeBtn{background:linear-gradient(120deg,#1bb5a7,#0a8981)!important;color:white!important;border:1px solid #33bdb2!important;}
body.bg-analyse-ui:not(.bg-analyse-view) .side-area{background:transparent!important;}
/* Restore native two-column geometry: blue board + independent OFF lane SIDE BY SIDE.
   v2.2 accidentally forced #analysisStage to block, stacking OFF below the board. */
html body.bg-analyse-ui.bg-analyse-view #bgNativeBoard #analysisStage{display:grid!important;grid-template-columns:minmax(0,1fr) clamp(25px,6%,39px)!important;grid-template-rows:auto!important;align-items:stretch!important;gap:5px!important;padding:5px!important;overflow:visible!important;}
html body.bg-analyse-ui.bg-analyse-view #bgNativeBoard #analysisStage .mini-board-area{grid-column:1!important;grid-row:1!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:12px 0!important;}
html body.bg-analyse-ui.bg-analyse-view #bgNativeBoard #analysisStage .mini-off-tray{grid-column:2!important;grid-row:1!important;position:relative!important;inset:auto!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;align-self:stretch!important;display:grid!important;grid-template-rows:minmax(0,1fr) auto minmax(0,1fr)!important;overflow:hidden!important;padding:3px 1px!important;}
@media(max-width:1020px) and (orientation:landscape) and (max-height:640px){
 html body.bg-analyse-ui.bg-analyse-view #bgNativeBoard #analysisStage .mini-board-area{margin:9px 0!important;}
}
/* Mobile navbar: show the active phase's label, keep others compact. */
@media(max-width:700px){
 body.bg-analyse-ui #bgAnalyseHeader .bg-main-nav button{font-size:14px!important;min-width:29px!important;}
 body.bg-analyse-ui #bgAnalyseHeader .bg-main-nav button.is-active span{display:inline!important;font-size:10px!important;}
}
/* Tablet portrait: avoid a half-empty oversized board card. */
@media (min-width:701px) and (max-width:1150px) and (min-height:760px) and (orientation:portrait){
 body.bg-analyse-ui.bg-analyse-view #bgAnalyseWorkspace .bg-board-card{height:min(520px,52dvh)!important;flex:0 0 auto!important;}
}
/* Readable result typography and accessible action sizes. */
body.bg-analyse-ui.bg-analyse-view #bgNativeAnalysis .pip-flow-card>summary strong{font-size:13px!important;}
body.bg-analyse-ui.bg-analyse-view #bgNativeAnalysis .pip-flow-card>summary small{font-size:11px!important;}
body.bg-analyse-ui.bg-analyse-view #bgNativeAnalysis #results .move-item{font-size:12px!important;line-height:1.6!important;}
body.bg-analyse-ui.bg-analyse-view #bgNativeAnalysis .analysis-actions button{font-size:12px!important;min-height:40px!important;}

/* v2.4: Contextual position confirmation, compact board-side settings and readable results. */
body.bg-analyse-ui #bgAnalyseHeader{gap:9px!important}
body.bg-analyse-ui .bg-header-actions{direction:rtl;display:flex;gap:6px;align-items:center;flex:0 0 auto}
body.bg-analyse-ui .bg-header-actions button{padding:8px 11px;min-height:35px;white-space:nowrap;font-size:11px;font-weight:700;border-radius:10px;color:#eef6f7;cursor:pointer}
body.bg-analyse-ui .bg-header-actions .bg-approve{background:#35414a;border:1px solid #71808a}
body.bg-analyse-ui .bg-header-actions .bg-approve.is-approved{background:#245449;color:#b6f6dc;border-color:#3d927d}
body.bg-analyse-ui .bg-header-actions .bg-action-moves{background:#0e9189;border:1px solid #33b7a8}
body.bg-analyse-ui .bg-header-actions .bg-action-cube{background:#333d46;border:1px solid #64757f}
body.bg-analyse-ui .bg-header-actions button:hover,body.bg-analyse-ui .bg-aside-actions button:hover{filter:brightness(1.1)}
body.bg-analyse-ui .bg-header-actions button:focus-visible{outline:2px solid #ecc968}
body.bg-analyse-ui .bg-main-nav{margin-inline:auto!important}
body.bg-analyse-ui .bg-board-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(165px,205px);gap:10px;min-height:0;flex:1 1 0;direction:ltr;align-items:stretch}
body.bg-analyse-ui .bg-board-main{direction:rtl;display:flex;flex-direction:column;min-height:0;min-width:0;justify-content:space-between}
body.bg-analyse-ui .bg-board-main .bg-board-stack{margin:auto!important;width:100%;flex:0 0 auto}
body.bg-analyse-ui .bg-board-aside{direction:rtl;min-width:0;min-height:0;border:1px solid #48535e;background:#252b33;border-radius:12px;padding:9px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#65717b transparent}
body.bg-analyse-ui .bg-aside-head{font-size:12px;font-weight:700;color:#f0f6f4;display:flex;flex-direction:column;gap:2px;padding:0 0 9px;margin:0 0 7px;border-bottom:1px solid #47535d}
body.bg-analyse-ui .bg-aside-head small{font-size:10px;font-weight:400;color:#9fc4c3}
body.bg-analyse-ui #bgNativeGame #pipFlowGame{display:block!important;margin:6px 0!important;overflow:visible!important;border-radius:9px}
body.bg-analyse-ui #bgNativeGame #pipFlowGame>summary{font-size:11px!important}
body.bg-analyse-ui #bgNativeGame #pipFlowGame .pip-flow-content{padding:7px!important;min-width:0;overflow-wrap:anywhere}
body.bg-analyse-ui #bgNativeGame #pipFlowGame .quick-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px}
body.bg-analyse-ui #bgNativeGame #pipFlowGame .quick-fields>*{min-width:0}
body.bg-analyse-ui #bgNativeGame .analysis-quick{padding:3px!important}
body.bg-analyse-ui #bgNativeGame #pipFlowGame select{font-size:11px!important;width:100%;text-overflow:ellipsis}
body.bg-analyse-ui #bgNativeGame #matchSettings{max-width:100%;margin-top:5px!important}
body.bg-analyse-ui #bgNativeGame #matchSettings .game-context-fields{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
body.bg-analyse-ui #bgNativeGame #matchSettings .game-context-fields label{min-width:0}
body.bg-analyse-ui #bgNativeQuick #pipV14Quick{display:flex!important;flex-direction:column;align-items:stretch;gap:6px;margin:0 0 8px!important;border:0!important;background:transparent!important;padding:0!important}
body.bg-analyse-ui #bgNativeQuick #pipV14Quick .pip-v14-turn{display:flex!important;gap:5px;justify-content:space-evenly}
body.bg-analyse-ui #bgNativeQuick #pipV14Quick .pip-v14-dice{display:flex!important;gap:5px;justify-content:space-between;flex-wrap:wrap}
body.bg-analyse-ui #bgNativeQuick #pipV14Quick select{background:#1f2b34!important;color:#f5f6f8!important;max-width:100%;border:1px solid #65727b!important}
body.bg-analyse-ui .bg-aside-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:9px}
body.bg-analyse-ui .bg-aside-actions button{min-width:0;min-height:35px;border-radius:9px;border:1px solid #31b8aa;background:#168e82;color:white;font-size:10px;font-weight:700;cursor:pointer;padding:5px 2px}
body.bg-analyse-ui .bg-aside-actions button:last-child{background:#37464e;border-color:#6c7b82}
body.bg-analyse-ui .bg-side-note{margin-top:11px;color:#9eafba;font-size:10px;text-align:center}
body.bg-analyse-ui #bgNativeStats #pipV14Pips{grid-template-columns:repeat(3,minmax(0,1fr))!important}
body.bg-analyse-ui .bg-board-card-head{margin-bottom:5px}
body.bg-analyse-ui .bg-board-card-head p{display:none}
body.bg-analyse-ui #bgNativeAnalysis #results .result-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 0 8px!important;margin:0 0 9px!important;flex-wrap:wrap;line-height:1.4}
body.bg-analyse-ui #bgNativeAnalysis #results .result-head h3{font-size:13px!important;line-height:1.6!important;margin:0!important;flex:1 1 auto;min-width:0}
body.bg-analyse-ui #bgNativeAnalysis #results .result-head small{font-size:10px!important;max-width:100%;direction:ltr;unicode-bidi:plaintext;color:#b5c3ce!important}
body.bg-analyse-ui #bgNativeAnalysis #results .result-head .sage-evidence-note{display:none!important}
body.bg-analyse-ui #bgNativeAnalysis #results .move-item>.muted{display:none!important}
body.bg-analyse-ui #bgNativeAnalysis #results .move-item .sage-evidence-chips{display:flex!important;flex-wrap:wrap!important;gap:5px!important;margin:6px 0!important}
body.bg-analyse-ui #bgNativeAnalysis #results .move-item .sage-evidence-chips span{background:#263f3d;border:1px solid #436f66;padding:3px 5px;border-radius:8px;font-size:10px;white-space:normal}
body.bg-analyse-ui #bgNativeAnalysis #results .move-item .move-title{display:flex!important;align-items:center;gap:5px;flex-wrap:wrap;justify-content:space-between;line-height:1.6}
body.bg-analyse-ui #bgNativeAnalysis #results .move-item .move-title b{font-size:12px}
body.bg-analyse-ui #bgNativeAnalysis #results .move-item .move-title .muted{font-size:10px!important;white-space:normal;direction:ltr;unicode-bidi:plaintext}
body.bg-analyse-ui #bgNativeAnalysis #results .move-item .move-steps{font-size:15px!important;padding:7px 0;line-height:1.6;overflow-wrap:anywhere}
body.bg-analyse-ui #bgNativeAnalysis #results .move-item details{border-color:#5a706d!important}
body.bg-analyse-ui #bgNativeAnalysis #pipFlowMoves .analysis-actions{display:none!important} /* top + board-side actions run the original handlers */
body.bg-analyse-ui .bg-detail-note{color:#b5c3cd;font-size:10px;margin:4px 0 8px}
body.bg-analyse-ui .bg-right{overflow-wrap:anywhere}
@media(max-width:1270px){
 body.bg-analyse-ui #bgAnalyseWorkspace{grid-template-columns:minmax(166px,190px) minmax(0,1fr) minmax(285px,360px)}
 body.bg-analyse-ui .bg-board-layout{grid-template-columns:minmax(0,1fr) minmax(148px,185px);gap:7px}
 body.bg-analyse-ui .bg-board-aside{padding:6px}
 body.bg-analyse-ui #bgAnalyseHeader .bg-header-actions button{padding:6px;font-size:10px}
}
@media(max-width:1150px){
 body.bg-analyse-ui #bgAnalyseWorkspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 body.bg-analyse-ui .bg-board-layout{grid-template-columns:minmax(0,1fr);gap:4px}
 body.bg-analyse-ui .bg-board-aside{display:none}
 body.bg-analyse-ui .bg-board-aside.is-open{display:block!important;position:fixed;right:12px;top:64px;bottom:12px;width:min(340px,calc(100vw - 24px));max-height:calc(100dvh - 80px);z-index:105;box-shadow:0 16px 42px #000b}
}
@media(max-width:760px){
 body.bg-analyse-ui .bg-header-actions{gap:3px}
 body.bg-analyse-ui #bgAnalyseHeader .bg-header-actions button{padding:5px 6px!important;min-height:29px;font-size:9px!important}
 body.bg-analyse-ui .bg-header-actions .bg-approve{max-width:92px;white-space:normal;text-align:center;line-height:1.1}
 body.bg-analyse-ui #bgAnalyseHeader .bg-main-nav button{font-size:10px;padding:5px!important}
}
@media(max-width:530px){
 body.bg-analyse-ui #bgAnalyseHeader{height:57px!important;flex-wrap:wrap;justify-content:space-between;padding:3px 6px!important;gap:1px!important}
 body.bg-analyse-ui .bg-brand{flex:0 0 auto}
 body.bg-analyse-ui .bg-main-nav{order:3;flex:1 1 100%;justify-content:center!important}
 body.bg-analyse-ui .bg-header-actions{margin-inline-start:auto}
 body.bg-analyse-ui #bgAnalyseWorkspace{height:calc(100dvh - 57px)!important;max-height:calc(100dvh - 57px)!important}
 body.bg-analyse-ui .bg-mobile-settings{display:none!important}
 body.bg-analyse-ui .bg-board-card-head{margin-bottom:2px}
 body.bg-analyse-ui .bg-board-layout{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:1020px) and (orientation:landscape) and (max-height:640px){
 body.bg-analyse-ui #bgAnalyseHeader{height:46px!important}
 body.bg-analyse-ui .bg-header-actions button{padding:4px 6px!important;min-height:28px!important}
 body.bg-analyse-ui #bgAnalyseWorkspace{height:calc(100dvh - 46px)!important;max-height:calc(100dvh - 46px)!important}
}

html body.bg-analyse-ui.bg-analyse-view #bgAnalyseWorkspace .bg-board-aside.is-open{display:block!important}
html body.bg-analyse-ui.bg-analyse-view #bgAnalyseWorkspace .bg-board-layout{min-width:0;min-height:0}
html body.bg-analyse-ui.bg-analyse-view #bgAnalyseWorkspace #bgNativeGame #pipFlowGame{overflow:visible!important}

/* v2.4 form architecture: compact native-bound controls and an unclipped advanced sheet. */
body.bg-analyse-ui .bg-compact-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 6px;align-items:end}
body.bg-analyse-ui .bg-compact-field{min-width:0;display:flex;flex-direction:column;gap:4px}
body.bg-analyse-ui .bg-compact-field label{color:#afc7cf;font-size:10px;white-space:nowrap}
body.bg-analyse-ui .bg-compact-controls input,body.bg-analyse-ui .bg-compact-controls select{width:100%;min-width:0;border:1px solid #5b6c77!important;background:#1c2730!important;color:#f0f8f9!important;min-height:32px;border-radius:8px;padding:5px 6px!important;font-size:11px!important;max-width:100%}
body.bg-analyse-ui .bg-compact-engine{grid-column:1/-1}
body.bg-analyse-ui .bg-advanced-trigger{display:block;width:100%;margin-top:10px;min-height:34px;padding:7px 6px!important;border:1px solid #657681!important;background:#35414c!important;color:#dbeaf0!important;border-radius:9px;font-size:11px;cursor:pointer}
body.bg-analyse-ui .bg-advanced-modal[hidden]{display:none!important}
body.bg-analyse-ui .bg-advanced-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;direction:rtl}
body.bg-analyse-ui .bg-modal-backdrop{position:absolute;inset:0;background:#070e14bf;backdrop-filter:blur(3px)}
body.bg-analyse-ui .bg-advanced-panel{position:relative;background:#252e36;color:#eef5f7;border:1px solid #62717c;border-radius:15px;box-shadow:0 16px 70px #000b;width:min(560px,calc(100vw - 26px));max-height:calc(100dvh - 38px);min-height:0;overflow:auto;padding:16px}
body.bg-analyse-ui .bg-modal-title{display:flex;align-items:center;justify-content:space-between;padding-bottom:9px;margin-bottom:12px;border-bottom:1px solid #4c5b66}
body.bg-analyse-ui .bg-modal-title strong{font-size:15px}
body.bg-analyse-ui #bgAdvancedClose{width:34px;height:34px;border-radius:9px;border:1px solid #77858b;background:#394852;color:white;cursor:pointer}
body.bg-analyse-ui #bgAdvancedModal #bgNativeGame #pipFlowGame{display:block!important;margin:0!important;background:transparent!important;border:0!important;overflow:visible!important}
body.bg-analyse-ui #bgAdvancedModal #bgNativeGame #pipFlowGame>summary{display:none!important}
body.bg-analyse-ui #bgAdvancedModal #bgNativeGame #pipFlowGame .pip-flow-content{padding:2px!important}
body.bg-analyse-ui #bgAdvancedModal #bgNativeGame .analysis-quick{padding:3px!important}
body.bg-analyse-ui #bgAdvancedModal #bgNativeGame .quick-fields{grid-template-columns:repeat(3,minmax(0,1fr))!important}
body.bg-analyse-ui #bgAdvancedModal #bgNativeGame #matchSettings .game-context-fields{grid-template-columns:repeat(3,minmax(0,1fr))!important}
body.bg-analyse-ui.bg-modal-open{overflow:hidden!important}
@media(max-width:640px){
 body.bg-analyse-ui #bgAdvancedModal #bgNativeGame .quick-fields,body.bg-analyse-ui #bgAdvancedModal #bgNativeGame #matchSettings .game-context-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.bg-analyse-ui .bg-advanced-panel{padding:9px}
}
@media(max-width:530px){
 body.bg-analyse-ui #bgAnalyseHeader{height:72px!important}
 body.bg-analyse-ui #bgAnalyseWorkspace{height:calc(100dvh - 72px)!important;max-height:calc(100dvh - 72px)!important}
}

body.bg-analyse-ui #bgNativeAnalysis #results .bg-evaluation-note{margin:0 0 10px;border:1px solid #4a5f61;background:#263a3d;color:#d6e5e5;border-radius:9px;padding:5px 8px;font-size:10px}
body.bg-analyse-ui #bgNativeAnalysis #results .bg-evaluation-note summary{cursor:pointer;color:#a4d6ca;font-size:10px}
body.bg-analyse-ui #bgNativeAnalysis #results .bg-evaluation-note p{margin:8px 0 4px;line-height:1.9;color:#c5d2d8}

body.bg-analyse-ui #bgNativeAnalysis #results:has(.bg-evaluation-note)>p.muted{display:none!important}

/* BG Analyse accessible zoom picker: isolated from card/board sizing. */
body.bg-cz-is-open{overflow:hidden!important}
.bg-zoom-corners-trigger{background:#0f7775!important;color:#fff!important;border:1px solid #50b9b5!important}
.bg-corner-zoom[hidden]{display:none!important}
.bg-corner-zoom{position:fixed!important;inset:0!important;z-index:2147483600!important;display:flex!important;flex-direction:column!important;background:#191d24!important;color:#f3f6f6!important;font:14px/1.5 Tahoma,Arial,sans-serif!important;direction:rtl!important;padding:env(safe-area-inset-top, 0px) 0 env(safe-area-inset-bottom,0px)!important}
.bg-cz-top,.bg-cz-bottom{display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap;background:#292d36;border-bottom:1px solid #4d5560;padding:9px 13px;flex-shrink:0}
.bg-cz-bottom{border-bottom:0;border-top:1px solid #4d5560;min-height:62px}
.bg-cz-head{display:flex;flex-direction:column;gap:2px}.bg-cz-head b{font-size:15px;color:#fff}.bg-cz-head span{font-size:12px;color:#8ee4d4}
.bg-cz-buttons{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.bg-cz-buttons button{background:#3c424b!important;color:#fff!important;border:1px solid #737b87!important;border-radius:10px!important;padding:7px 12px!important;min-height:38px!important;min-width:38px!important;font:600 13px Tahoma,Arial,sans-serif!important;touch-action:manipulation}
.bg-cz-buttons button:disabled{opacity:.35!important}
#bgCzDetect{background:#078b80!important;border-color:#29baa9!important}
#bgCzDone{background:#305a6a!important;border-color:#58899d!important}
#bgCzClose{color:#ffded5!important;font-size:21px!important}
.bg-cz-area{position:relative;flex:1;min-height:0;overflow:hidden;overscroll-behavior:contain;touch-action:none;user-select:none;-webkit-user-select:none;background:#101317;cursor:crosshair}
.bg-cz-layer{position:absolute;top:0;left:0;transform-origin:top left;will-change:transform;box-shadow:0 0 0 2px #d5bc63,0 6px 25px #0009}
.bg-cz-layer img{display:block;width:100%;height:100%;object-fit:fill;pointer-events:none}
.bg-cz-points{position:absolute;inset:0;pointer-events:none}
.bg-cz-mark{position:absolute;display:flex;justify-content:center;align-items:center;transform:translate(-50%,-50%);height:22px;min-width:22px;padding:0 4px;background:#f1c75b;border:2px solid #171b20;border-radius:50%;color:#161b20;font:bold 12px Arial,sans-serif;box-shadow:0 0 0 2px #fff9}
#bgCzHelp{font-size:12px;color:#d9e7e6;flex:1 1 230px}
@media(max-width:650px){.bg-cz-top,.bg-cz-bottom{padding:6px 8px;gap:5px}.bg-cz-buttons button{padding:6px 9px!important;min-height:36px!important}.bg-cz-head b{font-size:13px}.bg-cz-area{min-height:160px}#bgCzHelp{font-size:11px}}

/* BG Beta RC1 visual balance: graphite/teal shell, larger board and proportional checkers. */
body.bg-analyse-ui{
 --bg-page:#10191d;
 --bg-panel:#1c292e;
 --bg-panel-hi:#24343a;
 --bg-line:#3c565d;
 --bg-muted:#a9bcc2;
 background:
  radial-gradient(circle at 50% -18%,rgba(26,130,124,.16),transparent 42%),
  var(--bg-page)!important;
}
body.bg-analyse-ui #app{background:transparent!important}
body.bg-analyse-ui #bgAnalyseHeader{
 background:rgba(20,31,35,.96)!important;
 border-bottom-color:#365158!important;
 box-shadow:0 8px 24px rgba(0,0,0,.16)
}
body.bg-analyse-ui .bg-left,
body.bg-analyse-ui .bg-right{
 background:linear-gradient(160deg,#213137,#19262b)!important;
 border-color:#3d5960!important;
 box-shadow:0 10px 28px rgba(0,0,0,.18)
}
body.bg-analyse-ui .bg-board-card{
 background:linear-gradient(155deg,#223239,#1b282e)!important;
 border-color:#426169!important;
 box-shadow:0 12px 30px rgba(0,0,0,.18)
}
body.bg-analyse-ui .bg-board-aside{
 background:#1d2b30!important;
 border-color:#446168!important
}
body.bg-analyse-ui #bgNativeBoard #analysisStage{
 background:#17363b!important;
 border-color:#4d7479!important;
 box-shadow:inset 0 0 0 1px rgba(122,218,207,.05),0 10px 24px rgba(0,0,0,.2)!important
}
body.bg-analyse-ui #bgNativeBoardHeader #pipFlowBoardTop,
body.bg-analyse-ui #bgNativeStats .pip-v14-pip-card,
body.bg-analyse-ui #bgNativeStats .pip-v14-pip-count,
body.bg-analyse-ui #bgNativeStats #pipV14Quick{
 background:#22343a!important;
 border-color:#456168!important
}
body.bg-analyse-ui #bgNativeAnalysis .pip-flow-card{
 background:#223137!important;
 border-color:#415c63!important
}
body.bg-analyse-ui #bgNativeAnalysis .pip-flow-card>summary{background:#293b41!important}
body.bg-analyse-ui #bgNativeAnalysis .pip-flow-card .pip-flow-content{background:#1f2e33!important}

@media(min-width:1151px){
 body.bg-analyse-ui #bgAnalyseWorkspace{
  grid-template-columns:minmax(180px,205px) minmax(0,1fr) minmax(300px,340px);
  gap:10px;
  padding:10px
 }
 body.bg-analyse-ui .bg-board-layout{
  grid-template-columns:minmax(0,1fr) minmax(155px,175px);
  gap:8px
 }
 body.bg-analyse-ui .bg-left,
 body.bg-analyse-ui .bg-right{padding:11px}
}
@media(min-width:1151px) and (max-width:1270px){
 body.bg-analyse-ui #bgAnalyseWorkspace{grid-template-columns:minmax(166px,184px) minmax(0,1fr) minmax(280px,320px)}
 body.bg-analyse-ui .bg-board-layout{grid-template-columns:minmax(0,1fr) minmax(145px,165px)}
}
body.bg-analyse-ui #bgNativeBoard #analysisStage .mini-board .checker:not(.overflow){
 width:82%;
 max-width:30px
}
@media(max-width:700px){
 body.bg-analyse-ui #bgNativeBoard #analysisStage .mini-board .checker:not(.overflow){width:84%;max-width:24px}
}
@media(max-width:700px) and (orientation:portrait){
 body.bg-analyse-ui #bgAnalyseWorkspace .bg-center{background:transparent!important}
 body.bg-analyse-ui #bgAnalyseWorkspace .bg-board-expanded .bg-center{background:#132126!important}
}
@media(max-width:1020px) and (orientation:landscape) and (max-height:640px){
 body.bg-analyse-ui #bgAnalyseWorkspace{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
}

/* BG_ANALYSE_INPLACE_V241_END */