:root{color-scheme:light;--bg:#f5f3ee;--ink:#292d29;--line:#e3e1d8;--sub:#73776f;--green:#7b947c;--light:#eee9db}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.shell{max-width:1450px;margin:auto;padding:18px 27px 35px}.masthead{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:15px;gap:15px}.brand{text-decoration:none;font-weight:850;letter-spacing:-.065em;color:var(--ink);font-size:27px}.brand span{color:#866947}.headright{display:flex;align-items:center;gap:22px}.tiny{color:var(--sub);font-size:12px}nav{display:flex;gap:7px}.tab{cursor:pointer;background:white;border:1px solid var(--line);padding:10px 14px;border-radius:9px;font-weight:700;color:#414640}.tab.active{background:#2b342c;border-color:#2b342c;color:white}.tab:disabled{opacity:.4;cursor:not-allowed}.eyebrow{font-size:10px;font-weight:850;letter-spacing:.13em;color:#70816e}.intro{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:29px 0 25px}.intro h1{letter-spacing:-.055em;font-size:clamp(29px,3vw,40px);margin:8px 0}.intro p{color:var(--sub);margin:0}.counter{display:flex;flex-direction:column;align-items:center;border:1px solid var(--line);border-radius:13px;background:white;padding:15px 20px;min-width:140px}.counter strong{font-size:27px}.counter span{color:var(--sub);font-size:11px;white-space:nowrap}.week-head{display:flex;justify-content:space-between;align-items:center;margin:27px 0 11px}.week-head strong{font-size:15px}.week-head small{color:var(--sub)}.week-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:11px;margin-bottom:5px}.weekday{font-size:11px;color:#8a8d84;font-weight:800;padding:0 5px;letter-spacing:.10em}.gamecard{position:relative;border:1px solid var(--line);background:#fff;border-radius:14px;text-align:left;padding:13px 11px;min-height:191px;display:flex;flex-direction:column;cursor:pointer;color:inherit;transition:border-color .15s,transform .15s;min-width:0;width:100%}.gamecard:hover{transform:translateY(-2px);border-color:#80947c}.gamecard.empty{background:#f0efe9;border:1px dashed #d8d7ce;cursor:default;opacity:.72}.gamecard.empty:hover{transform:none;border-color:#d8d7ce}.gamecard .top{display:flex;justify-content:space-between;gap:4px;align-items:center}.date{font-size:11px;font-weight:850;color:#555d51}.pill{font-size:10px;border-radius:20px;padding:4px 7px;background:#f1f1e9;color:#6d795d;white-space:nowrap}.players{margin:20px 0 8px;display:flex;flex-direction:column;gap:9px}.player{display:flex;align-items:center;gap:7px;min-width:0}.player .name{font-size:13px;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.piece{border:1.5px solid #454b44;width:13px;height:13px;border-radius:50%;flex:0 0 13px;background:white}.piece.black{background:#343a35}.winner{margin-left:auto;font-weight:900;color:#7a9476}.cardfoot{margin-top:auto;padding-top:12px;border-top:1px solid #eeede7}.cardfoot .opening{font-size:11px;line-height:1.35;font-weight:750;color:#4a5148;min-height:30px}.cardfoot .meta{font-size:11px;margin-top:5px;color:#8e9188}.emptytext{font-weight:650;color:#aaa99f;font-size:12px;margin:auto;text-align:center}.legend{color:#8a8b84;font-size:12px;margin:23px 0}.legend-dot{display:inline-block;width:9px;height:9px;border-radius:3px;background:#8ba38a}.legend-dot.muted{background:#ddddd5}footer{font-size:11px;color:#94968d;border-top:1px solid var(--line);padding-top:15px;margin-top:22px}.detail[hidden]{display:none}.backlink{margin:14px 0 8px;border:0;background:transparent;color:#64765d;font-weight:750;cursor:pointer;padding:0}.detailhead{display:flex;justify-content:space-between;gap:16px;align-items:end;margin:8px 0 15px}.detailhead h1{font-size:clamp(24px,2.7vw,31px);letter-spacing:-.055em;margin:6px 0 5px}.detailhead p{margin:0;color:#71766e;font-size:13px}.download{display:inline-block;color:#414f3e;font-size:12px;font-weight:750;background:#fff;text-decoration:none;border:1px solid var(--line);border-radius:8px;padding:10px;white-space:nowrap}.detailgrid{display:grid;grid-template-columns:minmax(0,var(--board-width,min(62vh,660px))) minmax(325px,420px);gap:22px;justify-content:center;align-items:start}.boardcol{min-width:0}.realboard{width:100%;border:4px solid #303e34;border-radius:7px;overflow:hidden;aspect-ratio:1}.realboard .white-1e1d7{background:#eae7db}.realboard .black-3c85d{background:#819a81}.realboard img{max-width:100%}.controls{display:flex;gap:7px;justify-content:center;align-items:center;margin:11px 0}.controls button{border:1px solid var(--line);border-radius:8px;background:#fff;padding:9px 13px;cursor:pointer;color:#444b42}.controls button:disabled{opacity:.3;cursor:default}.moveProgress{font-size:12px;color:#747870;padding:0 5px;min-width:66px;text-align:center}.sidebar{display:flex;flex-direction:column;gap:10px;min-width:0}.cardpanel{border:1px solid var(--line);border-radius:13px;padding:16px 18px;background:#fff}.comment{border-left:4px solid #879e84}.comment h2{font-size:19px;margin:7px 0}.comment p{font-size:14px;line-height:1.6;color:#4f5750;margin:0}.openingbox h3{font-size:14px;margin:8px 0 3px}.openingbox p{font-size:12px;margin:4px 0;color:var(--sub)}.movesbox{padding:14px 17px;overflow:auto;max-height:calc(100vh - 400px);min-height:150px}.moveshead{display:flex;justify-content:space-between;align-items:center;gap:8px}.moveshead h3{font-size:14px;margin:0 0 12px}.moveshead span{font-size:11px;color:var(--sub)}.movesgrid{display:grid;grid-template-columns:42px 1fr 1fr;gap:4px}.movesgrid .n{color:#959b92;font-size:12px;padding:8px 6px}.movesgrid button{text-align:left;border:0;background:#f3f3ee;border-radius:5px;padding:8px 7px;cursor:pointer;font:inherit;font-size:12px;color:#343b34}.movesgrid button.active{background:#d9d1b8;font-weight:850}.error{margin-top:9px;color:#a0392d;background:#fbeeea;padding:9px;border-radius:6px;font-size:12px}@media(max-width:1100px){.week-days{gap:6px}.gamecard{padding:10px 8px;min-height:190px}.player .name{font-size:11px}.detailgrid{grid-template-columns:minmax(0,var(--board-width,min(58vh,570px))) minmax(290px,380px);gap:12px}.cardpanel{padding:12px 13px}.movesbox{max-height:350px}}@media(max-width:780px){.shell{padding:14px 12px}.tiny{display:none}.masthead{align-items:start}.brand{font-size:21px}.tab{font-size:11px;padding:8px}.intro{margin:22px 0}.counter{display:none}.weeks-wrap{overflow-x:auto;padding-bottom:6px}.week-days{grid-template-columns:repeat(7,150px);gap:9px;min-width:max-content}.weekday{display:none}.gamecard{min-height:180px}.detailgrid{grid-template-columns:1fr}.realboard{max-width:min(100%,570px);margin:auto}.movesbox{max-height:300px}.detailhead{align-items:start;flex-direction:column}.comment p{font-size:14px}}

/* Slim, board-height-synchronized evaluation-style material bar */
.boardwithbar{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:stretch;gap:8px;max-width:100%}
.evalbar-wrap{min-width:0;display:flex;flex-direction:column;gap:6px;align-items:center}
.evalbar{position:relative;flex:1;width:100%;min-height:0;background:#282d2a;border:2px solid #2e3830;border-radius:6px;overflow:hidden;isolation:isolate}
.evalwhite,.evalblack{position:absolute;left:0;right:0;transition:height .25s ease;pointer-events:none}
.evalwhite{height:50%;bottom:0;background:#f1eee3}
.evalblack{height:50%;top:0;background:#29332c}
.evalbar-top,.evalbar-bottom{position:absolute;left:50%;transform:translateX(-50%);font-size:8px;font-weight:800;writing-mode:vertical-rl;white-space:nowrap;pointer-events:none}
.evalbar-top{top:8px;color:#e8ece6}.evalbar-bottom{bottom:8px;color:#344135;transform:translateX(-50%) rotate(180deg)}
.evalbar-score{font-size:10px;font-weight:800;color:var(--ink);height:13px;line-height:13px;white-space:nowrap;text-align:center}
.evalnote{margin:4px 0 0 38px;color:var(--sub);font-size:10px}
.boardwithbar .realboard{min-width:0}
@media(max-width:780px){.boardwithbar{grid-template-columns:24px minmax(0,1fr);gap:5px}.evalnote{margin-left:29px}.evalbar-top,.evalbar-bottom{font-size:7px}}


/* Unauffälliger Resize-Griff direkt im Brett, ohne Button-Hintergrund. */
.boardwithbar{position:relative}
.board-surface{position:relative;min-width:0;width:100%;aspect-ratio:1}
.board-surface .realboard{width:100%;height:100%;aspect-ratio:1}
.board-surface .board-resize-handle{
  all:unset;box-sizing:border-box;position:absolute;z-index:20;right:5px;bottom:5px;
  display:block;width:26px;height:26px;padding:0;margin:0;
  background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  cursor:nwse-resize;touch-action:none;user-select:none;-webkit-user-select:none;
}
.board-surface .board-resize-handle::after{
  content:"";position:absolute;right:2px;bottom:2px;width:17px;height:17px;
  background:repeating-linear-gradient(135deg,transparent 0,transparent 5px,rgba(255,255,255,.94) 5px,rgba(255,255,255,.94) 7px,transparent 7px,transparent 10px);
  clip-path:polygon(100% 0,100% 100%,0 100%);pointer-events:none;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.40));
}
.board-surface .board-resize-handle:hover::after{filter:drop-shadow(0 1px 2px #111)}
.detailgrid.resizing,.detailgrid.resizing *{user-select:none!important}
@media(max-width:780px){.boardcol{width:min(100%,var(--board-width,570px));margin-inline:auto}}

/* Kidsgambit board palette: warm ivory, lilac and yellow move highlight. */
:root{--kidsgambit-purple:#8E07E2;--kidsgambit-yellow:#FFD102}
.realboard .white-1e1d7{background-color:#F5F0E8}
.realboard .black-3c85d{background-color:#B989DE}
.realboard{border-color:#6E28A0}
.realboard .square-55d63.kidsgambit-lastmove{box-shadow:inset 0 0 0 999px rgba(255,209,2,.50)}
.movesgrid button.active{background:#FFD102;color:#282324}
.tab.active{background:#8E07E2;border-color:#8E07E2}
.comment{border-left-color:#8E07E2}
.eyebrow{color:#7C12C4}
.gamecard:hover{border-color:#8E07E2}

/* Private PGN study workspace */
.ownpage[hidden],#ownWorkspace[hidden],#ownSummary[hidden]{display:none!important}
.ownpage .intro{margin-bottom:17px}
.own-import{border:1px solid var(--line);border-radius:14px;padding:20px;background:#fff;max-width:900px}
.import-label{display:block;font-weight:800;font-size:14px;margin-bottom:10px}
#ownPgn{display:block;width:100%;min-height:145px;resize:vertical;font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;color:#333;border:1px solid #d8d5d1;border-radius:9px;padding:13px;background:#faf9f6}
#ownPgn:focus,#aiEndpoint:focus,#aiToken:focus{outline:2px solid #8E07E2;outline-offset:1px}
.import-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:13px}
.primary,.filebutton{border:1px solid #8E07E2;background:#8E07E2;color:#fff;border-radius:9px;padding:10px 15px;font:inherit;font-size:13px;font-weight:750;cursor:pointer}
.filebutton{background:#fff;color:#63319e;border-color:#e0d6ea}
.primary:disabled{opacity:.5;cursor:wait}
.own-status{font-size:12px;color:#71766e;margin:10px 0 0;line-height:1.5}
.own-status.failed{color:#a43430}
.own-setup{margin:18px 0;display:grid;gap:8px}
.own-setup p{color:#6d756e;font-size:12px;margin:4px 0}
.own-settings{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) auto;gap:8px}
.own-settings input,.own-settings select{min-width:0;width:100%;border:1px solid #d8d5d1;border-radius:8px;padding:10px 12px;background:#faf9f7;font:inherit;font-size:12px}
.own-results{display:grid;grid-template-columns:minmax(0,min(60vh,650px)) minmax(290px,420px);gap:22px;align-items:start;justify-content:center}
.own-board{min-width:0}
.own-board-main{width:100%}
#ownBoard.realboard{border-color:#6E28A0}
#ownBoard.realboard .square-55d63.white-1e1d7{background:#F5F0E8}
#ownBoard.realboard .square-55d63.black-3c85d{background:#B989DE}
#ownBoard.realboard .square-55d63.kidsgambit-lastmove{box-shadow:inset 0 0 0 999px rgba(255,209,2,.5)}
.own-summary{margin:18px 0 30px;max-width:1050px}
.own-summary h2{margin:9px 0}
.own-summary #ownSummaryContent{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.own-summary #ownSummaryContent>p{grid-column:1/-1;line-height:1.6}
.own-summary h3{font-size:14px}
.own-summary li{line-height:1.5;margin:7px 0;color:#535b53;font-size:13px}
.own-disclaimer{font-size:11px;color:#8b8b85}
#ownMoves{max-height:370px;overflow:auto}
@media(max-width:1080px){.own-results{grid-template-columns:minmax(0,min(55vh,600px)) minmax(260px,380px);gap:12px}.own-settings{grid-template-columns:1fr 1fr}.own-settings button{grid-column:1/-1}}
@media(max-width:780px){.own-results,.own-summary #ownSummaryContent{grid-template-columns:1fr}.own-summary #ownSummaryContent>p{grid-column:1}.own-settings{grid-template-columns:1fr}.own-settings button{grid-column:1}.own-import{padding:14px}}

.own-settings select{font-weight:700;cursor:pointer;color:#503568;background:#faf8fc}
.own-settings{grid-template-columns:minmax(150px,.7fr) minmax(0,1.6fr) minmax(0,1fr) auto}
@media(max-width:1080px){.own-settings{grid-template-columns:1fr 1fr}.own-settings button{grid-column:1/-1}}
@media(max-width:780px){.own-settings{grid-template-columns:1fr}.own-settings button{grid-column:1}}