.trainer-shell-page{width:100%}.trainer-shell-layout,.trainer-shell-side{min-width:0}.trainer-shell-side--columns-2>div{min-height:0!important}@media (min-width: 1120px) and (min-height: 720px){.trainer-shell-page--fixed{height:100dvh;min-height:100dvh!important;overflow:hidden}.trainer-shell-page--fixed .trainer-shell-layout{max-height:calc(100dvh - 64px)}.trainer-shell-page--fixed .trainer-shell-side{max-height:calc(100dvh - 76px);overflow:hidden}}@media (min-width: 1400px) and (min-height: 720px){.trainer-shell-side--columns-2>div{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;align-content:start;align-items:start;gap:10px!important}.trainer-shell-side--columns-2>div>*{min-width:0;margin:0!important}.trainer-shell-side--columns-2 button,.trainer-shell-side--columns-2 input{min-width:0}}@media (min-width: 1120px) and (max-width: 1399px) and (min-height: 720px){.trainer-shell-page--wide-side.trainer-shell-page--fixed{height:auto;min-height:100vh!important;overflow:visible}.trainer-shell-page--wide-side.trainer-shell-page--fixed .trainer-shell-layout,.trainer-shell-page--wide-side.trainer-shell-page--fixed .trainer-shell-side{max-height:none;overflow:visible}}@media (max-width: 1119px),(max-height: 719px){.trainer-shell-page--fixed{min-height:100vh;overflow:visible}}.pattern-mate-panel-layout{display:grid;grid-template-columns:minmax(0,1fr) 224px;align-items:start;gap:12px;width:100%}.pattern-mate-panel-layout--single{grid-template-columns:minmax(0,1fr)}.pattern-mate-panel-left,.pattern-mate-panel-right{min-width:0}.pattern-mate-panel-left{min-height:inherit;display:flex;flex-direction:column;gap:10px}.pattern-mate-panel-right{align-self:start}.pattern-mate-panel-right .site-explanation-box{margin:0;padding:12px 13px}.pattern-mate-panel-right .site-explanation-title{font-size:1.02rem;margin-bottom:7px}.pattern-mate-panel-right .site-explanation-box p{margin:5px 0;font-size:.82rem;line-height:1.38}.pattern-mate-panel-actions{margin-top:auto;display:flex;gap:8px}.pattern-mate-panel-actions button{min-width:0;font-size:12px!important}@media (max-width: 1240px),(max-height: 719px){.pattern-mate-panel-layout{grid-template-columns:minmax(0,1fr)}.pattern-mate-panel-right{grid-row:1}.pattern-mate-panel-actions{flex-wrap:wrap}}.bn-mate-panel-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.92fr);align-items:start;gap:12px;width:100%}.bn-mate-panel-left,.bn-mate-panel-right{min-width:0;display:flex;flex-direction:column;gap:10px}.bn-mate-panel-left{min-height:inherit}.bn-mate-panel-right{align-self:start}.bn-mate-panel-right button,.bn-mate-panel-right input{min-width:0}@media (max-width: 1240px),(max-height: 719px){.bn-mate-panel-layout{grid-template-columns:minmax(0,1fr)}}.piece-mate-panel-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.92fr);align-items:start;gap:12px;width:100%}.piece-mate-panel-left,.piece-mate-panel-right{min-width:0;display:flex;flex-direction:column;gap:10px}.piece-mate-panel-left{min-height:inherit}.piece-mate-panel-right{align-self:start}.piece-mate-panel-right button,.piece-mate-panel-right input{min-width:0}@media (max-width: 1240px),(max-height: 719px){.piece-mate-panel-layout{grid-template-columns:minmax(0,1fr)}}.pattern-tactic-panel-layout{display:grid;grid-template-columns:minmax(0,1fr) 224px;align-items:start;gap:12px;width:100%}.pattern-tactic-panel-layout--single{grid-template-columns:minmax(0,1fr)}.pattern-tactic-panel-left,.pattern-tactic-panel-right{min-width:0}.pattern-tactic-panel-left{min-height:inherit;display:flex;flex-direction:column;gap:10px}.pattern-tactic-panel-right{align-self:start}.pattern-tactic-panel-right .site-explanation-box{margin:0;padding:12px 13px}.pattern-tactic-panel-right .site-explanation-title{font-size:1.02rem;margin-bottom:7px}.pattern-tactic-panel-right .site-explanation-box p{margin:5px 0;font-size:.82rem;line-height:1.38}.pattern-tactic-panel-left>:last-child{margin-top:auto}.pattern-tactic-panel-left>:last-child button{min-width:0;font-size:12px!important}@media (max-width: 1240px),(max-height: 719px){.pattern-tactic-panel-layout{grid-template-columns:minmax(0,1fr)}.pattern-tactic-panel-right{grid-row:1}.pattern-tactic-panel-left>:last-child{flex-wrap:wrap}}:root,:root[data-site-theme=weiss3d]{color-scheme:dark;--theme-page-bg: radial-gradient(circle at 45% 18%, rgba(43,90,66,.22), transparent 34%), linear-gradient(135deg,#081912,#030d09);--theme-bg-solid: #06130f;--theme-panel: rgba(10,31,24,.94);--theme-panel-2: rgba(16,41,31,.9);--theme-panel-input: #10291f;--theme-border: rgba(189,227,186,.13);--theme-text: #f5f5ed;--theme-muted: #9ca9a1;--theme-accent: #8db86f;--theme-accent-strong: #a9d98f;--theme-accent-text: #07120c;--theme-danger: #6b3d3d;--theme-shadow: 0 20px 55px rgba(0,0,0,.34);--theme-card-shadow: 0 14px 34px rgba(0,0,0,.24);--theme-hero-bg: linear-gradient(135deg,rgba(86,139,91,.24),rgba(141,184,111,.09));--theme-button-bg: #173526;--theme-button-hover: #214832;--theme-board-frame: rgba(12,34,25,.94);--theme-highlight: #f2c14e;--theme-warning-bg: #6d5a2c;--theme-warning-text: #fff4cf;--theme-input-border: rgba(189,227,186,.2)}:root[data-site-theme=classic]{color-scheme:dark;--theme-page-bg: radial-gradient(circle at 42% 10%,rgba(143,116,88,.17),transparent 34%), linear-gradient(145deg,#211e1b 0%,#181614 58%,#12110f 100%);--theme-bg-solid: #171513;--theme-panel: rgba(31,29,27,.97);--theme-panel-2: rgba(47,43,39,.96);--theme-panel-input: #25221f;--theme-border: rgba(246,232,210,.11);--theme-text: #f5f1e8;--theme-muted: #b9afa4;--theme-accent: #86b653;--theme-accent-strong: #b0d77f;--theme-accent-text: #18200f;--theme-danger: linear-gradient(180deg,#824b48,#6c3c39);--theme-shadow: 0 24px 58px rgba(0,0,0,.42);--theme-card-shadow: 0 12px 30px rgba(0,0,0,.28);--theme-hero-bg: linear-gradient(135deg,rgba(134,182,83,.15),rgba(198,156,103,.11));--theme-button-bg: linear-gradient(180deg,#49443f,#383430);--theme-button-hover: linear-gradient(180deg,#57514b,#423d38);--theme-board-frame: linear-gradient(145deg,#34302c,#211e1b);--theme-highlight: #e9b949;--theme-warning-bg: linear-gradient(180deg,#745f2e,#5e4c24);--theme-warning-text: #fff1c5;--theme-input-border: rgba(246,232,210,.16)}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}html{background:var(--theme-bg-solid)}body{min-height:100vh;background:var(--theme-page-bg);color:var(--theme-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:background .18s ease,color .18s ease}button,input,select,textarea{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--theme-accent-strong) 70%,transparent);outline-offset:2px}.theme-quick-toggle{min-width:126px;border:1px solid var(--theme-border);border-radius:14px;padding:11px 14px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--theme-text);background:var(--theme-button-bg);box-shadow:0 10px 25px #00000061;font-weight:800;cursor:pointer}.theme-quick-toggle:hover{background:var(--theme-button-hover);border-color:color-mix(in srgb,var(--theme-accent) 55%,transparent)}.theme-selector{padding:22px;border:1px solid var(--theme-border);border-radius:20px;background:color-mix(in srgb,var(--theme-panel-2) 88%,transparent);box-shadow:var(--theme-card-shadow)}.theme-selector-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.theme-selector-kicker{color:var(--theme-accent-strong);font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.theme-selector h2{margin:4px 0 0;color:var(--theme-text);font-size:21px}.theme-selector-current{padding:7px 10px;border-radius:999px;color:var(--theme-accent-strong);background:color-mix(in srgb,var(--theme-accent) 16%,transparent);font-size:12px;font-weight:800;white-space:nowrap}.theme-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.theme-option{width:100%;min-height:104px;padding:12px;border:1px solid var(--theme-border);border-radius:16px;display:grid;grid-template-columns:74px 1fr 24px;align-items:center;gap:12px;color:var(--theme-text);background:var(--theme-panel);text-align:left;cursor:pointer}.theme-option:hover,.theme-option.selected{border-color:color-mix(in srgb,var(--theme-accent) 70%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--theme-accent) 24%,transparent)}.theme-option-copy{min-width:0;display:grid;gap:5px}.theme-option-copy strong{font-size:16px}.theme-option-copy span{color:var(--theme-muted);font-size:12px;line-height:1.45}.theme-option-check{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;color:var(--theme-accent-text);background:var(--theme-accent);font-size:13px;font-weight:900}.theme-option:not(.selected) .theme-option-check{border:1px solid var(--theme-border);background:transparent}.theme-preview{position:relative;width:72px;height:72px;overflow:hidden;border:1px solid var(--theme-border);border-radius:12px;display:grid;place-items:center}.theme-preview-board{position:absolute;top:0;right:0;bottom:0;left:0;background-size:36px 36px}.theme-preview-weiss3d .theme-preview-board{background-color:#d7cfba;background-image:linear-gradient(45deg,#62705b 25%,transparent 25%,transparent 75%,#62705b 75%),linear-gradient(45deg,#62705b 25%,transparent 25%,transparent 75%,#62705b 75%);background-position:0 0,18px 18px}.theme-preview-classic .theme-preview-board{background-color:#eeeccf;background-image:linear-gradient(45deg,#7a995c 25%,transparent 25%,transparent 75%,#769656 75%),linear-gradient(45deg,#7a995c 25%,transparent 25%,transparent 75%,#769656 75%);background-position:0 0,18px 18px}.theme-preview-piece{position:relative;z-index:1;color:#0d0f0e;font-size:42px;line-height:1;text-shadow:0 7px 7px rgba(0,0,0,.34)}@media (max-width: 760px){.theme-option-grid{grid-template-columns:1fr}.theme-selector-heading{display:grid}.theme-selector-current{width:fit-content}}.theme-preview-nobleStandard .theme-preview-board{background-color:#e6d7b0;background-image:linear-gradient(45deg,#6f7b4e 25%,transparent 25%,transparent 75%,#6f7b4e 75%),linear-gradient(45deg,#6f7b4e 25%,transparent 25%,transparent 75%,#6f7b4e 75%);background-position:0 0,18px 18px}.theme-preview-qwertyxp2000 .theme-preview-board{background-color:#f0e6c7;background-image:linear-gradient(45deg,#8aa06a 25%,transparent 25%,transparent 75%,#8aa06a 75%),linear-gradient(45deg,#8aa06a 25%,transparent 25%,transparent 75%,#8aa06a 75%);background-position:0 0,18px 18px}.theme-preview-nobleStandard .theme-preview-piece{color:#f5efdd;text-shadow:0 8px 12px rgba(0,0,0,.5)}.theme-preview-qwertyxp2000 .theme-preview-piece{color:#f8f6ef;text-shadow:0 3px 5px rgba(0,0,0,.28)}