.dc-app{--focus-ring:var(--marigold);--select-bg:var(--ink-900);--select-fg:var(--paper);--stage-soft:var(--ink-200);--stage-muted:var(--ink-300);--accent-ui:var(--marigold);--sq-light:#f0e4cc;--sq-dark:#b58b62;--sq-coord-light:#9a7350;--sq-coord-dark:#f6ead2;--board-frame:#3a2b1f;--pc-w-hi:#fff;--pc-w-mid:#f3ead8;--pc-w-lo:#c7b48f;--pc-w-line:#4a3b28;--pc-w-shine:#fff;--pc-w-shade:#5a4325;--pc-w-detail:#8a7454;--pc-w-eye:#2a2116;--pc-b-hi:#6a5c50;--pc-b-mid:#352c26;--pc-b-lo:#120e0b;--pc-b-line:#0b0807;--pc-b-shine:#d9c9b0;--pc-b-shade:#000;--pc-b-detail:#7d6c5c;--pc-b-eye:#e9dcc4;--pc-b-rim:#9a8670;--mark-last:#ffd65c80;--mark-selected:#ffc233b8;--mark-target:#1a144652;background:radial-gradient(70% 45% at 50% -8%, #7cc8ff29, transparent 70%), radial-gradient(60% 40% at 50% 108%, #8b6cff47, transparent 70%), linear-gradient(180deg, var(--ink-800), var(--ink-900) 40%, var(--ink-950));min-height:100dvh;color:var(--paper);position:relative;overflow-x:clip}.dc-app[data-theme=dinosaurs]{--select-bg:#145238;--stage-soft:#d6ecdd;--stage-muted:#b4d8c1;--accent-ui:var(--mint);--sq-light:#ead9ad;--sq-dark:#6b8f5e;--sq-coord-light:#6b8f5e;--sq-coord-dark:#f3e7c4;--board-frame:#10372a;--pc-w-hi:#fffdf6;--pc-w-mid:#efe3c6;--pc-w-lo:#bfa77a;--pc-w-line:#3f3220;--pc-w-shade:#4f3c22;--pc-w-detail:#86714f;--pc-b-hi:#626a5d;--pc-b-mid:#30352e;--pc-b-lo:#0e110d;--pc-b-line:#090b08;--pc-b-shine:#d2dbc6;--pc-b-detail:#717c69;--pc-b-eye:#e8dcc0;--pc-b-rim:#8d9985;--mark-last:#ffd65c73;--mark-target:#10372a66;background:#0a2a22}.dc-app>header,.dc-app>main{z-index:1;position:relative}.dc-header{max-width:1100px;padding:calc(8px + var(--safe-top)) max(var(--gutter), var(--safe-right)) 0 max(var(--gutter), var(--safe-left));justify-content:space-between;align-items:center;gap:12px;margin:0 auto;display:flex}.dc-header__back{border-radius:var(--radius-s);min-height:44px;color:var(--paper);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-weight:700;text-decoration:none;display:inline-flex}.dc-header__nav{gap:6px;display:flex}.dc-icon-button{width:44px;height:44px;color:var(--paper);cursor:pointer;transition:background-color var(--dur-fast);background:#ffffff1f;border:0;border-radius:50%;flex:none;place-items:center;display:inline-grid}.dc-icon-button:hover{background:#fff3}.dc-icon-button .icon{width:22px;height:22px}.dc-setup{max-width:1040px;padding:4px max(var(--gutter), var(--safe-right)) calc(28px + var(--safe-bottom)) max(var(--gutter), var(--safe-left));gap:14px;margin:0 auto;display:grid}@media (width>=900px){.dc-setup{grid-template-columns:.85fr 1.15fr;align-items:center;gap:56px;min-height:calc(100dvh - 80px);padding-top:20px}}.dc-setup__intro{text-align:center;justify-items:center;gap:8px;display:grid}.dc-logo{font-family:var(--font-display);letter-spacing:-.015em;text-transform:uppercase;font-size:clamp(2.2rem,.9rem + 6vw,5.4rem);font-weight:900;font-stretch:125%;line-height:.86;display:grid}.dc-logo__dino{color:var(--accent-ui)}.dc-setup__tagline{font-family:var(--font-display);text-wrap:balance;font-size:clamp(.95rem,.74rem + 1vw,1.4rem);font-weight:750}.dc-panel{--focus-ring:var(--ink-700);background:var(--paper);color:var(--ink-900);border-radius:28px;gap:14px;padding:16px clamp(12px,3.5vw,26px) 18px;display:grid;box-shadow:0 30px 70px -30px #0f0b2ebf}.dc-mode{background:#ffffff1f;border:0;border-radius:999px;gap:4px;margin:2px 0 0;padding:4px;display:inline-flex}.dc-mode__option{min-height:40px;color:var(--paper);cursor:pointer;transition:background-color var(--dur-fast), color var(--dur-fast);border-radius:999px;align-items:center;gap:7px;padding:0 16px 0 12px;font-weight:750;display:inline-flex}.dc-mode__option .icon{width:20px;height:20px}.dc-mode__option:has(input:checked){background:var(--accent-ui);color:var(--ink-900)}.dc-mode__option:has(input:focus-visible){outline:3px solid var(--paper);outline-offset:2px}.es-track.dc-rivals{grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.dc-rival-choice{background:var(--paper);cursor:pointer;transition:background-color var(--dur-fast), color var(--dur-fast);border-radius:16px;justify-items:center;gap:2px;padding:6px 4px;display:grid}.dc-rival-choice .dc-portrait{aspect-ratio:1;width:48px;max-width:100%;height:auto}.dc-rival-choice:has(input:checked){background:var(--select-bg);color:var(--select-fg)}.dc-rival-choice:has(input:focus-visible){outline:3px solid var(--focus-ring);outline-offset:2px}.dc-rival-choice__name{font-size:var(--text-s);font-weight:750}.dc-inline-field{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;display:grid}.dc-inline-field .es-field__legend{margin:0}@media (width<=520px){.es-track.dc-rivals{gap:4px;padding:5px}.dc-rival-choice{border-radius:14px;padding:5px 0 4px}.dc-rival-choice .dc-portrait{width:42px}.dc-rival-choice__name{font-size:var(--text-xs)}.dc-panel{gap:12px;padding-top:14px}.dc-setup__intro{gap:6px}}@media (width<=374px){.dc-rival-choice .dc-portrait{width:36px}.dc-rival-choice__name{letter-spacing:-.01em;font-size:.75rem}}@media (width<=339px){.es-track.dc-rivals{grid-template-columns:repeat(3,minmax(0,1fr))}}.dc-setup__go{gap:10px;display:grid}.dc-setup__record{color:var(--ink-700);font-size:var(--text-s);text-align:center}.dc-setup__resume{justify-self:center}.dc-buzzer{width:100%;min-height:62px;box-shadow:var(--button-shine,none), 0 6px 0 var(--marigold-600), 0 16px 34px -10px #ffc23399;font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;font-size:1.3rem;font-weight:850;font-stretch:112%}.dc-buzzer:active{box-shadow:var(--button-shine,none), 0 1px 0 var(--marigold-600), 0 8px 20px -10px #ffc23380;transform:translateY(5px)}.dc-portrait{background:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--accent,#2fd39a) 35%, #0e3a29), #0b2a20);border-radius:50%;flex:none;display:block;overflow:hidden}.dc-portrait svg{width:100%;height:100%;display:block}.dc-portrait .eyelid{animation:6s infinite dc-blink;animation-delay:var(--blink-delay,0s)}@keyframes dc-blink{0%,92%,to{transform:scaleY(0)}95%{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.dc-portrait .eyelid{animation:none}}.dc-play{--board:min(calc(100vw - 16px), calc(100dvh - 300px), 620px);padding:6px 8px calc(16px + var(--safe-bottom));justify-content:center;gap:8px;display:grid}.dc-play>*{width:var(--board);min-width:280px;max-width:100%}@media (width<=979px){.dc-moves{display:none}}@media (width>=980px){.dc-play{--board:min(calc(100dvh - 120px), 640px);grid-template-columns:var(--board) 320px;grid-template-rows:auto auto 1fr;align-content:start;column-gap:28px;padding-top:16px}.dc-play>*{width:auto}.dc-play__board{grid-row:1/span 3}.dc-rival,.dc-you,.dc-moves{grid-column:2}}.dc-rival{background:#ffffff14;border-radius:20px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:8px 10px;display:grid}.dc-rival .dc-portrait{width:56px;height:56px;box-shadow:0 0 0 2px #ffffff2e}.dc-portrait--thinking{animation:1.4s ease-in-out infinite dc-think}@keyframes dc-think{50%{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent,#2fd39a) 70%, transparent)}}.dc-rival__level{background:var(--marigold);width:52px;height:52px;color:var(--ink-900);font-family:var(--font-display);border-radius:16px;place-items:center;font-size:1.6rem;font-weight:900;display:grid}.dc-rival__text{min-width:0}.dc-rival__name{font-family:var(--font-display);flex-wrap:wrap;align-items:baseline;gap:4px 8px;font-size:1.1rem;font-weight:850;display:flex}.dc-rival__tier{color:var(--stage-muted);font-family:var(--font-body);font-size:var(--text-s);font-weight:700}.dc-rival__status,.dc-rival__speech{font-size:var(--text-s);margin-top:2px;line-height:1.35}.dc-rival__status{color:var(--stage-soft)}.dc-rival__speech{color:var(--paper);animation:dc-say var(--dur-med) var(--ease-out);font-weight:600}.dc-rival__speech:before{content:"“"}.dc-rival__speech:after{content:"”"}@keyframes dc-say{0%{opacity:.4;transform:translateY(4px)}}.dc-rival .dc-captured{grid-column:1/-1}.dc-play__board{aspect-ratio:1;background:linear-gradient(145deg, color-mix(in srgb, var(--board-frame) 70%, #fff), var(--board-frame) 35%, color-mix(in srgb, var(--board-frame) 70%, #000));border-radius:14px;padding:6px;box-shadow:inset 0 0 0 1px #ffffff14,0 24px 50px -22px #000000b3}.dc-board:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(120% 120% at 12% 8%,#ffffff24,#0000 55%),linear-gradient(135deg,#0000 55%,#00000024);position:absolute;inset:0}.dc-board{touch-action:none;-webkit-user-select:none;user-select:none;border-radius:8px;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);width:100%;height:100%;display:grid;position:relative;overflow:hidden}.dc-square{background:var(--sq-light);cursor:pointer;border:0;place-items:center;min-width:0;min-height:0;padding:0;display:grid;position:relative}.dc-square--dark{background:var(--sq-dark)}.dc-square:focus-visible{z-index:2;outline:3px solid var(--focus-ring);outline-offset:-3px}.dc-square--last:before,.dc-square--selected:before,.dc-square--check:before,.dc-square--target:after,.dc-square--capture:after{content:"";pointer-events:none;position:absolute}.dc-square--last:before{background:var(--mark-last);inset:0}.dc-square--selected:before{background:var(--mark-selected);inset:0}.dc-square--check:before{background:radial-gradient(circle,#ff5d6cf2 0 30%,#ff5d6c73 55%,#0000 75%);inset:0}.dc-square--target:after{background:var(--mark-target);border-radius:50%;width:30%;height:30%}.dc-square--capture:after{border:.32em solid var(--mark-target);border-radius:50%;inset:4%}.dc-coord{pointer-events:none;font-size:clamp(.55rem,1.6vw,.72rem);font-weight:800;line-height:1;position:absolute}.dc-coord--rank{top:4%;left:5%}.dc-coord--file{bottom:4%;right:6%}.dc-square--light .dc-coord{color:var(--sq-coord-light)}.dc-square--dark .dc-coord{color:var(--sq-coord-dark)}.dc-piece-defs{width:0;height:0;position:absolute;overflow:hidden}.dc-piece{z-index:2;width:94%;height:94%;display:block;position:relative;overflow:visible}.dc-piece--w{--pc-line:var(--pc-w-line);--pc-detail:var(--pc-w-detail);--pc-shine:var(--pc-w-shine);--pc-shade:var(--pc-w-shade);--pc-eye:var(--pc-w-eye)}.dc-piece--b{--pc-line:var(--pc-b-line);--pc-detail:var(--pc-b-detail);--pc-shine:var(--pc-b-shine);--pc-shade:var(--pc-b-shade);--pc-eye:var(--pc-b-eye)}.dc-piece__edge{stroke:var(--pc-line);stroke-width:1.05px;stroke-linejoin:round}.dc-piece__outline{fill:none;stroke:var(--pc-line);stroke-width:1.15px;stroke-linejoin:round}.dc-piece__shade,.dc-piece__shine{fill:none}.dc-piece__shade{stroke-width:3.4px}.dc-piece__shine{stroke-width:2px}.dc-piece--w .dc-piece__shade{opacity:.3}.dc-piece--b .dc-piece__shade{opacity:.6}.dc-piece--b .dc-piece__shine{opacity:.55}.dc-piece__carve,.dc-piece__glint{fill:none;stroke-linecap:round}.dc-piece__carve{stroke:var(--pc-detail)}.dc-piece__glint{stroke:var(--pc-shine)}.dc-piece__fill{fill:var(--pc-shade)}.dc-piece__rim{fill:none;stroke:var(--pc-b-rim);stroke-width:.5px;opacity:.55}.dc-piece__eye{fill:var(--pc-eye)}.dc-piece__spark{fill:#fff;opacity:.85}.dc-piece--slide{animation:dc-slide .18s var(--ease-out)}@keyframes dc-slide{0%{transform:translate(calc(var(--dx) * 108.7%), calc(var(--dy) * 108.7%))}}.dc-piece--lifted{opacity:.3}.dc-board__drag{z-index:5;pointer-events:none;place-items:center;display:grid;position:absolute;top:0;left:0;scale:1.12}.dc-board--dragging .dc-square{cursor:grabbing}.dc-you{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 12px;display:grid}.dc-you__status{align-items:center;gap:8px;min-height:24px;font-weight:750;display:flex}.dc-turn{border-radius:50%;flex:none;width:14px;height:14px;box-shadow:0 0 0 2px #fff6}.dc-turn--w{background:var(--pc-w-mid)}.dc-turn--b{background:var(--pc-b-mid)}.dc-actions{grid-column:1/-1;gap:8px;display:flex}.dc-action{min-height:48px;color:var(--paper);cursor:pointer;background:#ffffff1f;border:0;border-radius:16px;flex:1;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-weight:750;display:inline-flex}.dc-action:hover:not(:disabled){background:#fff3}.dc-action:disabled{cursor:default;opacity:.45}.dc-action .icon{width:20px;height:20px}.dc-captured{flex-wrap:wrap;align-items:center;gap:0;min-height:22px;display:flex}.dc-captured .dc-piece{width:22px;height:22px;margin-right:-6px}.dc-captured__edge{color:var(--stage-soft);font-size:var(--text-s);margin-left:12px;font-weight:800}.dc-moves{max-height:220px;color:var(--stage-soft);font-size:var(--text-s);columns:2;background:#ffffff0f;border-radius:16px;align-self:start;margin:0;padding:10px 14px;list-style:none;overflow-y:auto}.dc-moves__number{color:var(--stage-muted)}.dc-puzzle-entry{background:var(--ink-100);width:100%;min-height:56px;color:var(--ink-900);cursor:pointer;border:0;border-radius:18px;justify-items:center;gap:2px;padding:8px 14px;display:grid}.dc-puzzle-entry:hover{background:var(--ink-200)}.dc-puzzle-entry__name{font-family:var(--font-display);font-size:1.05rem;font-weight:850}.dc-puzzle-entry__note{color:var(--ink-700);font-size:var(--text-s)}.dc-puzzles--waiting{text-align:center;place-items:center;gap:14px;min-height:60dvh;display:grid}.dc-puzzles__controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.dc-mode--compact .dc-mode__option{min-height:40px;padding:0 14px}.dc-chip-button{min-height:40px;color:var(--paper);cursor:pointer;background:#ffffff1f;border:0;border-radius:999px;padding:0 16px;font-weight:750}.dc-chip-button:after{content:" ▾"}.dc-puzzles__panel{align-content:start}.dc-puzzles__news{color:var(--accent-ui);font-weight:700;display:block}.dc-puzzles__next{flex:1;min-height:48px}.dc-puzzles__tip{background:#ffffff1a;border-radius:14px;grid-column:1/-1;padding:10px 12px;font-weight:600}.dc-puzzles__progress{color:var(--stage-soft);font-size:var(--text-s);flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.dc-puzzles__rule{color:var(--stage-muted);font-size:var(--text-s);grid-column:1/-1}.dc-dots{align-items:center;gap:5px;display:inline-flex}.dc-dot{border-radius:50%;width:10px;height:10px;box-shadow:inset 0 0 0 1.5px #ffffff4d}.dc-dot--clean{background:var(--mint);box-shadow:none}.dc-dot--slip{background:var(--coral);box-shadow:none}.dc-dots__count{margin-left:6px;font-weight:750}.dc-star{color:var(--marigold);font-size:1.1em}.dc-replay{grid-column:1/-1;grid-template-columns:auto 1fr auto auto;align-items:center;gap:8px;display:grid}.dc-replay__label{text-align:center;font-weight:750}.dc-bands{gap:6px;margin:0;padding:0;list-style:none;display:grid}.dc-band{background:var(--ink-100);width:100%;min-height:48px;color:var(--ink-900);text-align:left;cursor:pointer;border:0;border-radius:14px;align-items:center;gap:12px;padding:0 14px;font-weight:700;display:flex}.dc-band--chosen{background:var(--select-bg);color:var(--select-fg)}.dc-band__label{flex:1}.dc-band__score{font-size:var(--text-s);opacity:.8}.dc-square--hint:before,.dc-square--hint-to:before,.dc-square--right:before,.dc-square--wrong:before{content:"";pointer-events:none;position:absolute;inset:0}.dc-square--hint:before{box-shadow:inset 0 0 0 4px var(--sky);background:#7cc8ff40}.dc-square--hint-to:before{box-shadow:inset 0 0 0 4px var(--sky)}.dc-square--right:before{background:#2fd39a80}.dc-square--wrong:before{background:#ff5d6c8c}.dc-meter{background:#ffffff1f;border-radius:999px;height:8px;overflow:hidden}.dc-meter span{border-radius:inherit;background:var(--accent-ui);height:100%;transition:width var(--dur-med) var(--ease-out);display:block}.dc-review--list{max-width:560px;padding:12px max(var(--gutter), var(--safe-right)) calc(28px + var(--safe-bottom)) max(var(--gutter), var(--safe-left));gap:12px;margin:0 auto;display:grid}.dc-review__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:850;font-stretch:112%}.dc-review__intro{color:var(--stage-soft)}.dc-review__saved{font-size:var(--text-s);background:#ffffff14;border-radius:14px;padding:10px 12px}.dc-slips{gap:10px;margin:0;padding:0;list-style:none;display:grid}.dc-slip{background:#ffffff14;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.dc-slip__move{font-weight:750}.dc-slip__loss{color:var(--stage-soft);font-size:var(--text-s);margin-top:4px}.dc-slip__find{min-height:44px}.dc-review__step{flex:none;justify-self:start}.dc-verdict{font-family:var(--font-body);font-size:var(--text-xs);vertical-align:middle;border-radius:999px;padding:1px 8px;font-weight:800;display:inline-block}.dc-verdict--blunder{background:var(--coral);color:#3a0a10}.dc-verdict--mistake{background:var(--peach);color:#3d1d06}.dc-verdict--inaccuracy{background:var(--marigold-100);color:#3d2c00}.dc-verdict--good,.dc-verdict--best{color:var(--paper);background:#2fd39a40}.dc-review__dots{flex-wrap:wrap;justify-content:center;gap:3px;display:flex}.dc-dot--best,.dc-dot--good{background:var(--mint);box-shadow:none}.dc-dot--inaccuracy{background:var(--marigold);box-shadow:none}.dc-dot--mistake{background:var(--peach);box-shadow:none}.dc-dot--blunder{background:var(--coral);box-shadow:none}.dc-dot--here{outline:2px solid var(--paper);outline-offset:1px}.dc-result__review{margin-top:12px}.dc-sheet-note{color:var(--ink-500)}.dc-sheet-actions{justify-content:flex-end;gap:10px;display:flex}.dc-promotion{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px;display:grid}.dc-promotion__choice{background:var(--ink-100);color:var(--ink-900);text-transform:capitalize;cursor:pointer;border:0;border-radius:16px;justify-items:center;gap:4px;padding:10px 4px;font-weight:700;display:grid}.dc-promotion__choice:hover{background:var(--ink-200)}.dc-promotion__choice .dc-piece{width:56px;height:56px}.dc-result__reason{color:var(--ink-700);font-weight:650}.dc-result__quote{background:var(--ink-100);border-radius:18px;align-items:center;gap:12px;margin:14px 0;padding:12px;display:flex}.dc-result__quote .dc-portrait{width:64px;height:64px}.dc-result__quote blockquote{margin:0;font-weight:650}.dc-result__record{color:var(--ink-700);font-size:var(--text-s)}.dc-result__fact{color:#0f3a29;font-size:var(--text-s);background:#e3f6ec;border-radius:14px;margin-top:10px;padding:10px 12px}.dc-notes__head{align-items:center;gap:12px;margin-bottom:12px;display:flex}.dc-notes__head .dc-portrait{width:72px;height:72px}.dc-notes__head p{font-weight:700}.dc-notes__facts{grid-template-columns:auto 1fr;gap:6px 14px;margin:0 0 12px;display:grid}.dc-notes__facts dt{color:var(--ink-500);font-weight:700}.dc-notes__facts dd{margin:0}.dc-notes__taxonomy{background:var(--marigold-100);font-size:var(--text-s);border-radius:14px;margin-bottom:12px;padding:10px 12px}.dc-notes__heading{font-family:var(--font-display);margin-bottom:6px;font-size:1.05rem}.dc-notes__list{gap:8px;margin:0;padding-left:1.2em;display:grid}.dc-settings{gap:14px;display:grid}.dc-howto{gap:10px;margin:0 0 14px;padding:0;list-style:none;display:grid}.dc-howto__piece{grid-template-columns:108px 1fr;align-items:center;gap:14px;display:grid}.dc-howto__piece p{gap:2px;display:grid}.dc-howto__piece strong{font-family:var(--font-display);font-size:1.05rem}.dc-diagram{width:108px;height:108px;box-shadow:0 0 0 3px var(--board-frame);border-radius:8px;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(5,1fr);display:grid;overflow:hidden}.dc-diagram__sq{background:var(--sq-light);place-items:center;min-width:0;min-height:0;display:grid;position:relative}.dc-diagram__sq--dark{background:var(--sq-dark)}.dc-diagram__sq--move:after{content:"";aspect-ratio:1;background:var(--coral-700);border-radius:50%;width:36%}.dc-diagram__sq--capture:after{content:"";border:2.5px solid var(--coral-700);border-radius:50%;position:absolute;inset:8%}.dc-diagram .dc-piece{width:100%;height:100%;position:absolute;inset:0}.dc-howto__special{gap:10px;margin:0;display:grid}.dc-howto__special dt{font-weight:800}.dc-howto__special dd{color:var(--ink-700);margin:0}@media (prefers-reduced-motion:reduce){.dc-piece--slide,.dc-rival__speech,.dc-portrait--thinking{animation:none}}