@maxr0ssi/chaos-chess 0.2.0 → 0.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/CHANGELOG.md +32 -0
  2. package/THIRD_PARTY_NOTICES.md +36 -0
  3. package/dist/chaos-chess.css +1 -1
  4. package/dist/chaos-chess.js +649 -607
  5. package/dist/chaos-chess.js.map +1 -1
  6. package/package.json +3 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,37 @@
1
1
  # Changelog
2
2
 
3
+ ## 0.2.2
4
+
5
+ - Phones: pieces shrink on boards narrower than 440px so the corner
6
+ coordinates no longer overlap them; coordinates are stronger
7
+ (`--cc-coord-on-light/dark`) with a halo in the square colour.
8
+ - The chaos toast sits below the top bar, wraps on narrow boards and lets
9
+ clicks through, so it no longer covers New game.
10
+ - Side picker kings and promotion choices sit on a square-coloured tile, and
11
+ the tile stays on hover.
12
+ - The muted icon stays legible; the mute button keeps a fixed "Mute" label with
13
+ `aria-pressed`.
14
+ - The piece-art licence notice is a preserved `/*! */` comment, so it survives
15
+ minification.
16
+
17
+ ## 0.2.1
18
+
19
+ - New piece artwork: the Cburnett SVG set (BSD licence, see
20
+ THIRD_PARTY_NOTICES.md) replaces Unicode font glyphs, which rendered
21
+ differently per platform and drew black pieces as hollow outlines. Colours are
22
+ themeable through `--cc-pw-body`, `--cc-pw-line`, `--cc-pb-body`,
23
+ `--cc-pb-line` and `--cc-pb-detail`; `--cc-piece-white`/`--cc-piece-black`
24
+ are no longer read.
25
+ - Default board is an opaque slate palette (`--cc-square-light/dark`).
26
+ Selection, last move and check are tints layered over the square instead of
27
+ replacing its colour; move hints use `--cc-hint-rgb`, highlights
28
+ `--cc-highlight-rgb`. Coordinates take the opposite square colour.
29
+ - The board sizes from its container (`min(560px, 100%)`) instead of the
30
+ viewport, so it no longer overflows narrow columns.
31
+ - SVG mute icon instead of an emoji, consistent control labels, the chaos toast
32
+ names pieces ("A white queen appeared on e4!"), and the board no longer dims
33
+ while the AI thinks.
34
+
3
35
  ## 0.2.0
4
36
 
5
37
  ### Breaking
