.dch{--ink:#101827;--muted:#6c7890;--blue:#2677ff;--cyan:#4fc9ff;--line:#dce7f6;--cream:#eef5fb;--navy:#0c1c34;max-width:1500px;margin:20px auto;overflow:hidden;border:1px solid var(--line);border-radius:30px;background:#f8fbff;color:var(--ink);font-family:Inter,system-ui,sans-serif;box-shadow:0 30px 90px rgba(28,64,112,.16)}.dch *{box-sizing:border-box}.dch button,.dch select{font:inherit}.dch button{cursor:pointer}.dch-hero{display:flex;min-height:170px;padding:35px clamp(25px,5vw,72px);align-items:center;justify-content:space-between;background:radial-gradient(circle at 70% -20%,rgba(69,194,255,.26),transparent 43%),linear-gradient(135deg,#fff,#edf7ff);border-bottom:1px solid var(--line)}.dch-hero small,.dch-panel section>small,.dch-panel section>div>small,.dch-player small{font:800 10px/1.2 ui-monospace,monospace;letter-spacing:.18em;color:#4d6e9d}.dch-hero h2{margin:8px 0 4px;font:900 clamp(40px,5vw,72px)/.95 ui-monospace,monospace;letter-spacing:-.07em}.dch-hero h2 span{color:var(--blue)}.dch-hero p{margin:13px 0 0;color:var(--muted)}.dch-engine{display:grid;padding:13px 18px;grid-template-columns:auto auto;gap:2px 10px;align-items:center;border:1px solid #bfd4ee;border-radius:15px;background:rgba(255,255,255,.8)}.dch-engine i{grid-row:1/3;width:10px;height:10px;border-radius:50%;background:#ffae43;box-shadow:0 0 14px #ffae43}.dch-engine.online i{background:#35db8b;box-shadow:0 0 14px #35db8b}.dch-engine span{font:800 11px ui-monospace,monospace;letter-spacing:.11em}.dch-engine b{font-size:9px;color:var(--muted)}.dch-layout{display:grid;grid-template-columns:minmax(550px,1fr) 390px;min-height:760px}.dch-stage{padding:24px clamp(20px,4vw,50px);background:radial-gradient(circle at 50% 40%,#fff 0,#f3f8fd 68%)}.dch-player{display:flex;max-width:780px;margin:0 auto 14px;align-items:center;gap:12px}.dch-player.dch-cpu{margin-top:0}.dch-player time{margin-left:auto;font:800 22px ui-monospace,monospace}.dch-player strong,.dch-player em{display:block}.dch-player strong{font-size:14px}.dch-player em{margin-top:3px;color:var(--blue);font:700 9px ui-monospace,monospace;letter-spacing:.1em}.dch-avatar{display:grid;width:43px;height:43px;place-items:center;border-radius:12px;background:linear-gradient(145deg,#152a49,#07172d);color:#fff;font:900 13px ui-monospace,monospace;box-shadow:0 8px 18px rgba(8,27,52,.2)}.dch-avatar.human{background:linear-gradient(145deg,#2d8cff,#1859d6)}.dch-board-wrap{position:relative;width:min(100%,780px);margin:0 auto 14px}.dch-board{display:grid;aspect-ratio:1;grid-template-columns:repeat(8,1fr);overflow:hidden;border:10px solid #fff;border-radius:18px;background:#fff;box-shadow:0 24px 60px rgba(21,54,95,.2),0 0 0 1px #cbdcf0}.dch-square{position:relative;display:grid;aspect-ratio:1;place-items:center;border:0;padding:0;font-family:"Arial Unicode MS","Noto Sans Symbols 2",serif;font-size:clamp(36px,5vw,72px);line-height:1;text-shadow:0 3px 2px rgba(0,0,0,.16)}.dch-square.light{background:#e8f1f8}.dch-square.dark{background:#79a3c9}.dch-square.selected{box-shadow:inset 0 0 0 5px #ffca4b}.dch-square.target:after{content:"";position:absolute;width:24%;height:24%;border-radius:50%;background:rgba(18,82,151,.42)}.dch-square.capture:after{width:76%;height:76%;border:5px solid rgba(235,72,72,.62);background:transparent}.dch-square.last{background-image:linear-gradient(rgba(255,224,78,.38),rgba(255,224,78,.38))}.dch-square.check{background:#ef8b8b}.dch-square .coord{position:absolute;left:5px;bottom:3px;color:rgba(7,30,58,.48);font:700 9px ui-monospace,monospace;text-shadow:none}.dch-promotion{position:absolute;z-index:20;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;background:rgba(5,18,36,.65);backdrop-filter:blur(5px)}.dch-promotion[hidden]{display:none}.dch-promotion button{width:80px;height:80px;border:1px solid #c8ddf4;border-radius:15px;background:#fff;font-size:52px}.dch-panel{padding:26px;border-left:1px solid var(--line);background:#fff}.dch-panel section{padding:20px;margin-bottom:14px;border:1px solid var(--line);border-radius:16px;background:#fbfdff}.dch-panel h3{margin:7px 0 18px;font-size:21px}.dch-panel label{display:block;margin-top:12px;color:#5a6d86;font-size:11px;font-weight:700}.dch-panel select{display:block;width:100%;height:45px;margin-top:6px;padding:0 12px;border:1px solid #cddcef;border-radius:10px;background:#fff;color:var(--ink)}.dch-primary{width:100%;height:48px;margin-top:17px;border:0;border-radius:11px;background:linear-gradient(135deg,#338eff,#195fdc);color:#fff;font-weight:900;letter-spacing:.1em;box-shadow:0 10px 22px rgba(38,119,255,.24)}.dch-eval>div:first-child{display:flex;align-items:end;justify-content:space-between}.dch-eval strong{font:900 28px ui-monospace,monospace}.dch-evalbar{height:10px;margin:13px 0;border-radius:9px;background:#17253a;overflow:hidden}.dch-evalbar i{display:block;width:50%;height:100%;background:#58b8ff;transition:width .3s}.dch-eval p{margin:0;color:var(--muted);font:10px ui-monospace,monospace}.dch-moves>div{display:flex;align-items:center;justify-content:space-between}.dch-moves button{border:0;background:none;color:var(--blue);font-size:9px;font-weight:800}.dch-moves ol{max-height:170px;margin:15px 0 0;padding-left:32px;overflow:auto;columns:2;color:#40536c;font:12px/1.8 ui-monospace,monospace}.dch-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dch-tools button{height:42px;border:1px solid var(--line);border-radius:10px;background:#f6faff;color:#49617d;font-size:10px;font-weight:800}.dch footer{display:flex;min-height:50px;padding:0 30px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);background:#f4f8fc;color:#69809a;font:9px ui-monospace,monospace;letter-spacing:.08em}.dch footer b{color:var(--blue)}
@media(max-width:1050px){.dch-layout{grid-template-columns:1fr}.dch-panel{border-top:1px solid var(--line);border-left:0}.dch-stage{padding-bottom:35px}.dch-board{max-width:720px;margin:auto}.dch-panel{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dch-panel section{margin:0}.dch-tools{align-self:start}}
@media(max-width:680px){.dch{border-radius:16px}.dch-hero{align-items:flex-start;flex-direction:column;gap:22px;padding:28px 20px}.dch-layout{min-height:0}.dch-stage{padding:18px 10px}.dch-board{border-width:5px;border-radius:10px}.dch-square{font-size:clamp(30px,11vw,58px)}.dch-panel{display:block;padding:12px}.dch-panel section{margin-bottom:12px}.dch-player{padding:0 5px}.dch-player time{font-size:17px}.dch footer{align-items:flex-start;flex-direction:column;gap:5px;padding:12px 18px}}

/* 1.2.0 large SVG piece sets and selectable board themes. */
.dch-piece{position:relative;z-index:2;display:block;width:88%!important;height:88%!important;max-width:none!important;object-fit:contain;pointer-events:none;user-select:none;filter:drop-shadow(0 3px 2px rgba(0,0,0,.2));transition:transform .14s ease}.dch-board[data-pieces="merida"] .dch-piece{width:91%!important;height:91%!important}.dch-board[data-pieces="modern"] .dch-piece{width:86%!important;height:86%!important}.dch-square:hover .dch-piece,.dch-square.selected .dch-piece{transform:scale(1.045)}.dch-board[data-theme="green"] .dch-square.light{background:#ebecd0}.dch-board[data-theme="green"] .dch-square.dark{background:#779556}.dch-board[data-theme="wood"] .dch-square.light{background-color:#e7c796;background-image:linear-gradient(92deg,rgba(255,255,255,.14),transparent 38%,rgba(115,66,27,.08)),repeating-linear-gradient(2deg,transparent 0 9px,rgba(114,69,32,.045) 10px 11px)}.dch-board[data-theme="wood"] .dch-square.dark{background-color:#9b6338;background-image:linear-gradient(92deg,rgba(255,255,255,.08),transparent 42%,rgba(47,24,8,.11)),repeating-linear-gradient(-2deg,transparent 0 10px,rgba(55,28,10,.075) 11px 12px)}.dch-square.target:after{z-index:3}.dch-square .coord{z-index:4}.dch-promotion button{display:grid;width:90px;height:90px;padding:3px;place-items:center}.dch-promotion img{width:92%!important;height:92%!important;max-width:none!important;object-fit:contain}.dch-appearance{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dch-appearance label{min-width:0}.dch-appearance select{font-size:10px}
@media(max-width:520px){.dch-appearance{grid-template-columns:1fr}.dch-piece{width:92%!important;height:92%!important}}

/* 1.3.0 multiplayer lobby, readable controls, real wood and pointer dragging. */
.dch-board{touch-action:none}.dch-square{touch-action:none;-webkit-user-select:none;user-select:none}.dch-drag-ghost{position:fixed;z-index:999999;width:84px!important;height:84px!important;max-width:none!important;pointer-events:none;filter:drop-shadow(0 12px 10px rgba(0,0,0,.34));transform-origin:center;will-change:transform}.dch-board[data-theme="wood"]{background:#5f351d;box-shadow:0 24px 60px rgba(69,38,18,.28),0 0 0 1px #8a5935}.dch-board[data-theme="wood"] .dch-square{background-image:linear-gradient(rgba(255,255,255,.08),rgba(73,35,12,.08)),url("wood-grain.svg");background-size:auto,280px 280px;background-blend-mode:soft-light,multiply}.dch-board[data-theme="wood"] .dch-square.light{background-color:#d9ad73}.dch-board[data-theme="wood"] .dch-square.dark{background-color:#81502f}.dch-board[data-theme="wood"] .dch-square:nth-child(3n){background-position:0 0,74px 19px}.dch-board[data-theme="wood"] .dch-square:nth-child(4n){background-position:0 0,151px 88px}.dch-board[data-theme="wood"] .dch-square.last{background-image:linear-gradient(rgba(255,217,58,.42),rgba(255,217,58,.42)),url("wood-grain.svg")}.dch-hero small,.dch-panel section>small,.dch-panel section>div>small,.dch-player small{font-size:12px}.dch-panel label{font-size:14px;line-height:1.35}.dch-panel select,.dch-panel input{font-size:14px}.dch-panel select{height:48px}.dch-panel input{display:block;width:100%;height:48px;margin-top:7px;padding:0 12px;border:1px solid #cddcef;border-radius:10px;background:#fff;color:var(--ink)}.dch-player em{font-size:11px}.dch-eval p{font-size:12px}.dch-moves button{font-size:11px}.dch-moves ol{font-size:14px}.dch-tools button{font-size:12px}.dch footer{font-size:11px}.dch-appearance select{font-size:13px}.dch-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:14px;padding:4px;border-radius:12px;background:#eaf1f9}.dch-mode-switch button{min-height:42px;border:0;border-radius:9px;background:transparent;color:#5a6f88;font-size:12px;font-weight:900}.dch-mode-switch button.is-active{background:#fff;color:#126cf3;box-shadow:0 4px 14px rgba(31,72,121,.12)}.dch-online-setup p{color:#61758c;font-size:13px;line-height:1.5}.dch-online-setup a,.dch-invite{display:flex;min-height:44px;align-items:center;justify-content:center;border:0;border-radius:10px;background:#102744;color:#fff!important;text-decoration:none!important;font-size:12px;font-weight:900}.dch-invite{width:100%;margin-top:9px;background:linear-gradient(135deg,#35a668,#23854e)}.dch-lobby{display:grid;gap:8px;margin-top:14px}.dch-lobby h4{margin:9px 0 0;color:#526d8e;font-size:11px;letter-spacing:.12em}.dch-lobby article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 9px;padding:11px;border:1px solid #d8e5f2;border-radius:11px;background:#fff}.dch-lobby article strong{font-size:13px}.dch-lobby article span{color:#74869b;font-size:11px}.dch-lobby article>button,.dch-lobby article div button{min-height:32px;padding:0 10px;border:0;border-radius:7px;background:#2479f2;color:#fff;font-size:10px;font-weight:900}.dch-lobby article div{display:flex;grid-column:1/-1;gap:7px}.dch-lobby article div button:last-child{background:#edf2f7;color:#62758b}
@media(max-width:680px){.dch-drag-ghost{width:68px!important;height:68px!important}.dch-panel label{font-size:13px}.dch-hero small,.dch-panel section>small,.dch-panel section>div>small,.dch-player small{font-size:11px}}
.dch-analysis>div:first-child{display:flex;align-items:center;justify-content:space-between}.dch-analysis>div:first-child strong{padding:5px 9px;border-radius:999px;background:#eaf3ff;color:#176cdb;font-size:12px}.dch-analysis>div:first-child strong[data-grade="best"],.dch-analysis>div:first-child strong[data-grade="excellent"]{background:#e4f9ed;color:#18804a}.dch-analysis>div:first-child strong[data-grade="good"]{background:#ebf7ff;color:#1875a9}.dch-analysis>div:first-child strong[data-grade="inaccuracy"]{background:#fff6d9;color:#8a6a0c}.dch-analysis>div:first-child strong[data-grade="mistake"]{background:#ffeadc;color:#b85a16}.dch-analysis>div:first-child strong[data-grade="blunder"]{background:#ffe6e9;color:#b52f42}.dch-analysis-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}.dch-analysis-grid>div{padding:11px;border:1px solid #dce7f2;border-radius:10px;background:#fff}.dch-analysis-grid span{display:block;color:#71849a;font-size:11px}.dch-analysis-grid b{display:block;margin-top:4px;font-size:15px}.dch-analysis>p{margin:11px 0 0;color:#687d93;font-size:11px;line-height:1.45}

/* 1.3.2 coordinate readability, solid brown board and flexible clock. */
.dch-square .coord{left:7px;bottom:5px;color:rgba(7,25,45,.78);font-size:15px;font-weight:900;letter-spacing:-.04em}.dch-board[data-theme="wood"]{background:#7d4b2d}.dch-board[data-theme="wood"] .dch-square{background-image:none!important;background-blend-mode:normal}.dch-board[data-theme="wood"] .dch-square.light{background-color:#e7c58e}.dch-board[data-theme="wood"] .dch-square.dark{background-color:#a86842}.dch-board[data-theme="wood"] .dch-square.last{background-image:linear-gradient(rgba(255,221,66,.43),rgba(255,221,66,.43))!important}.dch-time-custom{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.dch-time-custom>label{min-width:0}.dch-unlimited{display:flex!important;min-height:48px;padding:0 12px;align-items:center;gap:8px;border:1px solid #cddcef;border-radius:10px;background:#fff}.dch-unlimited input{width:18px!important;height:18px!important;margin:0!important;accent-color:#2677ff}.dch-unlimited span{white-space:nowrap}.dch-panel input:disabled,.dch-panel select:disabled{opacity:.48;cursor:not-allowed}
@media(max-width:520px){.dch-square .coord{left:4px;bottom:3px;font-size:12px}.dch-time-custom{grid-template-columns:1fr}.dch-unlimited{justify-content:center}}