.chess{grid-template-columns:minmax(0,1fr);gap:16px;max-width:1200px;margin:0 auto;padding:6px 8px 0;display:grid}.chess__play{flex-direction:column;align-items:center;gap:8px;min-width:0;display:flex}.chess__side{flex-direction:column;gap:16px;min-width:0;padding:0 8px;display:flex}.chess-defs{width:0;height:0;position:absolute;overflow:hidden}.pc{stroke-width:2.3px;stroke-linejoin:round;stroke-linecap:round;width:100%;height:100%;display:block;overflow:visible}.pc--w{fill:var(--paper);stroke:var(--ink);color:var(--ink)}.pc--b{fill:var(--ink);stroke:var(--ink);color:var(--paper)}.pc-line{fill:none;stroke:currentColor;stroke-width:1.9px}.pc-dot{fill:currentColor;stroke:none}.pc-cross{fill:none;stroke-width:3px}.tray__icon .pc--w{stroke-width:3.4px}.chess-frame{width:100%;margin:0 auto;position:relative}.chess--online .chess-frame{max-width:min(100%,100dvh - 16px)}.chess-board{aspect-ratio:1;outline:2px solid var(--ink);outline-offset:0;background:var(--paper);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;grid-template-rows:repeat(8,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));width:100%;display:grid}.chess-sq{appearance:none;width:100%;min-width:0;height:100%;color:inherit;cursor:default;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:0;border-radius:0;margin:0;padding:0;display:block;position:relative}.chess-sq--light{background:var(--paper)}.chess-sq--dark{background:repeating-linear-gradient(135deg,#bdb7e4 0 1.5px,#d9d5f0 1.5px 4.5px)}.chess-sq.is-draggable{touch-action:none;cursor:grab}.chess-board:not(.is-locked) .chess-sq.is-target-move,.chess-board:not(.is-locked) .chess-sq.is-target-capture{cursor:pointer}.chess-sq:before{content:"";pointer-events:none;position:absolute;inset:0}.chess-sq.is-last:before{background:#ffe45cb8}.chess-sq.is-selected:before{box-shadow:inset 0 0 0 3px var(--ink);background:#ffe45cf2}.chess-sq.is-check:before{box-shadow:inset 0 0 0 2px var(--o);background:radial-gradient(circle closest-side,#d3263f8c 55%,#d3263f2e 80%,#0000)}.chess-sq .pc{pointer-events:none;width:94%;height:94%;position:absolute;inset:3%}.chess-sq.is-target-move:after{content:"";background:var(--ink);opacity:.55;pointer-events:none;border-radius:50%;width:26%;height:26%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.chess-sq.is-target-capture:after{content:"";border:3px solid var(--o);pointer-events:none;border-radius:50%;position:absolute;inset:5%}.chess-sq:focus-visible{outline:3px solid var(--focus);outline-offset:-3px;z-index:2}.chess-sq.is-lifted>.pc{opacity:.25}.chess-sq__file,.chess-sq__rank{color:#333a5c;pointer-events:none;z-index:1;font-size:.75rem;font-weight:700;line-height:1;position:absolute}.chess-sq__file{inset-inline-end:2px;bottom:2px}.chess-sq__rank{inset-inline-start:2px;top:2px}@media (max-width:899px){.chess-sq__file,.chess-sq__rank{font-size:.5625rem}.chess-sq__file{inset-inline-end:1px;bottom:1px}.chess-sq__rank{inset-inline-start:1px;top:1px}}.chess-ghost{top:0;z-index:30;pointer-events:none;will-change:transform;width:clamp(56px,11vmin,84px);height:clamp(56px,11vmin,84px);position:absolute;inset-inline-start:0}.chess-ghost[hidden]{display:none}.chess-promo-back{z-index:4;cursor:pointer;background:#1b234059;border:0;padding:0;position:absolute;inset:0}.chess-promo{z-index:5;background:var(--paper);outline:2px solid var(--ink);width:12.5%;box-shadow:3px 3px 0 var(--ink);flex-direction:column;display:flex;position:absolute}.chess-promo button{appearance:none;aspect-ratio:1;background:var(--paper);cursor:pointer;touch-action:manipulation;border:0;width:100%;padding:3%;display:block}.chess-promo .pc{pointer-events:none}.chess-promo button+button{border-top:1px solid var(--rule)}.chess-promo button:hover{background:var(--marker)}.chess-promo button:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}.chess-actions{grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:420px;margin-top:12px;display:grid}.chess-actions .btn{padding-inline:8px}.chess-moves{overscroll-behavior:contain;font-variant-numeric:tabular-nums;border-top:1px solid var(--rule);height:8.6rem;margin:8px 0 0;padding:0;list-style:none;position:relative;overflow-y:auto}.chess-moves li{border-bottom:1px solid var(--rule-soft);grid-template-columns:2.6em 1fr 1fr;gap:4px;padding:2px 4px;font-size:.95rem;display:grid}.chess-moves__number{color:var(--ink-soft)}.chess-san{appearance:none;color:inherit;font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:2px;justify-self:start;margin-inline-start:-3px;padding:0 3px}.chess-san:hover{background:var(--paper-shade)}.chess-san.is-shown{background:var(--highlight);font-weight:700}.chess-san:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.chess-moves:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.chess-moves li.chess-moves__empty{color:var(--ink-soft);border:0;padding:8px 4px;font-size:.9rem;display:block}.chess-toggle{margin-top:14px}.chess-moves-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.chess-steps{flex:none;gap:2px;display:flex}.chess-step{appearance:none;border:1.5px solid var(--ink);background:var(--paper);width:40px;height:40px;color:var(--ink);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:8px;flex:none;place-items:center;padding:0;display:grid}.chess-step:hover:not([aria-disabled=true]){background:var(--paper-shade)}.chess-step[aria-disabled=true]{border-color:var(--rule);color:#70748a;cursor:not-allowed}.chess-step:focus-visible{outline:3px solid var(--focus);outline-offset:1px}.chess-step svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.chess-status-slot{position:relative}.chess-notice{z-index:2;background:var(--paper);align-items:center;gap:8px;padding-inline:4px;display:flex;position:absolute;inset:0}.chess-notice p{text-align:center;flex-direction:column;flex:1 1 0;min-width:0;margin:0;font-size:.8125rem;line-height:1.15;display:flex}.chess-notice strong{font-size:.9375rem}.chess-notice.is-urgent span{color:var(--o);font-weight:700}.chess-notice .btn{flex:0 auto;max-width:38%;min-height:44px;padding:2px 10px;font-size:.875rem;line-height:1.1}@media (max-width:899px),(max-height:500px){.chess-notice strong{font-size:.8125rem}.chess-notice p{font-size:.75rem}.chess-notice .btn{padding-inline:6px;font-size:.8125rem}}.chess-notice.is-urgent .btn{animation:.9s ease-in-out 2 chess-nudge}@keyframes chess-nudge{50%{transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.chess-notice.is-urgent .btn{animation:none}}.chess-frame.is-reviewing .chess-board{outline-style:dashed;outline-color:var(--x)}.chess-line-bar{--chess-step:40px;background:var(--paper);align-items:stretch;gap:2px;width:100%;max-width:720px;height:44px;display:flex}.chess-line-bar .chess-step{width:var(--chess-step);height:auto}.chess-line{overscroll-behavior:contain;scrollbar-width:none;white-space:nowrap;font-variant-numeric:tabular-nums;flex:1 1 0;align-items:stretch;gap:8px;min-width:0;margin:0;padding:0 4px;font-size:.9375rem;list-style:none;display:flex;position:relative;overflow:auto hidden}.chess-line::-webkit-scrollbar{display:none}.chess-line:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.chess-line li{flex:none;align-items:center;gap:3px;display:flex}.chess-line .chess-san{height:100%;margin:0}.chess-line__number{color:var(--ink-soft);font-size:.8125rem}@media (min-width:900px) and (min-height:501px){.chess-shell .chess-line-bar{display:none}}@media (min-width:900px),(min-width:640px) and (max-height:500px){.chess--online .chess-line-bar{display:none}}@media (max-width:899px) and (orientation:portrait),(max-width:899px) and (min-height:501px){.chess-shell .shell__play{position:relative}.chess-shell .chess-line-bar{--chess-exit:0px;--chess-title-top:calc(-1 * var(--shell-title-h));--chess-title-room:84px;--chess-reserve-left:var(--chess-title-room);--chess-reserve-right:0px;--chess-room:calc((var(--shell-play-h) - var(--chess-exit) - var(--dock-h) - 6px - 18px - 48px - 50px - 100vw + 16px) / 2);--chess-fits:max(0px, calc((var(--chess-room) - 52px) * 1000));--chess-step:calc(32px + min(12px, var(--chess-fits)));z-index:2;top:calc(var(--chess-title-top) + min(var(--chess-room) + var(--chess-exit) + 60px - var(--chess-title-top), var(--chess-fits)));left:calc(8px + var(--chess-reserve-left) - min(var(--chess-reserve-left), var(--chess-fits)));right:calc(8px + var(--chess-reserve-right) - min(var(--chess-reserve-right), var(--chess-fits)));width:auto;height:calc(32px + min(12px, var(--chess-fits)));max-width:none;position:absolute}:root[dir=rtl] .chess-shell .chess-line-bar{--chess-reserve-left:0px;--chess-reserve-right:var(--chess-title-room)}:root:lang(th):has(.chess-shell) h1{font-size:1rem}:root:lang(th) .chess-shell .chess-line-bar{--chess-title-room:100px}:root:lang(ru) .chess-shell .chess-line-bar{--chess-title-room:104px}:root[data-immersive] .chess-shell .chess-line-bar{--chess-exit:var(--shell-exit);--chess-title-top:8px;--chess-reserve-left:0px;--chess-reserve-right:88px}:root[data-immersive][dir=rtl] .chess-shell .chess-line-bar{--chess-reserve-left:88px;--chess-reserve-right:0px}}@media (orientation:landscape) and (max-height:500px){.chess-shell .chess-line-bar{margin-top:4px}}@media (min-width:900px),(min-width:640px) and (max-height:500px){.chess{padding:16px var(--gutter) 0;grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:20px}.chess__side{padding:0}}@media (min-width:900px) and (min-height:501px){.chess--online .chess-frame{max-width:min(100%,max(330px,100dvh - 346px))}}@media (max-width:899px),(max-height:500px){.chess-shell .shell-status.is-note,.chess--online .shell-status.is-note,.chess-shell .shell-status.is-result,.chess--online .shell-status.is-result{font-size:1rem}}@media (min-width:900px) and (min-height:501px){.chess-shell .shell-status.is-note,.chess--online .shell-status.is-note{font-size:1.15rem}}@media (max-width:360px){.chess-shell .shell-strip,.chess--online .shell-strip{gap:4px}.chess-shell .shell-strip__tally,.chess--online .shell-strip__tally{min-width:36px}.chess-shell .shell-chip,.chess--online .shell-chip{gap:3px;padding:3px 5px 3px 3px}.chess-shell .shell-chip--end,.chess--online .shell-chip--end{padding:3px 3px 3px 5px}.chess-shell .shell-chip__mark,.chess--online .shell-chip__mark{width:20px;height:20px}.chess-shell .shell-chip__name,.chess--online .shell-chip__name{font-size:.85rem}.chess-shell .shell-chip__score,.chess--online .shell-chip__score{font-size:1.2rem}.chess-shell .shell-btn{font-size:.75rem}}.chess-hint{z-index:3;pointer-events:none;direction:ltr;width:100%;height:100%;position:absolute;inset:0}.chess-hint line{stroke:var(--highlight-hint,#2f7d4f);stroke-width:.16px;stroke-linecap:round;opacity:.85}.chess-hint path{fill:var(--highlight-hint,#2f7d4f);opacity:.85}.chess-sq.is-hint{box-shadow:inset 0 0 0 3px var(--highlight-hint,#2f7d4f)}.chess-levels{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.chess-levels label{cursor:pointer;display:block;position:relative}.chess-levels input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.chess-levels span{border:1.5px solid var(--ink);border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;min-height:44px;padding:6px 10px;display:flex}.chess-levels small{white-space:nowrap;opacity:.8;font-size:.8125rem}.chess-levels input:checked+span{background:var(--ink);color:var(--paper)}.chess-levels input:focus-visible+span{outline:2px solid var(--o);outline-offset:2px}.chess-rating__value{font-size:1.5rem;font-weight:700}.chess-rating__note{margin:4px 0 0;font-size:.875rem}.chess-line-bar{transition:opacity .2s ease-out}.shell:has(#result[open]) .chess-line-bar{opacity:0;transition:none}.chess-line__empty{flex:1 1 0;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex}.chess-daily-chip{border:1.5px solid var(--ink);background:var(--marker-win,var(--paper));max-width:100%;min-height:32px;max-height:100%;color:var(--ink);font:inherit;overflow-wrap:anywhere;cursor:pointer;border-radius:999px;padding:2px 14px;font-weight:700;line-height:1.1;overflow:hidden}@media (max-width:360px){.chess-daily-chip{border-radius:10px;height:32px;min-height:0;padding:0 6px;font-size:.72rem;line-height:1.05}}.chess-daily-chip:hover{background:var(--paper)}.chess-daily-entry p{color:var(--ink-soft);margin:4px 0 10px;font-size:.85rem;line-height:1.35}.chess-daily-entry .btn{width:100%}.chess-moves__none{color:var(--ink-soft);text-align:end}@media (orientation:landscape) and (max-height:500px){.chess-line__empty>*{display:none}}