package/THIRD_PARTY_NOTICES.md ADDED
@@ -0,0 +1,36 @@
1
+ # Third-party notices
2
+
3
+ ## Chess piece artwork
4
+
5
+ The piece artwork in `src/components/pieceArt.ts` is the "Cburnett" set by
6
+ Colin M.L. Burnett (User:Cburnett on Wikimedia Commons), with colours turned
7
+ into CSS variables. It is offered under several licences; this package uses it
8
+ under the BSD 3-clause licence:
9
+
10
+ > Copyright (c) Colin M.L. Burnett. All rights reserved.
11
+ >
12
+ > Redistribution and use in source and binary forms, with or without
13
+ > modification, are permitted provided that the following conditions are met:
14
+ >
15
+ > 1. Redistributions of source code must retain the above copyright notice,
16
+ > this list of conditions and the following disclaimer.
17
+ > 2. Redistributions in binary form must reproduce the above copyright notice,
18
+ > this list of conditions and the following disclaimer in the documentation
19
+ > and/or other materials provided with the distribution.
20
+ > 3. Neither the name of the copyright holder nor the names of its
21
+ > contributors may be used to endorse or promote products derived from this
22
+ > software without specific prior written permission.
23
+ >
24
+ > THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
25
+ > AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
26
+ > IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
27
+ > ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE
28
+ > LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
29
+ > CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
30
+ > SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
31
+ > INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
32
+ > CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
33
+ > ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
34
+ > POSSIBILITY OF SUCH DAMAGE.
35
+
36
+ Source: https://commons.wikimedia.org/wiki/Category:SVG_chess_pieces
package/dist/chaos-chess.css CHANGED
@@ -1 +1 @@
1
- ._square_1tsnw_1{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;cursor:pointer;transition:background-color .15s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}._light_1tsnw_14{background-color:var(--cc-square-light)}._dark_1tsnw_18{background-color:var(--cc-square-dark)}._selected_1tsnw_22{background-color:rgba(var(--cc-accent-rgb),.35)!important}._legalMove_1tsnw_26:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:28%;height:28%;border-radius:50%;background-color:rgba(var(--cc-accent-rgb),.3);pointer-events:none}._legalCapture_1tsnw_39:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:85%;height:85%;border-radius:50%;border:3px solid rgba(var(--cc-accent-rgb),.35);background:transparent;pointer-events:none;box-sizing:border-box}._check_1tsnw_54{background-color:rgba(var(--cc-check-rgb),.5)!important}._lastMoveFrom_1tsnw_58{background-color:rgba(var(--cc-orange-rgb),.2)!important}._lastMoveTo_1tsnw_62{background-color:rgba(var(--cc-orange-rgb),.3)!important}._chaosFlash_1tsnw_66{animation:_cc-chaosFlash_1tsnw_1 .6s ease-out}._piece_1tsnw_70{font-size:calc(min(560px,90vw)*.09375);line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));transition:transform .15s ease;pointer-events:none}._pieceWhite_1tsnw_78{color:var(--cc-piece-white, #F5F5F5);filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}._pieceBlack_1tsnw_83{color:var(--cc-piece-black, #1a1a1a);filter:drop-shadow(0 1px 3px rgba(255,255,255,.3))}._pieceAppear_1tsnw_88{animation:_cc-pieceAppear_1tsnw_1 .4s ease-out}._pieceDisappear_1tsnw_92{animation:_cc-pieceDisappear_1tsnw_1 .3s ease-in forwards}._board_119uf_1{display:grid;touch-action:manipulation;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);width:min(560px,90vw);height:min(560px,90vw);border-radius:12px;overflow:hidden;box-shadow:var(--cc-shadow-board);border:1px solid var(--cc-border-subtle)}._rankLabel_119uf_15{position:absolute;top:2px;left:4px;font-size:10px;font-family:var(--cc-font-body);color:rgba(var(--cc-text-rgb),.35);pointer-events:none;-webkit-user-select:none;user-select:none}._fileLabel_119uf_26{position:absolute;bottom:2px;right:4px;font-size:10px;font-family:var(--cc-font-body);color:rgba(var(--cc-text-rgb),.35);pointer-events:none;-webkit-user-select:none;user-select:none}._boardLocked_119uf_37{opacity:.85;pointer-events:none}._promotionOverlay_lr711_2{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;animation:_cc-fadeIn_lr711_1 .2s ease-out}._promotionDialog_lr711_14{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 32px;background:var(--cc-surface-glass);border:1px solid rgba(var(--cc-accent-rgb),.2);border-radius:20px;box-shadow:var(--cc-shadow-dialog);animation:_cc-bounceIn_lr711_1 .4s ease-out}._promotionTitle_lr711_27{font-family:var(--cc-font-display);font-size:16px;color:var(--cc-text);margin:0}._promotionOptions_lr711_34{display:flex;gap:12px}._promotionBtn_lr711_39{display:flex;align-items:center;justify-content:center;width:64px;height:64px;font-size:40px;background:var(--cc-btn-bg);border:1px solid var(--cc-border-light);border-radius:12px;cursor:pointer;transition:all .15s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}._promotionBtn_lr711_39:hover{background:var(--cc-btn-bg-hover);border-color:var(--cc-btn-border-hover);transform:scale(1.08)}._gameOverOverlay_lr711_61{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000000a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;animation:_cc-fadeIn_lr711_1 .3s ease-out}._gameOverBanner_lr711_73{display:flex;flex-direction:column;align-items:center;gap:20px;padding:32px 48px;background:var(--cc-surface-glass-heavy);border:1px solid rgba(var(--cc-accent-rgb),.2);border-radius:20px;box-shadow:var(--cc-shadow-banner);animation:_cc-bounceIn_lr711_1 .5s ease-out}._gameOverResult_lr711_86{font-family:var(--cc-font-display);font-size:28px;font-weight:700;color:var(--cc-accent);margin:0;text-align:center}._gameOverDetail_lr711_95{font-family:var(--cc-font-body);font-size:14px;color:rgba(var(--cc-text-rgb),.7);margin:0}._restartBtn_lr711_102{padding:10px 32px;font-family:var(--cc-font-display);font-size:15px;font-weight:600;color:var(--cc-bg);background:var(--cc-accent);border:none;border-radius:999px;cursor:pointer;transition:all .15s ease}._restartBtn_lr711_102:hover{transform:scale(1.05);box-shadow:0 0 16px rgba(var(--cc-accent-rgb),.4)}._chaosBar_lr711_121{display:flex;align-items:center;gap:10px;width:100%;padding:0 4px}._chaosBarLabel_lr711_129{font-family:var(--cc-font-body);font-size:10px;font-weight:700;letter-spacing:1.5px;color:rgba(var(--cc-accent-rgb),.7);white-space:nowrap}._chaosBarTrack_lr711_138{flex:1;height:6px;border-radius:3px;background:var(--cc-border-subtle);overflow:hidden}._chaosBarFill_lr711_146{height:100%;border-radius:3px;background:var(--cc-accent);transition:width .3s ease;box-shadow:0 0 calc(4px + 12px * var(--glow, 0)) rgba(var(--cc-accent-rgb),calc(.3 + .5 * var(--glow, 0)))}._difficultySelector_lr711_155{display:flex;flex-direction:column;gap:4px;flex:1}._difficultyLabel_lr711_162{font-family:var(--cc-font-body);font-size:11px;color:rgba(var(--cc-text-rgb),.5)}._difficultySlider_lr711_168{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:var(--cc-slider-track);outline:none}._difficultySlider_lr711_168::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--cc-accent);cursor:pointer;box-shadow:0 0 8px rgba(var(--cc-accent-rgb),.4)}._difficultySlider_lr711_168::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--cc-accent);border:none;cursor:pointer;box-shadow:0 0 8px rgba(var(--cc-accent-rgb),.4)}._difficultyValue_lr711_199{font-family:var(--cc-font-display);font-size:11px;color:var(--cc-accent)}._sidePickerOverlay_lr711_206{display:flex;align-items:center;justify-content:center;width:100%;min-height:min(560px,90vw)}._sidePickerCard_lr711_214{display:flex;flex-direction:column;align-items:center;gap:28px;padding:40px 48px;background:var(--cc-surface-glass);border:1px solid rgba(var(--cc-accent-rgb),.2);border-radius:20px;box-shadow:var(--cc-shadow-dialog);animation:_cc-bounceIn_lr711_1 .5s ease-out}._sidePickerTitle_lr711_227{font-family:var(--cc-font-display);font-size:22px;font-weight:700;color:var(--cc-text);margin:0}._sidePickerOptions_lr711_235{display:flex;gap:20px}._sidePickerBtn_lr711_240{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 28px;background:var(--cc-btn-bg);border:1px solid var(--cc-border-light);border-radius:16px;cursor:pointer;transition:all .2s ease}._sidePickerBtn_lr711_240:hover{background:rgba(var(--cc-accent-rgb),.12);border-color:var(--cc-btn-border-hover);transform:scale(1.06);box-shadow:0 0 20px rgba(var(--cc-accent-rgb),.25)}._sidePickerIcon_lr711_260{font-size:56px;line-height:1}._sidePickerWhite_lr711_265{color:var(--cc-piece-white);filter:drop-shadow(0 2px 6px rgba(0,0,0,.6))}._sidePickerBlack_lr711_270{color:var(--cc-piece-black);filter:drop-shadow(0 0 4px rgba(var(--cc-text-rgb),.3))}._sidePickerLabel_lr711_275{font-family:var(--cc-font-display);font-size:15px;font-weight:600;color:var(--cc-text)}._sidePickerSettings_lr711_282{display:flex;gap:24px;width:100%;padding-top:8px;border-top:1px solid var(--cc-border-subtle)}._stupidLevel_lr711_291{display:flex;flex-direction:column;gap:4px;min-width:100px}._stupidLevelHeader_lr711_298{display:flex;justify-content:space-between;align-items:center}._stupidLevelLabel_lr711_304{font-family:var(--cc-font-display);font-size:10px;font-weight:700;letter-spacing:1px;color:rgba(var(--cc-text-rgb),.5)}._stupidLevelValue_lr711_312{font-family:var(--cc-font-display);font-size:10px;font-weight:700;color:var(--cc-accent)}._stupidLevelSlider_lr711_319{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:var(--cc-slider-track);outline:none}._stupidLevelSlider_lr711_319::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--cc-accent);cursor:pointer;box-shadow:0 0 8px rgba(var(--cc-accent-rgb),.4)}._stupidLevelSlider_lr711_319::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--cc-accent);border:none;cursor:pointer;box-shadow:0 0 8px rgba(var(--cc-accent-rgb),.4)}._muteBtn_lr711_351{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:16px;background:none;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;color:var(--cc-accent);transition:all .15s ease}._muteBtn_lr711_351:focus-visible{outline:2px solid var(--cc-accent);outline-offset:2px}._muteBtn_lr711_351:hover{background:rgba(var(--cc-accent-rgb),.1);border-color:rgba(var(--cc-accent-rgb),.25)}._muteBtnMuted_lr711_376{color:rgba(var(--cc-text-rgb),.3)}._muteBtnMuted_lr711_376:hover{background:var(--cc-btn-bg);border-color:#ffffff26}._chaosToast_lr711_386{position:absolute;top:24px;left:50%;transform:translate(-50%);padding:10px 24px;font-family:var(--cc-font-body);font-size:14px;font-weight:600;color:var(--cc-orange);background:var(--cc-surface-glass);border:1px solid rgba(var(--cc-orange-rgb),.3);border-radius:12px;box-shadow:0 4px 24px #0006,0 0 12px rgba(var(--cc-orange-rgb),.15);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;white-space:nowrap;animation:_cc-slideIn_lr711_1 .3s ease-out}._chaosToastFading_lr711_406{animation:_cc-slideOut_lr711_1 .4s ease-in forwards}._container_1lkfq_1{display:flex;flex-direction:column;align-items:center;gap:12px;width:min(560px,90vw);margin:0 auto;font-family:var(--cc-font-body)}._topBar_1lkfq_11{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 4px;position:relative;z-index:101}._topBarLeft_1lkfq_23,._topBarRight_1lkfq_29{display:flex;align-items:center;gap:8px}._newGameBtn_1lkfq_35{height:32px;padding:0 12px;font-family:var(--cc-font-display);font-size:13px;color:var(--cc-text);background:none;border:1px solid rgba(var(--cc-text-rgb),.15);border-radius:8px;cursor:pointer;touch-action:manipulation;transition:all .15s ease}._newGameBtn_1lkfq_35:hover{background:rgba(var(--cc-accent-rgb),.1);border-color:rgba(var(--cc-accent-rgb),.25)}._newGameBtn_1lkfq_35:focus-visible{outline:2px solid var(--cc-accent);outline-offset:2px}._aiUnavailable_1lkfq_59{font-family:var(--cc-font-display);font-size:13px;color:var(--cc-orange)}._statusText_1lkfq_65{font-family:var(--cc-font-display);font-size:14px;color:var(--cc-text)}._thinking_1lkfq_71{display:flex;align-items:center;gap:6px;font-family:var(--cc-font-display);font-size:13px;color:var(--cc-accent);animation:_cc-thinkingPulse_1lkfq_1 1.2s ease-in-out infinite}._bottomBar_1lkfq_81{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 4px;gap:16px}[data-chaos-chess]{--cc-accent: var(--color-accent-primary, #82FFF4);--cc-accent-rgb: var(--color-accent-primary-rgb, 130, 255, 244);--cc-bg: var(--color-surface-base, #242222);--cc-surface-glass: rgba(36, 34, 34, .92);--cc-surface-glass-heavy: rgba(36, 34, 34, .95);--cc-text: var(--color-text-primary, #F5F5F5);--cc-text-rgb: 245, 245, 245;--cc-orange: var(--color-accent-orange-soft, #FFB67A);--cc-orange-rgb: 255, 182, 122;--cc-red-rgb: 255, 80, 80;--cc-check-rgb: 255, 50, 50;--cc-border-subtle: rgba(255, 255, 255, .08);--cc-border-light: rgba(255, 255, 255, .12);--cc-square-light: rgba(255, 255, 255, .12);--cc-square-dark: rgba(0, 0, 0, .25);--cc-font-body: var(--font-sans, "Inter", sans-serif);--cc-font-display: var(--font-display, "Comfortaa", cursive);--cc-btn-bg: rgba(255, 255, 255, .06);--cc-btn-bg-hover: rgba(var(--cc-accent-rgb), .15);--cc-btn-border-hover: rgba(var(--cc-accent-rgb), .3);--cc-slider-track: rgba(255, 255, 255, .1);--cc-shadow-board: 0 8px 32px rgba(0, 0, 0, .4);--cc-shadow-dialog: 0 8px 40px rgba(0, 0, 0, .5), 0 0 20px rgba(var(--cc-accent-rgb), .1);--cc-shadow-banner: 0 12px 48px rgba(0, 0, 0, .5), 0 0 24px rgba(var(--cc-accent-rgb), .1);--cc-piece-white: #F5F5F5;--cc-piece-black: #1a1a1a;position:relative}html.light-mode [data-chaos-chess]{--cc-piece-white: #F5F5F5;--cc-piece-black: #1a1a1a;--cc-bg: var(--color-surface-base, #f5f5f5);--cc-surface-glass: rgba(255, 255, 255, .92);--cc-surface-glass-heavy: rgba(255, 255, 255, .95);--cc-text-rgb: 30, 30, 30;--cc-border-subtle: rgba(0, 0, 0, .08);--cc-border-light: rgba(0, 0, 0, .12);--cc-square-light: rgba(0, 0, 0, .08);--cc-square-dark: rgba(0, 0, 0, .22);--cc-btn-bg: rgba(0, 0, 0, .05);--cc-slider-track: rgba(0, 0, 0, .1);--cc-shadow-board: 0 8px 32px rgba(0, 0, 0, .15);--cc-shadow-dialog: 0 8px 40px rgba(0, 0, 0, .2), 0 0 20px rgba(var(--cc-accent-rgb), .08);--cc-shadow-banner: 0 12px 48px rgba(0, 0, 0, .2), 0 0 24px rgba(var(--cc-accent-rgb), .08)}@keyframes cc-bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.08)}70%{transform:scale(.95)}to{transform:scale(1);opacity:1}}@keyframes cc-glowPulse{0%,to{box-shadow:0 0 8px #82fff44d}50%{box-shadow:0 0 20px #82fff499}}@keyframes cc-chaosFlash{0%{background-color:#ff505080}to{background-color:transparent}}@keyframes cc-pieceAppear{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}@keyframes cc-pieceDisappear{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}@keyframes cc-thinkingPulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes cc-slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes cc-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes cc-chaosBarPulse{0%,to{box-shadow:0 0 4px #ff50504d}50%{box-shadow:0 0 16px #ff5050b3}}@keyframes cc-slideOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(-20px);opacity:0}}
1
+ ._square_i8q9c_1{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;cursor:pointer;transition:background-color .15s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}._light_i8q9c_15{background-color:var(--cc-square-light);--cc-coord: var(--cc-coord-on-light);--cc-coord-halo: var(--cc-square-light)}._dark_i8q9c_21{background-color:var(--cc-square-dark);--cc-coord: var(--cc-coord-on-dark);--cc-coord-halo: var(--cc-square-dark)}._selected_i8q9c_28,._check_i8q9c_29,._lastMoveFrom_i8q9c_30,._lastMoveTo_i8q9c_31{background-image:linear-gradient(var(--cc-tint),var(--cc-tint))}._selected_i8q9c_28{--cc-tint: rgba(var(--cc-highlight-rgb), .55)}._legalMove_i8q9c_39:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:28%;height:28%;border-radius:50%;background-color:rgba(var(--cc-hint-rgb),.28);pointer-events:none}._legalCapture_i8q9c_52:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:85%;height:85%;border-radius:50%;border:4px solid rgba(var(--cc-hint-rgb),.28);background:transparent;pointer-events:none;box-sizing:border-box}._check_i8q9c_29{--cc-tint: rgba(var(--cc-check-rgb), .55)}._lastMoveFrom_i8q9c_30{--cc-tint: rgba(var(--cc-highlight-rgb), .22)}._lastMoveTo_i8q9c_31{--cc-tint: rgba(var(--cc-highlight-rgb), .34)}._chaosFlash_i8q9c_79{animation:_cc-chaosFlash_i8q9c_1 .6s ease-out}._pieceArt_i8q9c_84{display:block;overflow:visible;filter:drop-shadow(0 1.5px 1.5px rgba(0,0,0,.3))}._piece_i8q9c_84{width:88%;height:88%;position:relative;z-index:0;transition:transform .15s ease;pointer-events:none}._pieceAppear_i8q9c_103{animation:_cc-pieceAppear_i8q9c_1 .4s ease-out}._pieceDisappear_i8q9c_107{animation:_cc-pieceDisappear_i8q9c_1 .3s ease-in forwards}@container cc-board (max-width: 440px){._piece_i8q9c_84{width:76%;height:76%}}._board_192mi_1{display:grid;touch-action:manipulation;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);width:100%;aspect-ratio:1;container:cc-board / inline-size;border-radius:10px;overflow:hidden;box-shadow:var(--cc-shadow-board);border:1px solid var(--cc-border-subtle)}._rankLabel_192mi_17{position:absolute;top:2px;left:4px;font-size:10px;font-weight:700;font-family:var(--cc-font-body);color:var(--cc-coord);text-shadow:0 0 2px var(--cc-coord-halo),0 0 2px var(--cc-coord-halo);z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none}._fileLabel_192mi_31{position:absolute;bottom:2px;right:4px;font-size:10px;font-weight:700;font-family:var(--cc-font-body);color:var(--cc-coord);text-shadow:0 0 2px var(--cc-coord-halo),0 0 2px var(--cc-coord-halo);z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none}._boardLocked_192mi_45{pointer-events:none}._promotionOverlay_1qv8i_2{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;animation:_cc-fadeIn_1qv8i_1 .2s ease-out}._promotionDialog_1qv8i_14{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 32px;background:var(--cc-surface-glass);border:1px solid rgba(var(--cc-accent-rgb),.2);border-radius:20px;box-shadow:var(--cc-shadow-dialog);animation:_cc-bounceIn_1qv8i_1 .4s ease-out}._promotionTitle_1qv8i_27{font-family:var(--cc-font-display);font-size:16px;color:var(--cc-text);margin:0}._promotionOptions_1qv8i_34{display:flex;gap:12px}._promotionBtn_1qv8i_39{display:flex;align-items:center;justify-content:center;width:64px;height:64px;padding:6px;background:var(--cc-square-light);border:1px solid var(--cc-border-light);border-radius:12px;cursor:pointer;transition:all .15s ease}._promotionBtn_1qv8i_39>svg{width:100%;height:100%}._promotionBtn_1qv8i_39:hover{border-color:var(--cc-btn-border-hover);box-shadow:0 0 0 2px rgba(var(--cc-accent-rgb),.35);transform:scale(1.08)}._gameOverOverlay_1qv8i_66{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000000a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;animation:_cc-fadeIn_1qv8i_1 .3s ease-out}._gameOverBanner_1qv8i_78{display:flex;flex-direction:column;align-items:center;gap:20px;padding:32px 48px;background:var(--cc-surface-glass-heavy);border:1px solid rgba(var(--cc-accent-rgb),.2);border-radius:20px;box-shadow:var(--cc-shadow-banner);animation:_cc-bounceIn_1qv8i_1 .5s ease-out}._gameOverResult_1qv8i_91{font-family:var(--cc-font-display);font-size:28px;font-weight:700;color:var(--cc-accent);margin:0;text-align:center}._gameOverDetail_1qv8i_100{font-family:var(--cc-font-body);font-size:14px;color:rgba(var(--cc-text-rgb),.7);margin:0}._restartBtn_1qv8i_107{padding:10px 32px;font-family:var(--cc-font-display);font-size:15px;font-weight:600;color:var(--cc-bg);background:var(--cc-accent);border:none;border-radius:999px;cursor:pointer;transition:all .15s ease}._restartBtn_1qv8i_107:hover{transform:scale(1.05);box-shadow:0 0 16px rgba(var(--cc-accent-rgb),.4)}._chaosBar_1qv8i_126{display:flex;align-items:center;gap:10px;width:100%;padding:0 4px}._chaosBarLabel_1qv8i_134{font-family:var(--cc-font-body);font-size:10px;font-weight:700;letter-spacing:1.5px;color:rgba(var(--cc-accent-rgb),.7);white-space:nowrap}._chaosBarTrack_1qv8i_143{flex:1;height:6px;border-radius:3px;background:var(--cc-border-subtle);overflow:hidden}._chaosBarFill_1qv8i_151{height:100%;border-radius:3px;background:var(--cc-accent);transition:width .3s ease;box-shadow:0 0 calc(4px + 12px * var(--glow, 0)) rgba(var(--cc-accent-rgb),calc(.3 + .5 * var(--glow, 0)))}._difficultySelector_1qv8i_160{display:flex;flex-direction:column;gap:4px;flex:1}._difficultyLabel_1qv8i_167{font-family:var(--cc-font-display);font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:rgba(var(--cc-text-rgb),.5)}._difficultySlider_1qv8i_176{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:var(--cc-slider-track);outline:none}._difficultySlider_1qv8i_176::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--cc-accent);cursor:pointer;box-shadow:0 0 8px rgba(var(--cc-accent-rgb),.4)}._difficultySlider_1qv8i_176::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--cc-accent);border:none;cursor:pointer;box-shadow:0 0 8px rgba(var(--cc-accent-rgb),.4)}._difficultyValue_1qv8i_207{font-family:var(--cc-font-display);font-size:11px;color:var(--cc-accent)}._sidePickerOverlay_1qv8i_214{display:flex;align-items:center;justify-content:center;width:100%;min-height:min(560px,90vw)}._sidePickerCard_1qv8i_222{display:flex;flex-direction:column;align-items:center;gap:28px;padding:40px 48px;background:var(--cc-surface-glass);border:1px solid rgba(var(--cc-accent-rgb),.2);border-radius:20px;box-shadow:var(--cc-shadow-dialog);animation:_cc-bounceIn_1qv8i_1 .5s ease-out}._sidePickerTitle_1qv8i_235{font-family:var(--cc-font-display);font-size:22px;font-weight:700;color:var(--cc-text);margin:0}._sidePickerOptions_1qv8i_243{display:flex;gap:20px}._sidePickerBtn_1qv8i_248{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 28px;background:var(--cc-btn-bg);border:1px solid var(--cc-border-light);border-radius:16px;cursor:pointer;transition:all .2s ease}._sidePickerBtn_1qv8i_248:hover{background:rgba(var(--cc-accent-rgb),.12);border-color:var(--cc-btn-border-hover);transform:scale(1.06);box-shadow:0 0 20px rgba(var(--cc-accent-rgb),.25)}._sidePickerIcon_1qv8i_268{width:64px;height:64px;padding:6px;box-sizing:border-box;background:var(--cc-square-light);border-radius:10px}._sidePickerLabel_1qv8i_277{font-family:var(--cc-font-display);font-size:15px;font-weight:600;color:var(--cc-text)}._sidePickerSettings_1qv8i_284{display:flex;gap:24px;width:100%;padding-top:8px;border-top:1px solid var(--cc-border-subtle)}._stupidLevel_1qv8i_293{display:flex;flex-direction:column;gap:4px;min-width:100px}._stupidLevelHeader_1qv8i_300{display:flex;justify-content:space-between;align-items:center;gap:8px}._stupidLevelLabel_1qv8i_307{font-family:var(--cc-font-display);font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:rgba(var(--cc-text-rgb),.5)}._stupidLevelValue_1qv8i_316{font-family:var(--cc-font-display);font-size:10px;font-weight:700;color:var(--cc-accent)}._stupidLevelSlider_1qv8i_323{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:var(--cc-slider-track);outline:none}._stupidLevelSlider_1qv8i_323::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--cc-accent);cursor:pointer;box-shadow:0 0 8px rgba(var(--cc-accent-rgb),.4)}._stupidLevelSlider_1qv8i_323::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--cc-accent);border:none;cursor:pointer;box-shadow:0 0 8px rgba(var(--cc-accent-rgb),.4)}._muteBtn_1qv8i_355{display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:16px;background:none;border:1px solid var(--cc-border-light);border-radius:8px;cursor:pointer;color:var(--cc-text);transition:all .15s ease}._muteBtn_1qv8i_355:focus-visible{outline:2px solid var(--cc-accent);outline-offset:2px}._muteBtn_1qv8i_355:hover{background:rgba(var(--cc-accent-rgb),.1);border-color:rgba(var(--cc-accent-rgb),.25)}._muteBtnMuted_1qv8i_380{color:rgba(var(--cc-text-rgb),.6)}._muteBtnMuted_1qv8i_380:hover{background:var(--cc-btn-bg);border-color:var(--cc-border-light)}._chaosToast_1qv8i_390{position:absolute;top:64px;left:50%;transform:translate(-50%);max-width:calc(100% - 16px);padding:10px 24px;pointer-events:none;text-align:center;font-family:var(--cc-font-body);font-size:14px;font-weight:600;color:var(--cc-orange);background:var(--cc-surface-glass);border:1px solid rgba(var(--cc-orange-rgb),.3);border-radius:12px;box-shadow:0 4px 24px #0006,0 0 12px rgba(var(--cc-orange-rgb),.15);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;animation:_cc-slideIn_1qv8i_1 .3s ease-out}._chaosToastFading_1qv8i_413{animation:_cc-slideOut_1qv8i_1 .4s ease-in forwards}._container_25ulv_1{display:flex;flex-direction:column;align-items:center;gap:12px;width:min(560px,100%);margin:0 auto;font-family:var(--cc-font-body)}._topBar_25ulv_11{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 4px;position:relative;z-index:101}._topBarLeft_25ulv_23,._topBarRight_25ulv_29{display:flex;align-items:center;gap:8px}._newGameBtn_25ulv_35{height:32px;padding:0 12px;font-family:var(--cc-font-display);font-size:13px;color:var(--cc-text);background:none;border:1px solid rgba(var(--cc-text-rgb),.15);border-radius:8px;cursor:pointer;touch-action:manipulation;transition:all .15s ease}._newGameBtn_25ulv_35:hover{background:rgba(var(--cc-accent-rgb),.1);border-color:rgba(var(--cc-accent-rgb),.25)}._newGameBtn_25ulv_35:focus-visible{outline:2px solid var(--cc-accent);outline-offset:2px}._aiUnavailable_25ulv_59{font-family:var(--cc-font-display);font-size:13px;color:var(--cc-orange)}._statusText_25ulv_65{font-family:var(--cc-font-display);font-size:14px;color:var(--cc-text)}._thinking_25ulv_71{display:flex;align-items:center;gap:6px;font-family:var(--cc-font-display);font-size:13px;color:var(--cc-accent);animation:_cc-thinkingPulse_25ulv_1 1.2s ease-in-out infinite}._bottomBar_25ulv_81{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 4px;gap:16px}[data-chaos-chess]{--cc-accent: var(--color-accent-primary, #82FFF4);--cc-accent-rgb: var(--color-accent-primary-rgb, 130, 255, 244);--cc-bg: var(--color-surface-base, #242222);--cc-surface-glass: rgba(36, 34, 34, .92);--cc-surface-glass-heavy: rgba(36, 34, 34, .95);--cc-text: var(--color-text-primary, #F5F5F5);--cc-text-rgb: 245, 245, 245;--cc-orange: var(--color-accent-orange-soft, #FFB67A);--cc-orange-rgb: 255, 182, 122;--cc-red-rgb: 255, 80, 80;--cc-check-rgb: 255, 50, 50;--cc-border-subtle: rgba(255, 255, 255, .08);--cc-border-light: rgba(255, 255, 255, .12);--cc-square-light: #AEB9C7;--cc-square-dark: #6E7E95;--cc-coord-on-light: #3F4C60;--cc-coord-on-dark: #E3E8EE;--cc-highlight-rgb: var(--cc-accent-rgb);--cc-hint-rgb: 20, 24, 33;--cc-font-body: var(--font-sans, "Inter", sans-serif);--cc-font-display: var(--font-display, "Comfortaa", cursive);--cc-btn-bg: rgba(255, 255, 255, .06);--cc-btn-bg-hover: rgba(var(--cc-accent-rgb), .15);--cc-btn-border-hover: rgba(var(--cc-accent-rgb), .3);--cc-slider-track: rgba(255, 255, 255, .1);--cc-shadow-board: 0 8px 32px rgba(0, 0, 0, .4);--cc-shadow-dialog: 0 8px 40px rgba(0, 0, 0, .5), 0 0 20px rgba(var(--cc-accent-rgb), .1);--cc-shadow-banner: 0 12px 48px rgba(0, 0, 0, .5), 0 0 24px rgba(var(--cc-accent-rgb), .1);--cc-pw-body: #F6F4EF;--cc-pw-line: #141821;--cc-pb-body: #1B202B;--cc-pb-line: #0A0C11;--cc-pb-detail: #E8E4DC;position:relative}html.light-mode [data-chaos-chess]{--cc-bg: var(--color-surface-base, #f5f5f5);--cc-surface-glass: rgba(255, 255, 255, .92);--cc-surface-glass-heavy: rgba(255, 255, 255, .95);--cc-text-rgb: 30, 30, 30;--cc-border-subtle: rgba(0, 0, 0, .08);--cc-border-light: rgba(0, 0, 0, .12);--cc-btn-bg: rgba(0, 0, 0, .05);--cc-slider-track: rgba(0, 0, 0, .1);--cc-shadow-board: 0 8px 32px rgba(0, 0, 0, .15);--cc-shadow-dialog: 0 8px 40px rgba(0, 0, 0, .2), 0 0 20px rgba(var(--cc-accent-rgb), .08);--cc-shadow-banner: 0 12px 48px rgba(0, 0, 0, .2), 0 0 24px rgba(var(--cc-accent-rgb), .08)}@keyframes cc-bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.08)}70%{transform:scale(.95)}to{transform:scale(1);opacity:1}}@keyframes cc-glowPulse{0%,to{box-shadow:0 0 8px #82fff44d}50%{box-shadow:0 0 20px #82fff499}}@keyframes cc-chaosFlash{0%{background-color:#ff505080}to{background-color:transparent}}@keyframes cc-pieceAppear{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}@keyframes cc-pieceDisappear{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}@keyframes cc-thinkingPulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes cc-slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes cc-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes cc-chaosBarPulse{0%,to{box-shadow:0 0 4px #ff50504d}50%{box-shadow:0 0 16px #ff5050b3}}@keyframes cc-slideOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(-20px);opacity:0}}