@maxr0ssi/chaos-chess 0.2.1 → 0.2.2

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Changelog
 
+## 0.2.2
+
+- Phones: pieces shrink on boards narrower than 440px so the corner
+  coordinates no longer overlap them; coordinates are stronger
+  (`--cc-coord-on-light/dark`) with a halo in the square colour.
+- The chaos toast sits below the top bar, wraps on narrow boards and lets
+  clicks through, so it no longer covers New game.
+- Side picker kings and promotion choices sit on a square-coloured tile, and
+  the tile stays on hover.
+- The muted icon stays legible; the mute button keeps a fixed "Mute" label with
+  `aria-pressed`.
+- The piece-art licence notice is a preserved `/*! */` comment, so it survives
+  minification.
+
 ## 0.2.1
 
 - New piece artwork: the Cburnett SVG set (BSD licence, see

package/dist/chaos-chess.css

@@ -1 +1 @@
-._square_u4pju_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_u4pju_15{background-color:var(--cc-square-light);--cc-coord: var(--cc-square-dark)}._dark_u4pju_20{background-color:var(--cc-square-dark);--cc-coord: var(--cc-square-light)}._selected_u4pju_26,._check_u4pju_27,._lastMoveFrom_u4pju_28,._lastMoveTo_u4pju_29{background-image:linear-gradient(var(--cc-tint),var(--cc-tint))}._selected_u4pju_26{--cc-tint: rgba(var(--cc-highlight-rgb), .55)}._legalMove_u4pju_37: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_u4pju_50: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_u4pju_27{--cc-tint: rgba(var(--cc-check-rgb), .55)}._lastMoveFrom_u4pju_28{--cc-tint: rgba(var(--cc-highlight-rgb), .22)}._lastMoveTo_u4pju_29{--cc-tint: rgba(var(--cc-highlight-rgb), .34)}._chaosFlash_u4pju_77{animation:_cc-chaosFlash_u4pju_1 .6s ease-out}._pieceArt_u4pju_82{display:block;overflow:visible;filter:drop-shadow(0 1.5px 1.5px rgba(0,0,0,.3))}._piece_u4pju_82{width:88%;height:88%;transition:transform .15s ease;pointer-events:none}._pieceAppear_u4pju_99{animation:_cc-pieceAppear_u4pju_1 .4s ease-out}._pieceDisappear_u4pju_103{animation:_cc-pieceDisappear_u4pju_1 .3s ease-in forwards}._board_8cqhv_1{display:grid;touch-action:manipulation;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);width:100%;aspect-ratio:1;border-radius:10px;overflow:hidden;box-shadow:var(--cc-shadow-board);border:1px solid var(--cc-border-subtle)}._rankLabel_8cqhv_16{position:absolute;top:2px;left:4px;font-size:10px;font-weight:700;font-family:var(--cc-font-body);color:var(--cc-coord);pointer-events:none;-webkit-user-select:none;user-select:none}._fileLabel_8cqhv_28{position:absolute;bottom:2px;right:4px;font-size:10px;font-weight:700;font-family:var(--cc-font-body);color:var(--cc-coord);pointer-events:none;-webkit-user-select:none;user-select:none}._boardLocked_8cqhv_40{pointer-events:none}._promotionOverlay_eh63o_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_eh63o_1 .2s ease-out}._promotionDialog_eh63o_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_eh63o_1 .4s ease-out}._promotionTitle_eh63o_27{font-family:var(--cc-font-display);font-size:16px;color:var(--cc-text);margin:0}._promotionOptions_eh63o_34{display:flex;gap:12px}._promotionBtn_eh63o_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_eh63o_39>svg{width:100%;height:100%}._promotionBtn_eh63o_39:hover{background:var(--cc-btn-bg-hover);border-color:var(--cc-btn-border-hover);transform:scale(1.08)}._gameOverOverlay_eh63o_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_eh63o_1 .3s ease-out}._gameOverBanner_eh63o_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_eh63o_1 .5s ease-out}._gameOverResult_eh63o_91{font-family:var(--cc-font-display);font-size:28px;font-weight:700;color:var(--cc-accent);margin:0;text-align:center}._gameOverDetail_eh63o_100{font-family:var(--cc-font-body);font-size:14px;color:rgba(var(--cc-text-rgb),.7);margin:0}._restartBtn_eh63o_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_eh63o_107:hover{transform:scale(1.05);box-shadow:0 0 16px rgba(var(--cc-accent-rgb),.4)}._chaosBar_eh63o_126{display:flex;align-items:center;gap:10px;width:100%;padding:0 4px}._chaosBarLabel_eh63o_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_eh63o_143{flex:1;height:6px;border-radius:3px;background:var(--cc-border-subtle);overflow:hidden}._chaosBarFill_eh63o_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_eh63o_160{display:flex;flex-direction:column;gap:4px;flex:1}._difficultyLabel_eh63o_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_eh63o_176{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:var(--cc-slider-track);outline:none}._difficultySlider_eh63o_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_eh63o_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_eh63o_207{font-family:var(--cc-font-display);font-size:11px;color:var(--cc-accent)}._sidePickerOverlay_eh63o_214{display:flex;align-items:center;justify-content:center;width:100%;min-height:min(560px,90vw)}._sidePickerCard_eh63o_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_eh63o_1 .5s ease-out}._sidePickerTitle_eh63o_235{font-family:var(--cc-font-display);font-size:22px;font-weight:700;color:var(--cc-text);margin:0}._sidePickerOptions_eh63o_243{display:flex;gap:20px}._sidePickerBtn_eh63o_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_eh63o_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_eh63o_268{width:56px;height:56px}._sidePickerBtn_eh63o_248{--cc-pb-line: var(--cc-square-light)}._sidePickerLabel_eh63o_278{font-family:var(--cc-font-display);font-size:15px;font-weight:600;color:var(--cc-text)}._sidePickerSettings_eh63o_285{display:flex;gap:24px;width:100%;padding-top:8px;border-top:1px solid var(--cc-border-subtle)}._stupidLevel_eh63o_294{display:flex;flex-direction:column;gap:4px;min-width:100px}._stupidLevelHeader_eh63o_301{display:flex;justify-content:space-between;align-items:center}._stupidLevelLabel_eh63o_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_eh63o_316{font-family:var(--cc-font-display);font-size:10px;font-weight:700;color:var(--cc-accent)}._stupidLevelSlider_eh63o_323{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:var(--cc-slider-track);outline:none}._stupidLevelSlider_eh63o_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_eh63o_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_eh63o_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_eh63o_355:focus-visible{outline:2px solid var(--cc-accent);outline-offset:2px}._muteBtn_eh63o_355:hover{background:rgba(var(--cc-accent-rgb),.1);border-color:rgba(var(--cc-accent-rgb),.25)}._muteBtnMuted_eh63o_380{color:rgba(var(--cc-text-rgb),.3)}._muteBtnMuted_eh63o_380:hover{background:var(--cc-btn-bg);border-color:#ffffff26}._chaosToast_eh63o_390{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_eh63o_1 .3s ease-out}._chaosToastFading_eh63o_410{animation:_cc-slideOut_eh63o_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-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}}
+._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}}