/** FONTS **/@font-face {  font-family:"Kdam Thmor Pro";  src:url(fonts/kdam-thmor-pro.woff2);  font-weight:normal;}@font-face {  font-family:"Lato";  src:url(fonts/lato-regular.woff2);  font-weight:normal;}@font-face {  font-family:"Lato";  src:url(fonts/lato-bold.woff2);  font-weight:bold;}@font-face {  font-family:"Icons";  src:url(fonts/icons.woff2);  font-weight:normal;}/** GLOBAL **/* {  box-sizing:border-box;  overscroll-behavior:none;  touch-action:pan-x pan-y;  -webkit-tap-highlight-color:transparent;  -webkit-user-select:none;  user-select:none;}html {  background-color:#03050b;}html,body {  overscroll-behavior:contain;}body,h1,h2,h3,p {  margin:0;}h1,h2,h3 {  cursor:default;}:root {  --bg-0:#040816;  --bg-1:#0b1531;  --bg-2:#16244b;  --safe-area-top:env(safe-area-inset-top, 0px);  --safe-area-top-extra:clamp(0px, calc(10px - (var(--safe-area-top) * 1000)), 10px);  --panel-border:rgba(176, 213, 255, 0.16);  --text-0:#f5f8ff;  --text-1:#cad8f8;  --text-2:#8ea3d2;  --accent-0:#6cf5ff;  --compact-accent-border:rgba(149, 228, 255, 0.34);  --compact-accent-border-strong:rgba(173, 237, 255, 0.48);  --compact-accent-bg:linear-gradient(180deg, rgba(33, 74, 122, 0.9), rgba(14, 31, 56, 0.96));  --compact-accent-bg-hover:linear-gradient(180deg, rgba(48, 96, 151, 0.92), rgba(18, 40, 73, 0.98));  --compact-accent-bg-selected:linear-gradient(180deg, rgba(102, 183, 232, 0.94), rgba(48, 122, 184, 0.98) 58%, rgba(23, 69, 120, 0.99));  --compact-accent-glow:rgba(108, 245, 255, 0.08);  --menu-violet-sheen:rgba(145, 118, 255, 0.24);  --menu-cyan-border:rgba(132, 227, 255, 0.26);  --menu-cyan-border-strong:rgba(144, 241, 255, 0.4);}a {  color:#b8ddff;  font-weight:bold;  text-decoration:none;  transition:color 250ms;}a:hover,a:active {  color:var(--text-2);}body {  background-color:#03050b;  background-image:    radial-gradient(circle at top, rgba(112, 97, 255, 0.22), transparent 30%),    radial-gradient(circle at 20% 20%, rgba(108, 245, 255, 0.16), transparent 22%),    linear-gradient(180deg, #091126 0%, #050914 55%, #03050b 100%);  font:16px "Lato";  color:var(--text-0);}body.playing {  position:fixed;  width:100%;  height:100%;  overflow:hidden;}body.playing,body.replaying {  background:    radial-gradient(circle at top, rgba(132, 118, 234, 0.16), transparent 32%),    linear-gradient(180deg, rgba(20, 28, 52, 0.98), rgba(24, 34, 60, 1));}.hideable,.main,.section,.overlay,.overlay .text,.overlay .rating {  opacity:0;  display:none;  transition:opacity 500ms;  pointer-events:none;}.animated,.step,.announcement,.buttons .button {  opacity:0;  transition:opacity 500ms;  pointer-events:none;}.buttons.break-disabled .button {  opacity:0.5 !important;  pointer-events:none !important;  filter:saturate(0.4);}.visible {  display:block !important;}.active {  opacity:1 !important;  pointer-events:auto !important;}body.entering-game #game,body.entering-game #controls .display,body.entering-game #controls .buttons .button,body.entering-game #board .announcement {  transition:none !important;}/** NOTIFICATIONS **/#notification-rail {  position:fixed;  z-index:12;  bottom:max(10px, calc(env(safe-area-inset-bottom) + 10px));  right:max(10px, calc(env(safe-area-inset-right) + 10px));  width:min(360px, calc(100vw - 20px));  display:grid;  gap:10px;  pointer-events:none;}.notification-toast {  display:grid;  gap:10px;  padding:14px 14px 12px;  border:1px solid rgba(176, 213, 255, 0.2);  border-radius:16px;  background:    radial-gradient(circle at top right, rgba(108, 245, 255, 0.1), transparent 42%),    linear-gradient(180deg, rgba(18, 29, 57, 0.98), rgba(8, 13, 28, 0.96));  box-shadow:    0 16px 36px rgba(0, 0, 0, 0.34),    inset 0 1px 0 rgba(255, 255, 255, 0.04);  opacity:0;  transform:translateY(10px);  transition:opacity 220ms, transform 220ms;  pointer-events:auto;}.notification-toast.active {  opacity:1;  transform:translateY(0);}.notification-toast.leaving {  opacity:0;  transform:translateY(8px);}.notification-toast.has-icon {  grid-template-columns:auto 1fr;  align-items:center;}.notification-toast.has-icon .notification-content {  grid-column:2;}.notification-toast.has-icon .notification-actions {  grid-column:1 / -1;}.notification-icon {  display:flex;  align-items:center;  justify-content:center;  width:44px;  height:44px;  border-radius:12px;  background:linear-gradient(180deg, rgba(68, 86, 138, 0.98), rgba(25, 35, 67, 0.98));  font-family:"Icons";  font-size:26px;  line-height:1;}.notification-content {  display:grid;  gap:6px;}.notification-title {  margin:0;  font-size:13px;  font-weight:bold;  letter-spacing:0.08em;  text-transform:uppercase;  color:#d6e6ff;}.notification-message {  margin:0;  font-size:14px;  line-height:1.45;  color:var(--text-0);}.notification-actions {  display:flex;  justify-content:flex-end;  gap:8px;}.notification-action,.notification-dismiss {  padding:7px 11px;  border:1px solid rgba(176, 213, 255, 0.2);  border-radius:10px;  background:rgba(255, 255, 255, 0.04);  color:var(--text-1);  font-size:12px;  font-weight:bold;  letter-spacing:0.06em;  text-transform:uppercase;  cursor:pointer;}.notification-action:hover,.notification-action:active,.notification-dismiss:hover,.notification-dismiss:active {  background:rgba(255, 255, 255, 0.1);}.notification-toast.tone-success {  border-color:rgba(120, 244, 196, 0.34);}.notification-toast.tone-success .notification-title {  color:#9bf4cc;}.notification-toast.tone-info {  border-color:rgba(132, 227, 255, 0.32);}.notification-toast.tone-info .notification-title {  color:#9de7ff;}.notification-toast.tone-warning {  border-color:rgba(255, 210, 123, 0.35);}.notification-toast.tone-warning .notification-title {  color:#ffd994;}.notification-toast.tone-error {  border-color:rgba(255, 150, 166, 0.36);}.notification-toast.tone-error .notification-title {  color:#ffafbe;}/** BUTTONS **/.button {  border:1px solid rgba(255, 255, 255, 0.08);  border-radius:18px;  box-shadow:0 18px 36px rgba(0, 0, 0, 0.24);  background:linear-gradient(180deg, rgba(42, 56, 94, 0.96), rgba(17, 24, 43, 0.96));  text-align:center;  font-size:18px;  font-weight:bold;  color:var(--text-0);  transition:background 250ms;  cursor:pointer;}.button:hover,.button:active {  background:linear-gradient(180deg, rgba(56, 74, 120, 0.98), rgba(22, 32, 56, 0.98));}.buttons .button,.overlay .button {  transition:opacity 500ms, background 250ms;}/** ICONS **/.icon {  position:relative;  font:26px "Icons";  text-align:center;  color:#fff;  cursor:pointer;}.icon:before {  position:absolute;  width:100%;  height:100%;  top:0;  left:0;}.pause.icon:before { content:"\f11f" }.continue.icon:before { content:"\f120" }.powerups.icon:before { content:"\f11e" }.quit.icon:before { content:"\f11d" }.slowdown.icon:before, .slowdown .icon:before { content:"\f11a" }.explosion.icon:before, .explosion .icon:before { content:"\f11b" }.break.icon:before, .break .icon:before { content:"\f11c" }.platinum .icon:before { content:"\f119" }.game .bronze .icon:before { content:"\f118" }.game .silver .icon:before { content:"\f117" }.game .gold .icon:before { content:"\f116" }.worlds .bronze .icon:before { content:"\f115" }.worlds .silver .icon:before { content:"\f114" }.worlds .gold .icon:before { content:"\f113" }.score .bronze .icon:before { content:"\f112" }.score .silver .icon:before { content:"\f111" }.score .gold .icon:before { content:"\f110" }.grind .bronze .icon:before { content:"\f10f" }.grind .silver .icon:before { content:"\f10e" }.grind .gold .icon:before { content:"\f10d" }.misc .bronze .icon:before { content:"\f10b" }.misc .silver .icon:before { content:"\f10a" }.misc .gold .icon:before { content:"\f10c" }.ratings .freedom .icon:before { content:"\f109" }.ratings .theCave .icon:before { content:"\f108" }.ratings .obstacleCourse .icon:before { content:"\f107" }.ratings .twisted .icon:before { content:"\f106" }.ratings .centered .icon:before { content:"\f105" }.ratings .edgy .icon:before { content:"\f104" }.ratings .fourRocks .icon:before { content:"\f103" }.ratings .theGate .icon:before { content:"\f102" }.ratings .brokenLines .icon:before { content:"\f101" }/** RATINGS **/.rating:after {  transition:color 250ms;}.star0.rating:after {  content:"\2606\2606\2606\2606\2606";}.star1.rating:after {  content:"\2605\2606\2606\2606\2606";}.star2.rating:after {  content:"\2605\2605\2606\2606\2606";}.star3.rating:after {  content:"\2605\2605\2605\2606\2606";}.star4.rating:after {  content:"\2605\2605\2605\2605\2606";}.star5.rating:after {  content:"\2605\2605\2605\2605\2605";}/** ELEMENTS **/.block.element {  pointer-events:none;}.element:after {  content:"";  background-size:calc(2 / 3 * 100%) calc(2 / 3 * 100%);  background-position:center center;  background-repeat:no-repeat;}.fire.element:after {  background-image:url(img/elements/fire.png);}.water.element:after {  background-image:url(img/elements/water.png);}.earth.element:after {  background-image:url(img/elements/earth.png);}.air.element:after {  background-image:url(img/elements/air.png);}.cosmic.element:after {  background-image:url(img/elements/space.png);}.block.element:after {  background-image:url(img/elements/block.png);}/** CONTROLS **/#controls .title .first {  font:24px "Kdam Thmor Pro";}#controls .title .second {  text-transform:uppercase;  font-size:12px;}.wxl #controls .displays {  margin:0;}.wm #controls .displays,.hm #controls .displays {  height:90px;}.ws #controls .displays,.hl.wm #controls .displays {  height:50px;}#controls .display {  display:inline-block;  height:40px;  margin:0 0 0 15px;  text-align:center;  line-height:40px;  font-size:0;  color:#fff;}.ws #controls .secondary,.hl.wm #controls .secondary {  display:none;}.wm #controls .primary,.hm #controls .primary {  display:block;}#controls .level {  margin:0;}#controls .break {  position:absolute;}#controls .label,#controls .data {  font-size:16px;}#controls .label {  display:inline-block;  width:40px;}#controls .data {  display:inline-block;  min-height:20px;  margin:0 0 0 5px;  padding:4px 14px;  border-radius:5px;  line-height:20px;  font-weight:bold;}#controls .level .data {  min-width:40px;}#controls .time .data,#controls .break .data {  min-width:60px;}#controls .score .data {  min-width:80px;}/** CONTROLS BUTTONS **/#controls .buttons {  float:right;  position:relative;  z-index:1;}.hl.portrait #controls .buttons {  bottom:35px;}#controls .speed {  font-size:13px;}.playing #controls .speed,.replaying #controls .powerups {  display:none;}/** STAGE **/#game .stage {  z-index:1;  width:calc(100vh - 100px);  height:calc(100vh - 100px);  margin:30px auto;  border:1px solid rgba(176, 213, 255, 0.12);  border-radius:5px;  box-shadow:0 30px 60px rgba(0, 0, 0, 0.36);  background:    radial-gradient(circle at top, rgba(138, 104, 255, 0.08), transparent 48%),    linear-gradient(180deg, rgba(7, 12, 26, 0.98), rgba(3, 5, 11, 1));  overflow:hidden;}.portrait #game .stage {  position:absolute;  width:100%;  height:100vw;  top:50%;  left:50%;  margin:calc(30px - 50vw) -50vw;}.hl #game .stage {  margin:calc(15px - 50vw) -50vw;}.hm #game .stage,.hxl #game .stage {  width:calc(100vh - 300px);  height:calc(100vh - 300px);  top:50%;  left:50%;  margin:calc((300px - 100vh) / 2) 0 0 calc((300px - 100vh) / 2);  transform:none;}.playing.portrait,.replaying.portrait {  --back-edge:0px;  --field-top-offset:90px;}.playing.android.portrait,.replaying.android.portrait {  --back-edge:24px;}.playing.hl.portrait,.replaying.hl.portrait {  --field-top-offset:90px;}.playing.portrait #game #field.stage,.replaying.portrait #game #board.stage {  width:calc(100% - (2 * var(--back-edge)));  height:calc(100vw - (2 * var(--back-edge)));  margin:calc(var(--field-top-offset) - 50vw + var(--back-edge)) calc(-50vw + var(--back-edge));}.playing.hm.portrait #game #field.stage,.playing.hxl.portrait #game #field.stage,.replaying.hm.portrait #game #board.stage,.replaying.hxl.portrait #game #board.stage {  width:calc(100vh - 300px);  height:calc(100vh - 300px);  margin:calc(var(--field-top-offset) - (100vh - 300px) / 2) 0 0 calc((300px - 100vh) / 2);  transform:none;}.playing.portrait #controls .buttons,.playing.hm.portrait #controls .buttons,.playing.hxl.portrait #controls .buttons,.replaying.portrait #controls .buttons {  top:calc(var(--controls-top-safe-area) + 104px);}body.playing:not(.portrait):not(.wxl) #field.stage,body.playing:not(.portrait):not(.wxl) #board.stage,body.replaying:not(.portrait):not(.wxl) #board.stage {  margin:15px auto 45px;}.ios #game .stage {  box-shadow:none;}.replaying #field,.playing #game #board {  display:none;}#powerup-deploy-effect {  position:absolute;  inset:0;  z-index:4;  pointer-events:none;  opacity:0;}#powerup-deploy-effect.visible {  opacity:1;}#powerup-deploy-effect::before {  content:"";  position:absolute;  left:50%;  top:50%;  width:min(280px, 54vw);  height:min(280px, 54vw);  border-radius:50%;  opacity:0;  transform:translate(-50%, -50%) scale(0.72);  filter:blur(2px);}#powerup-deploy-effect .powerup-deploy-effect__icon {  position:absolute;  left:50%;  top:50%;  width:min(168px, 32vw);  height:min(168px, 32vw);  margin:0;  border-radius:34px;  border:1px solid rgba(255, 255, 255, 0.16);  opacity:0;  transform:translate(-50%, -50%) scale(0.7);  font-size:min(92px, 18vw);  line-height:min(168px, 32vw);  text-align:center;  color:#f7fcff;  text-shadow:    0 0 16px rgba(255, 255, 255, 0.18),    0 0 30px rgba(255, 255, 255, 0.1);  box-shadow:    inset 0 1px 0 rgba(255, 255, 255, 0.12),    0 20px 36px rgba(0, 0, 0, 0.24);}#powerup-deploy-effect.break::before {  background:    radial-gradient(circle, rgba(108, 245, 255, 0.24), rgba(108, 245, 255, 0.08) 44%, transparent 72%);}#powerup-deploy-effect.break .powerup-deploy-effect__icon {  background:    radial-gradient(circle at top, rgba(173, 250, 255, 0.24), transparent 48%),    linear-gradient(180deg, rgba(68, 177, 255, 0.92), rgba(23, 73, 136, 0.96));  box-shadow:    inset 0 1px 0 rgba(225, 253, 255, 0.12),    0 20px 36px rgba(0, 0, 0, 0.24),    0 0 26px rgba(108, 245, 255, 0.2);}#powerup-deploy-effect.slowdown::before {  background:    radial-gradient(circle, rgba(194, 153, 255, 0.26), rgba(125, 98, 216, 0.1) 44%, transparent 72%);}#powerup-deploy-effect.slowdown .powerup-deploy-effect__icon {  background:    radial-gradient(circle at top, rgba(190, 170, 255, 0.28), transparent 48%),    linear-gradient(180deg, rgba(125, 112, 232, 0.94), rgba(69, 47, 155, 0.98));  box-shadow:    inset 0 1px 0 rgba(232, 227, 255, 0.12),    0 20px 36px rgba(0, 0, 0, 0.24),    0 0 28px rgba(144, 99, 234, 0.22);}#powerup-deploy-effect.explosion::before {  background:    radial-gradient(circle, rgba(86, 70, 140, 0.22), rgba(26, 20, 52, 0.16) 44%, transparent 72%);}#powerup-deploy-effect.explosion .powerup-deploy-effect__icon {  background:    radial-gradient(circle at top, rgba(118, 100, 184, 0.14), transparent 46%),    linear-gradient(180deg, rgba(53, 48, 77, 0.96), rgba(28, 31, 49, 0.98) 46%, rgba(15, 18, 31, 0.99));  box-shadow:    inset 0 1px 0 rgba(214, 202, 255, 0.06),    0 20px 36px rgba(0, 0, 0, 0.24),    0 0 24px rgba(76, 65, 124, 0.14);}#powerup-deploy-effect.visible.active.break::before,#powerup-deploy-effect.visible.active.slowdown::before,#powerup-deploy-effect.visible.active.explosion::before {  animation:powerupDeployBurstBreak 1200ms cubic-bezier(0.16, 0.84, 0.24, 1) forwards;}#powerup-deploy-effect.visible.active.break .powerup-deploy-effect__icon,#powerup-deploy-effect.visible.active.slowdown .powerup-deploy-effect__icon,#powerup-deploy-effect.visible.active.explosion .powerup-deploy-effect__icon {  animation:powerupDeployIconBreak 1200ms cubic-bezier(0.16, 0.84, 0.24, 1) forwards;}@keyframes powerupDeployBurstBreak {  0% {    opacity:0;    transform:translate(-50%, -50%) scale(0.68);  }  10% {    opacity:0.9;  }  70% {    opacity:0.6;    transform:translate(-50%, -53%) scale(1.1);  }  100% {    opacity:0;    transform:translate(-50%, -56%) scale(1.2);  }}@keyframes powerupDeployIconBreak {  0% {    opacity:0;    transform:translate(-50%, -44%) scale(0.68);  }  12% {    opacity:1;    transform:translate(-50%, -50%) scale(1);  }  70% {    opacity:0.8;    transform:translate(-50%, -58%) scale(0.94);  }  100% {    opacity:0;    transform:translate(-50%, -78%) scale(0.86);  }}/** BOARD **/.board-clearing .element {  opacity:0;  transition:opacity 150ms ease-out;}#board .announcement {  position:absolute;  z-index:4;  width:100%;  height:75px;  top:0;  left:0;  line-height:75px;  font-size:24px;  font-weight:bold;}/** SQUARES **/.stage .square {  float:left;  position:relative;  width:12.5%;  height:calc(100% / var(--board-rows, 8));}/** LEGAL **/.legal {  max-width:800px;  min-height:100vh;  display:grid;  align-content:center;  margin:0 auto;  padding:32px 16px;  background:transparent;}.legal-panel {  display:grid;  gap:0;  padding:28px;  border:1px solid rgba(156, 205, 255, 0.14);  border-radius:28px;  background:    radial-gradient(circle at top right, rgba(106, 231, 255, 0.14), transparent 28%),    radial-gradient(circle at left center, rgba(117, 133, 255, 0.1), transparent 30%),    linear-gradient(180deg, rgba(14, 21, 39, 0.975), rgba(7, 12, 24, 0.955));  box-shadow:    0 28px 60px rgba(0, 0, 0, 0.34),    inset 0 1px 0 rgba(255, 255, 255, 0.04);}.legal .menu-brand {  --brand-mark-size:70px;  --brand-submark-padding:8px 14px 8px 16px;  --brand-submark-font-size:20px;  --brand-submark-letter-spacing:0.36em;  margin-bottom:32px;}.legal section {  padding:0 0 24px;  border-bottom:1px solid rgba(176, 213, 255, 0.1);}.legal section:last-of-type {  padding-bottom:0;  border-bottom:none;}.legal section > h1 {  margin:24px 0 16px;  font-size:22px;  letter-spacing:0.02em;  color:var(--text-0);}.legal h2 {  margin:32px 0 14px;  font-size:17px;  color:var(--text-1);}.legal h3 {  margin:28px 0 12px;  font-size:15px;  color:var(--text-1);}.legal p {  margin:10px 0;  color:var(--text-2);  line-height:1.65;  font-size:14px;}.legal ul {  margin:10px 0;  padding:0 0 0 25px;  color:var(--text-2);  line-height:1.65;  font-size:14px;}.legal a {  color:var(--accent-0);}.legal a:hover,.legal a:active {  color:#d8fcff;}@media (min-width:600px) {  .legal-panel {    padding:42px;  }}/** MENU **/#intro {  --intro-shell-width:min(1080px, calc(100vw - 32px));  --intro-shell-padding:0;  --intro-shell-margin:16px auto;  --launch-panel-gap:52px;  --launch-panel-min-height:340px;  --launch-panel-padding:20px 52px 56px;  --brand-mark-size:96px;  --brand-submark-padding:10px 18px 10px 20px;  --brand-submark-font-size:28px;  --brand-submark-letter-spacing:0.36em;  --play-button-min-height:88px;  --play-button-font-size:28px;  --area-points-size:58px;  --level-buttons-gap:10px;  --level-button-min-height:50px;  --level-button-font-size:18px;  --hub-grid-columns:1;  width:var(--intro-shell-width);  min-height:0;  padding:var(--intro-shell-padding);  margin:var(--intro-shell-margin);  border:none;  border-radius:0;  box-shadow:none;  background:transparent;  overflow:visible;  backdrop-filter:none;}#intro.visible:not(.menu-subscreen) {  min-height:calc(100vh - 32px);  min-height:calc(100dvh - 32px);}#intro.menu-subscreen {  min-height:calc(100vh - 32px);  min-height:calc(100dvh - 32px);}.mobile #intro {  --intro-shell-width:100%;  --intro-shell-padding:calc(var(--safe-area-top) + var(--safe-area-top-extra)) 12px 48px;  --intro-shell-margin:0;}.mobile #intro.menu-subscreen {  --intro-shell-padding:calc(var(--safe-area-top) + var(--safe-area-top-extra)) 12px 60px;  min-height:100vh;  min-height:100dvh;}.intro-glow.layer,.intro-noise.layer {  position:absolute;  inset:0;  pointer-events:none;  display:none;}#menu-shell {  position:relative;  z-index:1;  display:grid;  gap:18px;  text-align:left;}#menu-chrome {  display:none;  position:relative;  grid-template-columns:92px minmax(0, 1fr) 92px;  align-items:center;  gap:12px;  min-width:0;  padding:0 0 10px;  background:none;}.menu-subscreen #menu-chrome {  display:grid;  padding-top:24px;}#menu-chrome::after {  content:"";  width:92px;}#menu-title {  min-width:0;  text-align:center;  font:64px "Kdam Thmor Pro";  line-height:0.96;  letter-spacing:-0.03em;  color:var(--text-0);  text-shadow:    0 0 18px rgba(138, 104, 255, 0.2),    0 0 24px rgba(108, 245, 255, 0.08);}#menu-back {  grid-column:1;  display:flex;  align-items:center;  justify-content:center;  min-width:92px;  height:42px;  padding:0 18px;  border:1px solid rgba(182, 216, 255, 0.18);  border-radius:14px;  background:    linear-gradient(180deg, rgba(26, 35, 64, 0.98), rgba(13, 18, 34, 0.98));  box-shadow:    0 12px 24px rgba(0, 0, 0, 0.22),    inset 0 1px 0 rgba(255, 255, 255, 0.08);  font-size:13px;  font-weight:bold;  letter-spacing:0.12em;  text-transform:uppercase;  color:var(--text-1);  cursor:pointer;  transition:opacity 250ms, transform 250ms, background 250ms;}#menu-back:hover,#menu-back:active {  background:    linear-gradient(180deg, rgba(37, 49, 90, 0.98), rgba(16, 23, 43, 0.98));}#menu-back.hidden {  opacity:0;  transform:translateX(-10px);  pointer-events:none;}.menu-screen {  display:none;  opacity:0;  transform:translateY(16px);  transition:opacity 350ms, transform 350ms;}.menu-screen.visible {  display:block !important;}.menu-screen.active {  opacity:1 !important;  transform:translateY(0);}#start {  width:100%;  padding:0;}.menu-panel {  border:1px solid rgba(176, 213, 255, 0.14);  border-radius:24px;  background:    linear-gradient(180deg, rgba(17, 27, 54, 0.92), rgba(8, 13, 28, 0.9));  box-shadow:0 18px 40px rgba(0, 0, 0, 0.28);}#settings {  width:100%;  display:grid;  grid-template-columns:minmax(0, 1fr);  grid-template-areas:    "launch"    "record"    "level"    "world"    "nav";  gap:18px;}.launch-panel {  grid-area:launch;  display:grid;  gap:var(--launch-panel-gap);  align-content:space-between;  min-height:var(--launch-panel-min-height);  padding:var(--launch-panel-padding);  background:    radial-gradient(circle at top left, var(--menu-violet-sheen), transparent 44%),    radial-gradient(circle at 88% 16%, rgba(108, 245, 255, 0.12), transparent 28%),    linear-gradient(160deg, rgba(20, 25, 52, 0.98), rgba(10, 12, 29, 0.96));}.menu-brand {  display:grid;  gap:4px;  align-content:start;  justify-items:center;  text-align:center;}.brand-icon {  width:calc(var(--brand-mark-size) * 1.1);  height:calc(var(--brand-mark-size) * 1.1);  margin-bottom:calc(var(--brand-mark-size) * -0.2);  filter:drop-shadow(0 0 20px rgba(138, 104, 255, 0.2)) drop-shadow(0 0 32px rgba(108, 245, 255, 0.1));}.brand-mark,.brand-submark {  width:fit-content;}.brand-mark {  max-width:100%;  font:calc(var(--brand-mark-size) * 0.9) "Kdam Thmor Pro";  line-height:0.92;  letter-spacing:-0.04em;  color:var(--text-0);  text-shadow:    0 0 18px rgba(138, 104, 255, 0.26),    0 0 22px rgba(138, 104, 255, 0.16),    0 0 32px rgba(108, 245, 255, 0.06);}.brand-submark {  margin-top:10px;  padding:var(--brand-submark-padding);  border:1px solid rgba(255, 255, 255, 0.12);  border-radius:18px;  background:    linear-gradient(90deg, rgba(118, 123, 255, 0.28), rgba(108, 245, 255, 0.14)),    rgba(255, 255, 255, 0.04);  font-size:var(--brand-submark-font-size);  font-weight:bold;  letter-spacing:var(--brand-submark-letter-spacing);  text-transform:uppercase;  color:var(--text-0);  box-shadow:    inset 0 1px 0 rgba(255, 255, 255, 0.05),    0 0 22px rgba(108, 245, 255, 0.08);}#app-store-badge {  display:flex;  justify-content:center;  opacity:0.7;  transition:opacity 0.2s ease;}#app-store-badge:hover {  opacity:1;}#app-store-badge img {  height:54px;}#start .play.button {  align-self:end;  display:flex;  align-items:center;  justify-content:center;  width:100%;  min-height:var(--play-button-min-height);  padding:0 24px;  border:none;  border-radius:22px;  background:    radial-gradient(circle at top, rgba(158, 140, 255, 0.24), transparent 54%),    radial-gradient(circle at 88% 18%, rgba(108, 245, 255, 0.1), transparent 24%),    linear-gradient(145deg, rgba(125, 112, 232, 0.98), rgba(100, 83, 204, 0.98) 42%, rgba(69, 47, 155, 0.98) 72%, rgba(33, 21, 82, 0.98));  box-shadow:    0 0 0 1px rgba(255, 255, 255, 0.2),    inset 0 1px 0 rgba(190, 194, 255, 0.16),    inset 0 -14px 18px rgba(0, 0, 0, 0.22),    0 16px 28px rgba(0, 0, 0, 0.28),    0 0 24px rgba(125, 98, 216, 0.24),    0 0 16px rgba(108, 245, 255, 0.04);  font-size:var(--play-button-font-size);  text-transform:uppercase;  letter-spacing:0.18em;  text-shadow:    0 0 10px rgba(108, 245, 255, 0.08),    0 1px 1px rgba(0, 0, 0, 0.22);  transition:transform 180ms, filter 180ms, box-shadow 220ms;}#start .play.button:hover,#start .play.button:active {  background:    radial-gradient(circle at top, rgba(174, 158, 255, 0.3), transparent 54%),    radial-gradient(circle at 88% 18%, rgba(108, 245, 255, 0.14), transparent 28%),    linear-gradient(145deg, rgba(137, 124, 240, 0.98), rgba(111, 94, 214, 0.98) 42%, rgba(78, 55, 168, 0.98) 72%, rgba(39, 25, 91, 0.98));  box-shadow:    0 0 0 1px rgba(255, 255, 255, 0.22),    inset 0 1px 0 rgba(198, 203, 255, 0.18),    inset 0 -12px 18px rgba(0, 0, 0, 0.2),    0 18px 30px rgba(0, 0, 0, 0.3),    0 0 28px rgba(137, 110, 228, 0.28),    0 0 16px rgba(108, 245, 255, 0.06);  transform:translateY(-1px);  filter:brightness(1.03);}.start-record {  grid-area:record;  background:    radial-gradient(circle at 88% 18%, rgba(108, 245, 255, 0.14), transparent 28%),    linear-gradient(180deg, rgba(17, 32, 60, 0.94), rgba(9, 16, 33, 0.92));}.level.selection.area {  grid-area:level;}.world.selection.area {  grid-area:world;}.hub-grid {  grid-area:nav;  display:grid;  grid-template-columns:repeat(var(--hub-grid-columns), minmax(0, 1fr));  gap:14px;}:is(.record.area, .level.selection.area, .world.selection.area, .list.area, #menu-settings) {  width:100%;  padding:22px;}:is(.record.area, .level.selection.area, .world.selection.area) {  overflow:visible;  position:relative;}.level.selection.area {  background:    radial-gradient(circle at 84% 12%, rgba(108, 245, 255, 0.16), transparent 28%),    radial-gradient(circle at 14% 10%, rgba(138, 104, 255, 0.12), transparent 28%),    linear-gradient(180deg, rgba(14, 31, 58, 0.94), rgba(8, 16, 31, 0.92));}.world.selection.area {  padding:20px 20px 18px;  border-color:rgba(140, 236, 255, 0.32);  background:    radial-gradient(circle at 84% 12%, rgba(108, 245, 255, 0.26), transparent 28%),    radial-gradient(circle at 16% 0%, rgba(101, 187, 255, 0.2), transparent 36%),    linear-gradient(180deg, rgba(10, 40, 76, 0.98), rgba(8, 22, 44, 0.96));  box-shadow:    inset 0 1px 0 rgba(188, 248, 255, 0.08),    0 18px 40px rgba(0, 0, 0, 0.28),    0 0 34px rgba(108, 245, 255, 0.12);}.area .title {  margin:0 0 18px;  border:none;  font-size:12px;  font-weight:bold;  letter-spacing:0.22em;  text-transform:uppercase;  color:var(--text-2);}.area .points {  font-size:var(--area-points-size);  font-weight:800;  line-height:1;  color:#f2fbff;  text-shadow:    0 0 18px rgba(108, 245, 255, 0.24),    0 0 30px rgba(108, 245, 255, 0.08);}.level-buttons {  position:relative;  display:grid;  grid-template-columns:repeat(5, minmax(0, 1fr));  gap:var(--level-buttons-gap);  padding:8px;  border:1px solid rgba(124, 223, 255, 0.14);  border-radius:22px;  background:    linear-gradient(180deg, rgba(10, 30, 60, 0.44), rgba(6, 15, 30, 0.34));  box-shadow:    inset 0 1px 0 rgba(171, 244, 255, 0.04),    inset 0 -14px 24px rgba(0, 0, 0, 0.12);}#start .level.selection.area .button {  position:relative;  display:flex;  align-items:center;  justify-content:center;  width:100%;  min-height:var(--level-button-min-height);  margin:0;  border:1px solid rgba(126, 201, 238, 0.18);  border-radius:18px;  background:var(--compact-accent-bg);  box-shadow:    inset 0 1px 0 rgba(183, 232, 255, 0.06),    inset 0 -12px 18px rgba(0, 0, 0, 0.12),    0 12px 22px rgba(0, 0, 0, 0.22),    0 0 12px rgba(108, 245, 255, 0.04);  font-size:var(--level-button-font-size);  line-height:1;  transition:transform 180ms, filter 180ms, box-shadow 220ms, border-color 220ms, background 220ms;  overflow:hidden;}#start .level.selection.area .button::before,#start .level.selection.area .button::after {  content:none;}#start .level.selection.area .button:hover,#start .level.selection.area .button:active {  transform:translateY(-1px);  filter:brightness(1.05);  border-color:var(--compact-accent-border);  background:var(--compact-accent-bg-hover);  box-shadow:    inset 0 1px 0 rgba(196, 240, 255, 0.08),    inset 0 -12px 18px rgba(0, 0, 0, 0.1),    0 14px 24px rgba(0, 0, 0, 0.24),    0 0 14px var(--compact-accent-glow);}#start .level.selection.area .selected.button {  border-color:var(--compact-accent-border-strong);  background:var(--compact-accent-bg-selected);  box-shadow:    inset 0 1px 0 rgba(219, 247, 255, 0.14),    inset 0 -12px 18px rgba(0, 0, 0, 0.08),    0 14px 24px rgba(0, 0, 0, 0.26),    0 0 16px rgba(108, 245, 255, 0.1);}.world-list {  position:relative;  display:grid;  gap:8px;  padding:8px;  border:1px solid rgba(133, 233, 255, 0.18);  border-radius:22px;  background:    linear-gradient(180deg, rgba(11, 36, 70, 0.6), rgba(6, 18, 36, 0.46));  box-shadow:    inset 0 1px 0 rgba(181, 246, 255, 0.06),    inset 0 -14px 24px rgba(0, 0, 0, 0.12),    0 0 18px rgba(108, 245, 255, 0.05);}.selection .choice {  display:grid;  grid-template-columns:7px minmax(0, 1fr) auto;  align-items:center;  column-gap:16px;  row-gap:6px;  width:100%;  padding:16px 18px;  border:1px solid rgba(118, 214, 255, 0.16);  border-radius:20px;  background:    radial-gradient(circle at 88% 50%, rgba(108, 245, 255, 0.06), transparent 18%),    linear-gradient(90deg, rgba(21, 56, 99, 0.78), rgba(16, 39, 70, 0.86) 42%, rgba(11, 25, 46, 0.92) 100%);  box-shadow:    inset 0 1px 0 rgba(170, 244, 255, 0.05),    inset 0 -12px 18px rgba(0, 0, 0, 0.1),    0 12px 26px rgba(0, 0, 0, 0.16);  transition:transform 180ms, border-color 220ms, box-shadow 220ms, background 220ms;  cursor:pointer;}.selection .choice::before {  content:"";  grid-column:1;  grid-row:1 / span 2;  width:7px;  align-self:stretch;  border-radius:999px;  background:    linear-gradient(180deg, rgba(108, 245, 255, 0.16), rgba(76, 166, 255, 0.08));  box-shadow:0 0 14px rgba(108, 245, 255, 0.06);}.selection .choice:hover,.selection .choice:active,.selection .selected.choice {  transform:translateY(-1px);}.selection .choice:hover,.selection .choice:active {  border-color:rgba(153, 241, 255, 0.3);  background:    radial-gradient(circle at 88% 50%, rgba(108, 245, 255, 0.12), transparent 22%),    linear-gradient(90deg, rgba(27, 76, 131, 0.84), rgba(19, 49, 88, 0.9) 44%, rgba(12, 28, 51, 0.94) 100%);  box-shadow:    inset 0 1px 0 rgba(180, 246, 255, 0.08),    inset 0 -12px 18px rgba(0, 0, 0, 0.1),    0 14px 28px rgba(0, 0, 0, 0.22),    0 0 24px rgba(108, 245, 255, 0.12);}.selection .selected.choice {  border-color:var(--menu-cyan-border-strong);  background:    radial-gradient(circle at 88% 50%, rgba(108, 245, 255, 0.22), transparent 24%),    radial-gradient(circle at 14% 16%, rgba(130, 209, 255, 0.18), transparent 24%),    linear-gradient(90deg, rgba(116, 242, 255, 0.28), rgba(68, 189, 255, 0.2) 28%, rgba(18, 84, 150, 0.94) 42%, rgba(8, 34, 64, 0.96) 100%);  box-shadow:    inset 0 1px 0 rgba(196, 249, 255, 0.12),    inset 0 -12px 18px rgba(0, 0, 0, 0.08),    0 16px 30px rgba(0, 0, 0, 0.24),    0 0 34px rgba(108, 245, 255, 0.22);}.selection .selected.choice::before {  background:    linear-gradient(180deg, rgba(158, 250, 255, 0.96), rgba(83, 195, 255, 0.74));  box-shadow:    0 0 18px rgba(108, 245, 255, 0.26),    0 0 28px rgba(76, 166, 255, 0.16);}.world-main {  grid-column:2;  display:flex;  align-items:center;  justify-content:flex-start;  gap:12px;  min-width:0;  padding-left:2px;  text-align:left;}.world-copy {  min-width:0;  text-align:left;}.world-icon {  flex-shrink:0;  width:44px;  height:44px;  border:1px solid rgba(128, 221, 255, 0.14);  border-radius:14px;  background:    radial-gradient(circle at top, rgba(108, 245, 255, 0.14), transparent 52%),    linear-gradient(180deg, rgba(34, 86, 150, 0.74), rgba(15, 38, 72, 0.9));  box-shadow:    inset 0 1px 0 rgba(198, 249, 255, 0.08),    0 10px 20px rgba(0, 0, 0, 0.18),    0 0 14px rgba(108, 245, 255, 0.04);  color:rgba(232, 248, 255, 0.92);}.world-icon:before {  display:flex;  align-items:center;  justify-content:center;  font-size:26px;  text-shadow:    0 0 10px rgba(138, 104, 255, 0.2),    0 0 18px rgba(108, 245, 255, 0.1);}.freedom.world-icon:before { content:"\f109" }.theCave.world-icon:before { content:"\f108" }.obstacleCourse.world-icon:before { content:"\f107" }.twisted.world-icon:before { content:"\f106" }.centered.world-icon:before { content:"\f105" }.edgy.world-icon:before { content:"\f104" }.fourRocks.world-icon:before { content:"\f103" }.theGate.world-icon:before { content:"\f102" }.brokenLines.world-icon:before { content:"\f101" }.world-name {  margin:0 0 4px;  font-size:16px;  font-weight:bold;  color:var(--text-0);}.world-meta {  font-size:12px;  font-weight:bold;  letter-spacing:0.08em;  text-transform:uppercase;  color:var(--text-2);}.world-best {  color:var(--text-1);}.selection .choice .rating {  grid-column:3;  justify-self:end;  align-self:center;  font-size:13px;  letter-spacing:0.08em;  color:#9fbde6;  white-space:nowrap;}.selection .choice:hover .rating,.selection .choice:active .rating,.selection .selected.choice .rating {  color:#c6fbff;}.selection .selected.choice .world-name {  color:#f8fbff;  text-shadow:0 0 12px rgba(108, 245, 255, 0.08);}.selection .selected.choice .world-icon {  border-color:rgba(165, 246, 255, 0.34);  background:    radial-gradient(circle at top, rgba(173, 250, 255, 0.24), transparent 48%),    linear-gradient(180deg, rgba(68, 177, 255, 0.9), rgba(23, 73, 136, 0.96));  box-shadow:    inset 0 1px 0 rgba(225, 253, 255, 0.12),    0 12px 24px rgba(0, 0, 0, 0.22),    0 0 22px rgba(108, 245, 255, 0.16),    0 0 26px rgba(76, 166, 255, 0.14);  color:#f2feff;}.selection .selected.choice .world-best {  color:#d7fbff;}.nav-card {  position:relative;  display:grid;  gap:10px;  min-height:154px;  padding:22px;  cursor:pointer;  transition:transform 250ms, border-color 250ms, box-shadow 250ms;}.nav-card::before {  content:"";  position:absolute;  inset:0 22px auto;  height:1px;  background:linear-gradient(90deg, rgba(108, 245, 255, 0), rgba(108, 245, 255, 0.62), rgba(138, 104, 255, 0.78), rgba(138, 104, 255, 0));}.nav-card[data-screen="scores"],.nav-card[data-screen="leaderboard"] {  border-color:rgba(125, 222, 255, 0.2);  background:    radial-gradient(circle at 86% 14%, rgba(108, 245, 255, 0.14), transparent 24%),    radial-gradient(circle at 18% 0%, rgba(84, 172, 255, 0.12), transparent 32%),    linear-gradient(180deg, rgba(13, 33, 63, 0.94), rgba(8, 16, 31, 0.92));}.nav-card[data-screen="trophies"],.nav-card[data-screen="menu-settings"] {  border-color:rgba(160, 170, 255, 0.16);  background:    radial-gradient(circle at 14% 16%, rgba(138, 104, 255, 0.14), transparent 24%),    linear-gradient(180deg, rgba(19, 27, 56, 0.94), rgba(9, 13, 28, 0.92));}.nav-card:hover,.nav-card:active {  transform:translateY(-3px);  box-shadow:0 22px 42px rgba(0, 0, 0, 0.34);}.nav-card[data-screen="scores"]:hover,.nav-card[data-screen="scores"]:active,.nav-card[data-screen="leaderboard"]:hover,.nav-card[data-screen="leaderboard"]:active {  border-color:rgba(144, 241, 255, 0.28);  box-shadow:    0 22px 42px rgba(0, 0, 0, 0.34),    0 0 24px rgba(108, 245, 255, 0.14);}.nav-card[data-screen="trophies"]:hover,.nav-card[data-screen="trophies"]:active,.nav-card[data-screen="menu-settings"]:hover,.nav-card[data-screen="menu-settings"]:active {  border-color:rgba(154, 139, 255, 0.26);  box-shadow:    0 22px 42px rgba(0, 0, 0, 0.34),    0 0 22px rgba(138, 104, 255, 0.12);}.nav-label {  margin:0;  font-size:11px;  font-weight:bold;  letter-spacing:0.2em;  text-transform:uppercase;  color:#9db4eb;}.nav-card[data-screen="scores"] .nav-label,.nav-card[data-screen="leaderboard"] .nav-label {  color:#95f4ff;}.nav-card[data-screen="trophies"] .nav-label,.nav-card[data-screen="menu-settings"] .nav-label {  color:#b0a6ff;}.nav-title {  margin:0;  font-size:26px;  font-weight:bold;  line-height:1.05;}.nav-card[data-screen="scores"] .nav-title,.nav-card[data-screen="leaderboard"] .nav-title {  color:#ecfdff;  text-shadow:0 0 16px rgba(108, 245, 255, 0.12);}.nav-card[data-screen="trophies"] .nav-title,.nav-card[data-screen="menu-settings"] .nav-title {  text-shadow:0 0 14px rgba(138, 104, 255, 0.08);}.nav-text {  margin:0;  max-width:32ch;  font-size:14px;  line-height:1.5;  color:var(--text-1);}.menu-scroll-screen.menu-screen.visible {  display:grid !important;}.menu-scroll-screen {  align-content:start;  gap:16px;  padding-top:18px;  padding-bottom:18px;}#menu-settings {  gap:14px;}#menu-settings .switch.dev-only:not(.dev-active) { display:none; }#menu-settings .switch {  position:relative;  width:100%;  display:grid;  grid-template-columns:62px minmax(0, 1fr);  gap:16px;  align-items:center;  padding:18px 20px;  margin:0;  border:1px solid rgba(176, 213, 255, 0.12);  border-radius:18px;  background:    radial-gradient(circle at 88% 18%, rgba(108, 245, 255, 0.08), transparent 24%),    rgba(255, 255, 255, 0.04);  overflow:visible;}#menu-settings .switch * {  float:none;  margin:0;}#menu-settings .switch input {  position:absolute;  width:0;  height:0;  opacity:0;  pointer-events:none;}#menu-settings .switch label {  position:relative;  display:block;  width:62px;  height:31px;  border-radius:31px;  background:rgba(255, 255, 255, 0.14);  align-self:center;  justify-self:start;  cursor:pointer;}#menu-settings .disabled.switch {  opacity:0.55;}#menu-settings .disabled.switch label {  background:rgba(255, 255, 255, 0.08);}#menu-settings .switch input:checked + label {  background:linear-gradient(90deg, rgba(118, 116, 234, 0.96), rgba(92, 186, 232, 0.92));}#menu-settings .switch label::after {  content:"";  position:absolute;  top:3px;  left:3px;  width:25px;  height:25px;  border-radius:999px;  background:#fff;  box-shadow:0 3px 8px rgba(0, 0, 0, 0.18);  transition:transform 300ms;}#menu-settings .switch input:checked + label::after {  transform:translateX(31px);}#menu-settings .switch-copy {  display:grid;  gap:6px;  min-width:0;}#menu-settings .switch-label {  color:var(--text-0);  font-size:16px;  font-weight:bold;  line-height:1.2;}#menu-settings .switch-text {  color:var(--text-1);  font-size:13px;  line-height:1.45;}#details {  margin:64px 0 0;  padding-top:14px;  border-top:1px solid rgba(176, 213, 255, 0.1);  display:grid;  gap:0;  color:var(--text-2);}#details .version,#details .release,#details .copyright,#details .rights,#details .links {  font-size:12px;}#details .links {  display:grid;  grid-template-columns:repeat(3, minmax(0, 1fr));  gap:10px;  margin:0;}#details .details-footer {  display:flex;  align-items:flex-start;  justify-content:space-between;  gap:24px;  margin-top:46px;}#details .details-group {  display:grid;  gap:4px;  min-width:0;}#details .details-legal {  text-align:right;  justify-items:end;}#details .button-link {  display:flex;  align-items:center;  justify-content:center;  min-height:44px;  padding:0 16px;  border:1px solid rgba(176, 213, 255, 0.14);  border-radius:14px;  background:rgba(255, 255, 255, 0.04);  font-size:13px;  font-weight:bold;  letter-spacing:0.08em;  text-transform:uppercase;  color:var(--text-0);  transition:border-color 220ms, background 220ms, color 220ms, transform 180ms;}#details .button-link:hover,#details .button-link:active {  border-color:rgba(108, 245, 255, 0.22);  background:rgba(255, 255, 255, 0.08);  color:#d8fcff;  transform:translateY(-1px);}.list.area .info {  padding:18px 20px;  border:1px solid rgba(176, 213, 255, 0.1);  border-radius:18px;  background:rgba(255, 255, 255, 0.04);  color:var(--text-1);}.list.area .info:empty {  display:none;}.list.area .entries.container {  display:grid;  gap:14px;}.list.area .entries.container:empty {  display:none;}.list .headline {  display:flex;  align-items:center;  justify-content:center;  min-height:60px;  padding:18px 22px;  border:1px solid rgba(176, 213, 255, 0.1);  border-radius:18px;  background:    radial-gradient(circle at top, rgba(108, 245, 255, 0.08), transparent 42%),    rgba(255, 255, 255, 0.05);  text-align:center;  font-size:13px;  font-weight:bold;  letter-spacing:0.24em;  text-transform:uppercase;  color:var(--text-1);}.list .entry {  width:100%;  display:grid;  gap:12px;  padding:18px 20px;  margin:0;  border:1px solid rgba(176, 213, 255, 0.1);  border-radius:18px;  background:    radial-gradient(circle at 86% 14%, rgba(108, 245, 255, 0.08), transparent 22%),    rgba(255, 255, 255, 0.04);  overflow:visible;  transition:transform 220ms, border-color 220ms, box-shadow 220ms, background 220ms;  cursor:default;}.list .entry:last-of-type {  margin-bottom:0;}.list .entry.has-replay {  cursor:pointer;}.list .entry:hover,.list .entry:active {  color:var(--text-0);  border-color:rgba(108, 245, 255, 0.22);  background:    radial-gradient(circle at 86% 14%, rgba(108, 245, 255, 0.12), transparent 24%),    rgba(255, 255, 255, 0.07);  box-shadow:    inset 0 1px 0 rgba(190, 248, 255, 0.06),    0 14px 28px rgba(0, 0, 0, 0.18);  transform:translateY(-1px);}.list .entry-main {  display:grid;  grid-template-columns:minmax(64px, auto) max-content minmax(140px, 1fr);  gap:14px;  align-items:end;}.list .entry-main.has-action {  grid-template-columns:minmax(64px, auto) max-content minmax(140px, 1fr) auto;}.list .entry-cell {  display:grid;  gap:5px;  min-width:0;}.list .entry-level {  justify-items:start;  text-align:left;  padding-left:8px;}.list .entry-score {  justify-items:end;  text-align:right;  padding-right:12px;}.list .entry-replay {  align-self:end;  justify-items:end;}.list .entry-label {  font-size:11px;  font-weight:bold;  letter-spacing:0.18em;  text-transform:uppercase;  color:var(--text-2);}.list .entry-value {  min-width:0;  font-size:24px;  font-weight:bold;  line-height:1;  color:var(--text-0);}.list .entry-rank .entry-value {  color:#bfcef2;}.list .entry-level .entry-value {  font-size:24px;}.list .entry-score .entry-value {  font-size:24px;}.list .entry.user {  border-color:rgba(108, 245, 255, 0.42);  background:    radial-gradient(circle at 86% 14%, rgba(108, 245, 255, 0.16), transparent 32%),    rgba(108, 245, 255, 0.06);  box-shadow:    inset 0 1px 0 rgba(190, 248, 255, 0.12),    0 0 0 1px rgba(108, 245, 255, 0.14),    0 14px 28px rgba(0, 0, 0, 0.18),    0 0 18px rgba(108, 245, 255, 0.08);}.list .entry.user .entry-name {  color:#d0fdff;}.list .entry.user .entry-rank .entry-value,.list .entry.user .entry-score .entry-value {  color:#d0fdff;}.list .entry-action {  display:inline-flex;  align-items:center;  justify-content:center;  min-height:28px;  padding:0 12px;  border:1px solid rgba(108, 245, 255, 0.22);  border-radius:999px;  background:rgba(108, 245, 255, 0.08);  font-size:11px;  font-weight:bold;  letter-spacing:0.16em;  text-transform:uppercase;  color:#cdfcff;}.list .entry-action.replay-action::before {  content:"";  width:0;  height:0;  margin-right:8px;  border-top:5px solid transparent;  border-bottom:5px solid transparent;  border-left:8px solid currentColor;  transform:translateX(1px);}#leaderboard .separator {  width:100%;  margin:2px 0;  border-top-color:rgba(255, 255, 255, 0.12);}.trophies.container {  display:grid;  gap:16px;  padding:0;}.trophy {  position:relative;  display:grid;  grid-template-columns:72px minmax(0, 1fr);  gap:10px 16px;  align-items:center;  padding:18px;  margin:0;  border:1px solid rgba(176, 213, 255, 0.1);  border-radius:20px;  background:rgba(255, 255, 255, 0.04);  overflow:visible;  transition:border-color 220ms, box-shadow 220ms, background 220ms, filter 220ms;}.list.area,.list.area *,#menu-settings,#menu-settings *,.trophies.container,.trophies.container *,.trophy,.trophy * {  touch-action:auto;}.platinum.trophy {  padding:20px;}.trophy .icon {  grid-row:1 / span 2;  display:flex;  align-items:center;  justify-content:center;  width:72px;  height:72px;  border:none;  border-radius:20px;  background:linear-gradient(180deg, rgba(68, 86, 138, 0.98), rgba(25, 35, 67, 0.98));  overflow:visible;}.trophy .icon::before {  display:flex;  align-items:center;  justify-content:center;  width:100%;  height:100%;  font-size:40px;  line-height:1;  text-shadow:0 0 16px rgba(0, 0, 0, 0.18);}.trophy .icon::after {  position:absolute;  right:-6px;  bottom:-6px;  display:flex;  align-items:center;  justify-content:center;  width:28px;  height:28px;  border-radius:999px;  box-shadow:0 8px 16px rgba(0, 0, 0, 0.26);  font-family:"Lato";  font-size:15px;  font-weight:bold;  line-height:1;  pointer-events:none;}.bronze.trophy .icon {  color:#d88e5b;}.silver.trophy .icon {  color:#c8d6eb;}.gold.trophy .icon {  color:#ffd166;}.platinum.trophy .icon {  color:#dec6ff;}.trophy .name {  float:none;  width:auto;  margin:0;  font-size:20px;  line-height:1.15;}.trophy .text {  float:none;  width:auto;  margin:0;  line-height:1.45;}.trophy:not(.earned) {  border-color:rgba(176, 213, 255, 0.06);  background:rgba(255, 255, 255, 0.02);  filter:saturate(0.38);}.trophy:not(.earned) .icon {  background:linear-gradient(180deg, rgba(60, 71, 102, 0.9), rgba(28, 36, 58, 0.94));  color:rgba(195, 206, 230, 0.42);}.trophy:not(.earned) .icon::after {  content:"\1F512";  border:1px solid rgba(176, 213, 255, 0.12);  background:linear-gradient(180deg, rgba(58, 70, 104, 0.98), rgba(28, 35, 58, 0.98));  color:rgba(218, 228, 246, 0.82);}.trophy:not(.earned) .name {  color:rgba(220, 230, 247, 0.62);}.trophy:not(.earned) .text {  color:rgba(174, 192, 220, 0.52);}.trophy.earned {  border-color:rgba(176, 213, 255, 0.16);  background:    radial-gradient(circle at top right, rgba(108, 245, 255, 0.12), transparent 28%),    rgba(255, 255, 255, 0.05);  box-shadow:    inset 0 1px 0 rgba(196, 249, 255, 0.08),    0 16px 30px rgba(0, 0, 0, 0.18);}.trophy.earned .name {  text-shadow:0 0 14px rgba(108, 245, 255, 0.08);}.bronze.trophy.earned .icon {  box-shadow:    inset 0 1px 0 rgba(255, 223, 196, 0.12),    0 0 24px rgba(199, 119, 51, 0.12);}.silver.trophy.earned .icon {  box-shadow:    inset 0 1px 0 rgba(238, 247, 255, 0.12),    0 0 24px rgba(177, 207, 255, 0.12);}.gold.trophy.earned .icon {  box-shadow:    inset 0 1px 0 rgba(255, 241, 196, 0.14),    0 0 24px rgba(255, 170, 0, 0.16);}.platinum.trophy.earned .icon {  box-shadow:    inset 0 1px 0 rgba(235, 223, 255, 0.14),    0 0 26px rgba(138, 104, 255, 0.18);}/** CONTROLS **/#game {  min-height:100vh;  background:    radial-gradient(circle at top, rgba(132, 118, 234, 0.16), transparent 32%),    linear-gradient(180deg, rgba(20, 28, 52, 0.98), rgba(24, 34, 60, 1));}#fps-counter {  position:fixed;  top:80px;  left:18px;  z-index:99999;  background:rgba(0, 0, 0, 0.72);  color:#0f0;  font:bold 13px/1 monospace;  padding:4px 7px;  border-radius:4px;  pointer-events:none;  display:none;}.portrait #fps-counter {  top:calc(env(safe-area-inset-top, 0px) + 175px);  left:16px;}#controls {  position:relative;  height:56px;  padding:0 18px;  border-bottom:1px solid rgba(176, 213, 255, 0.12);  box-shadow:0 18px 48px rgba(0, 0, 0, 0.3);  background:linear-gradient(180deg, rgba(13, 21, 42, 0.98), rgba(7, 10, 21, 0.98));  overflow:visible;}.portrait #controls {  --controls-top-safe-area:0px;  height:100vh;  width:100%;  padding:0;  background:transparent;}.ios.portrait #controls {  --controls-top-safe-area:var(--safe-area-top);}.ios.portrait #controls .title {  height:28px;  top:calc(var(--controls-top-safe-area) + 2px);  padding-top:0;  line-height:28px;}.ios.portrait #controls .displays {  top:0;  padding-top:calc(var(--controls-top-safe-area) + 40px);}.playing.ios.portrait #controls .buttons,.replaying.ios.portrait #controls .buttons {  top:calc(var(--controls-top-safe-area) + 104px);}#controls .title {  float:left;  height:40px;  padding:0;  margin:0;  line-height:40px;  color:var(--text-0);  cursor:default;}#controls .displays {  position:absolute;  top:50%;  left:50%;  transform:translate(-50%, -50%);  text-align:center;  color:var(--text-1);  cursor:default;}.playing.portrait #controls .displays {  min-height:0;}.portrait #controls .title {  position:absolute;  display:flex;  align-items:baseline;  gap:4px;  width:max-content;  height:28px;  top:calc(var(--controls-top-safe-area) + 8px);  left:50%;  margin:0;  line-height:28px;  text-align:center;  background:transparent;  transform:translateX(-50%);  z-index:2;}.portrait #controls .displays {  width:100%;  display:flex;  flex-wrap:wrap;  justify-content:center;  align-items:center;  align-content:flex-start;  gap:12px 18px;  box-sizing:border-box;  min-height:calc(100px + var(--controls-top-safe-area));  height:auto;  padding:calc(var(--controls-top-safe-area) + 50px) 12px 74px;  top:0;  left:0;  box-shadow:0 0 12px -2px rgb(0, 0, 0, 50%);  background:linear-gradient(180deg, rgba(13, 21, 42, 0.98), rgba(7, 10, 21, 0.98));  transform:none;}#controls .data {  display:inline-block;  min-height:20px;  margin:0 0 0 5px;  padding:4px 14px;  border-radius:5px;  border:1px solid rgba(176, 213, 255, 0.18);  background:rgba(255, 255, 255, 0.08);  line-height:20px;  color:var(--text-0);  font-weight:bold;}.portrait #controls .display {  margin:0;  display:inline-flex;  align-items:center;  gap:6px;}.portrait #controls .data {  margin-left:0;  padding:5px 10px;  font-size:16px;  line-height:22px;  min-height:22px;  border-radius:6px;}.portrait #controls .label {  font-size:15px;}.portrait #controls .animated.display:not(.active) {  display:none;}.portrait #controls .animated.display.active {  display:inline-flex !important;}.portrait #controls .time.display,.portrait #controls .break.display {  justify-content:flex-start;}.portrait #controls .time .label,.portrait #controls .break .label {  width:52px;  text-align:right;}.portrait #controls .score .label {  width:52px;  text-align:right;}.portrait #controls .break {  position:static;}@media (max-width:425px) {  .portrait #controls .displays {    display:grid;    grid-template-columns:repeat(3, auto);    grid-template-areas:"level time score";    justify-content:center;    align-items:center;    align-content:start;    column-gap:10px;    row-gap:0;    padding-top:calc(var(--controls-top-safe-area) + 56px);    padding-bottom:86px;  }  .portrait #controls .display {    display:flex;    gap:4px;  }  .ios.portrait #controls .displays {    padding-top:calc(var(--controls-top-safe-area) + 46px);  }  .playing.ios.portrait #controls .buttons,  .replaying.ios.portrait #controls .buttons {    top:calc(var(--controls-top-safe-area) + 108px);  }  .portrait #controls .level.display {    grid-area:level;  }  .portrait #controls .time.display,  .portrait #controls .break.display {    grid-area:time;    width:auto;  }  .portrait #controls .time .label,  .portrait #controls .break .label,  .portrait #controls .score .label {    width:auto;  }  .portrait #controls .score.display {    grid-area:score;  }  .portrait #controls .buttons {    top:calc(var(--controls-top-safe-area) + 126px);  }  .playing.portrait #controls .buttons,  .playing.hm.portrait #controls .buttons,  .playing.hxl.portrait #controls .buttons,  .replaying.portrait #controls .buttons {    top:calc(var(--controls-top-safe-area) + 118px);  }}#controls .score.display {  position:relative;}#controls .score .score-shell {  position:relative;  display:inline-flex;  justify-content:center;  min-width:84px;}#controls .score .data {  position:relative;  z-index:2;  transition:transform 180ms ease, filter 180ms ease, box-shadow 180ms ease;}#controls .score .data.score-data-updating {  transform:translateY(-1px) scale(1.035);  filter:brightness(1.06);  box-shadow:    0 0 0 1px rgba(176, 213, 255, 0.24),    0 0 18px rgba(108, 245, 255, 0.14);}#controls .break .data,#controls .level .data {  position:relative;  z-index:2;  transition:transform 180ms ease, filter 180ms ease, box-shadow 180ms ease, border-color 180ms ease;}#controls .break .data.controls-status-pulse-break {  transform:translateY(-1px) scale(1.035);  filter:brightness(1.08);  border-color:rgba(175, 248, 255, 0.4);  box-shadow:    0 0 0 1px rgba(175, 248, 255, 0.22),    0 0 16px rgba(108, 245, 255, 0.16);}#controls .level .data.controls-status-pulse-level {  transform:translateY(-1px) scale(1.035);  filter:brightness(1.08);  border-color:rgba(203, 177, 255, 0.44);  box-shadow:    0 0 0 1px rgba(203, 177, 255, 0.24),    0 0 16px rgba(176, 128, 255, 0.18);}#controls-status-feed {  position:absolute;  inset:0;  z-index:5;  contain:layout style;  pointer-events:none;  overflow:visible;}.controls-status-slot {  position:absolute;  left:50%;  transform:translateX(-50%);  pointer-events:none;  overflow:visible;  z-index:1;}.controls-status-popup {  --score-popup-color:#fff;  --score-popup-glow:rgba(255, 255, 255, 0.52);  --score-popup-glow-strong:rgba(255, 255, 255, 0.34);  --score-popup-glow-wide:rgba(255, 255, 255, 0.18);  color:#fff;}.score-popup.controls-status-popup,.score-popup.controls-status-popup.score-popup-grade3,.score-popup.controls-status-popup.score-popup-major1,.score-popup.controls-status-popup.score-popup-major2 {  --score-popup-color:#fff;  --score-popup-glow:rgba(255, 255, 255, 0.52);  --score-popup-glow-strong:rgba(255, 255, 255, 0.34);  --score-popup-glow-wide:rgba(255, 255, 255, 0.18);  color:#fff;  text-shadow:    0 0 16px rgba(255, 255, 255, 0.52),    0 0 30px rgba(255, 255, 255, 0.34),    0 1px 1px rgba(0, 0, 0, 0.34);}#score-feed {  position:absolute;  top:calc(100% + 6px);  left:50%;  width:max(150px, calc(100% + 52px));  height:74px;  transform:translateX(-50%);  contain:layout style;  pointer-events:none;  overflow:visible;  z-index:5;}#score-feed:empty {  display:block;}#controls .button {  float:left;  width:40px;  height:40px;  border-radius:0;  line-height:40px;  box-shadow:none;  border:1px solid rgba(176, 213, 255, 0.12);  background:linear-gradient(180deg, rgba(45, 62, 105, 0.98), rgba(18, 25, 46, 0.98));  color:#fff;}#controls .button:active,.portrait #controls .button:active {  background:linear-gradient(180deg, rgba(68, 91, 146, 0.98), rgba(25, 36, 67, 0.98));}@media (hover:hover) and (pointer:fine) {  #controls .button:hover,  .portrait #controls .button:hover {    background:linear-gradient(180deg, rgba(68, 91, 146, 0.98), rgba(25, 36, 67, 0.98));  }}#controls .speed,#controls .powerups {  color:var(--accent-0);}.portrait #controls .buttons {  position:absolute;  width:min(calc(100% - 32px), 420px);  display:grid;  grid-template-columns:repeat(3, minmax(0, 1fr));  grid-template-areas:"left center right";  gap:12px;  left:50%;  top:calc(var(--controls-top-safe-area) + 120px);  transform:translate(-50%);}.replaying #controls .buttons {  float:none;  position:absolute;  width:auto;  left:50%;  bottom:45px;  transform:translate(-50%);  display:grid !important;  grid-template-columns:auto auto;  grid-template-areas:"center right";  gap:14px;  justify-self:center;  align-self:center;}.replaying:not(.portrait) #controls .buttons {  position:static;  left:auto;  bottom:auto;  transform:none;  justify-self:end;}.replaying.portrait #controls .buttons {  width:min(calc(100% - 32px), 280px);  grid-template-columns:repeat(2, minmax(0, 1fr));  grid-template-areas:"left right";  gap:12px;  bottom:auto;}.replaying.portrait #controls .buttons .speed {  grid-area:left;}.replaying #controls .buttons .speed {  display:inline-flex !important;  grid-area:center;  width:var(--controls-speed-min-width, 146px);  min-width:var(--controls-speed-min-width, 146px);  padding:0 var(--controls-speed-padding-x, 16px);  gap:var(--controls-speed-gap, 4px);  border:none;  border-radius:12px;  font-size:12px;  font-weight:700;  letter-spacing:0.01em;  text-align:center;  line-height:1;  text-shadow:0 1px 1px rgba(0, 0, 0, 0.16);  color:#fff;  background:    linear-gradient(145deg, rgba(48, 58, 91, 0.98), rgba(28, 34, 56, 0.98) 48%, rgba(17, 21, 38, 0.98) 100%);  box-shadow:    0 0 0 1px rgba(255, 255, 255, 0.14),    inset 0 -12px 18px rgba(0, 0, 0, 0.2),    0 12px 22px rgba(0, 0, 0, 0.26),    0 0 20px rgba(118, 137, 194, 0.16);}.replaying #controls .buttons .speed .speed-label {  flex-shrink:0;  font-size:12px;  font-weight:700;  letter-spacing:0.01em;  text-transform:none;  color:#fff;}.replaying #controls .buttons .speed .speed-value {  display:inline-flex;  flex-shrink:0;  align-items:center;  justify-content:center;  min-height:24px;  min-width:58px;  padding:0 8px;  border-radius:999px;  border:1px solid rgba(157, 226, 255, 0.28);  background:linear-gradient(180deg, rgba(126, 192, 233, 0.34), rgba(64, 142, 205, 0.28) 58%, rgba(31, 86, 149, 0.22));  box-shadow:    inset 0 1px 0 rgba(219, 248, 255, 0.12),    0 8px 16px rgba(0, 0, 0, 0.22),    0 0 10px rgba(108, 245, 255, 0.08);  font-size:11px;  font-weight:700;  letter-spacing:0.04em;  color:#dffbff;}.replaying #controls .buttons .speed:active {  transform:translateY(-1px);  filter:brightness(1.04);  background:    linear-gradient(180deg, rgba(68, 91, 146, 0.98), rgba(25, 36, 67, 0.98));  box-shadow:    0 0 0 1px rgba(255, 255, 255, 0.16),    inset 0 -12px 18px rgba(0, 0, 0, 0.18),    0 14px 24px rgba(0, 0, 0, 0.28),    0 0 22px rgba(118, 137, 194, 0.18);}@media (hover:hover) and (pointer:fine) {  .replaying #controls .buttons .speed:hover {    transform:translateY(-1px);    filter:brightness(1.04);    background:      linear-gradient(180deg, rgba(68, 91, 146, 0.98), rgba(25, 36, 67, 0.98));    box-shadow:      0 0 0 1px rgba(255, 255, 255, 0.16),      inset 0 -12px 18px rgba(0, 0, 0, 0.18),      0 14px 24px rgba(0, 0, 0, 0.28),      0 0 22px rgba(118, 137, 194, 0.18);  }}.replaying #controls .buttons .powerups,.replaying #controls .buttons .control {  display:none !important;}#controls .buttons .button {  position:relative;  float:none;  display:inline-flex;  align-items:center;  justify-content:center;  height:46px;  border:none;  border-radius:12px;  overflow:hidden;  isolation:isolate;  transition:transform 180ms, box-shadow 220ms, filter 180ms;}#controls .buttons .speed {  display:none;}#controls .buttons .powerups,#controls .buttons .control,#controls .buttons .quit {  width:auto;  min-width:114px;  padding:0 20px;  font-size:12px;  font-weight:700;  letter-spacing:0.01em;  text-align:center;  line-height:1;  text-shadow:0 1px 1px rgba(0, 0, 0, 0.16);  color:#fff;}#controls .buttons .powerups,#controls .buttons .speed {  grid-area:left;}#controls .buttons .control {  grid-area:center;  justify-self:center;}#controls .buttons .quit {  grid-area:right;  justify-self:end;}#controls .buttons .powerups {  --button-top:#7d70e8;  --button-bottom:#452f9b;  --button-glow:rgba(125, 98, 216, 0.24);  background:    radial-gradient(circle at top, rgba(158, 140, 255, 0.24), transparent 54%),    radial-gradient(circle at 88% 18%, rgba(108, 245, 255, 0.1), transparent 24%),    linear-gradient(145deg, rgba(125, 112, 232, 0.98), rgba(100, 83, 204, 0.98) 42%, rgba(69, 47, 155, 0.98) 72%, rgba(33, 21, 82, 0.98));  box-shadow:    0 0 0 1px rgba(255, 255, 255, 0.2),    inset 0 -12px 18px rgba(0, 0, 0, 0.22),    0 12px 22px rgba(0, 0, 0, 0.28),    0 0 24px rgba(125, 98, 216, 0.24),    0 0 16px rgba(108, 245, 255, 0.04);}#controls .buttons .control,#controls .buttons .quit {  --button-top:#51608c;  --button-bottom:#1c243f;  --button-glow:rgba(118, 137, 194, 0.12);  background:    linear-gradient(145deg, rgba(48, 58, 91, 0.98), rgba(28, 34, 56, 0.98) 48%, rgba(17, 21, 38, 0.98) 100%);  box-shadow:    0 0 0 1px rgba(255, 255, 255, 0.14),    inset 0 -12px 18px rgba(0, 0, 0, 0.2),    0 12px 22px rgba(0, 0, 0, 0.26),    0 0 20px rgba(118, 137, 194, 0.16);}#controls .buttons .powerups:active {  transform:translateY(-1px);  filter:brightness(1.03);  box-shadow:    0 0 0 1px rgba(255, 255, 255, 0.22),    inset 0 -12px 18px rgba(0, 0, 0, 0.18),    0 14px 24px rgba(0, 0, 0, 0.3),    0 0 28px rgba(137, 110, 228, 0.28),    0 0 16px rgba(108, 245, 255, 0.06);  background:    radial-gradient(circle at top, rgba(174, 158, 255, 0.3), transparent 54%),    radial-gradient(circle at 88% 18%, rgba(108, 245, 255, 0.14), transparent 28%),    linear-gradient(145deg, rgba(137, 124, 240, 0.98), rgba(111, 94, 214, 0.98) 42%, rgba(78, 55, 168, 0.98) 72%, rgba(39, 25, 91, 0.98));}#controls .buttons .control:active,#controls .buttons .quit:active {  transform:translateY(-1px);  filter:brightness(1.04);  box-shadow:    0 0 0 1px rgba(255, 255, 255, 0.16),    inset 0 -12px 18px rgba(0, 0, 0, 0.18),    0 14px 24px rgba(0, 0, 0, 0.28),    0 0 22px rgba(118, 137, 194, 0.18);}@media (hover:hover) and (pointer:fine) {  #controls .buttons .powerups:hover {    transform:translateY(-1px);    filter:brightness(1.03);    box-shadow:      0 0 0 1px rgba(255, 255, 255, 0.22),      inset 0 -12px 18px rgba(0, 0, 0, 0.18),      0 14px 24px rgba(0, 0, 0, 0.3),      0 0 28px rgba(137, 110, 228, 0.28),      0 0 16px rgba(108, 245, 255, 0.06);    background:      radial-gradient(circle at top, rgba(174, 158, 255, 0.3), transparent 54%),      radial-gradient(circle at 88% 18%, rgba(108, 245, 255, 0.14), transparent 28%),      linear-gradient(145deg, rgba(137, 124, 240, 0.98), rgba(111, 94, 214, 0.98) 42%, rgba(78, 55, 168, 0.98) 72%, rgba(39, 25, 91, 0.98));  }  #controls .buttons .control:hover,  #controls .buttons .quit:hover {    transform:translateY(-1px);    filter:brightness(1.04);    box-shadow:      0 0 0 1px rgba(255, 255, 255, 0.16),      inset 0 -12px 18px rgba(0, 0, 0, 0.18),      0 14px 24px rgba(0, 0, 0, 0.28),      0 0 22px rgba(118, 137, 194, 0.18);  }}#controls .inactive.powerups {  color:rgba(255, 255, 255, 0.3);  pointer-events:none;}#controls .buttons .inactive.powerups {  background:    linear-gradient(145deg, rgba(89, 68, 136, 0.78), rgba(47, 30, 82, 0.78));  color:rgba(255, 255, 255, 0.42);  box-shadow:    0 0 0 1px rgba(255, 255, 255, 0.1),    inset 0 -10px 16px rgba(0, 0, 0, 0.2),    0 8px 16px rgba(0, 0, 0, 0.16);}.portrait #controls .buttons .button {  width:100%;  min-width:0;  height:42px;  margin:0;  border-radius:14px;  font-size:13px;  line-height:1;}@media (min-width:865px) {  body:not(.portrait) #controls {    --controls-shell-padding-x:12px;    --controls-shell-gap:12px;    --controls-title-gap:4px;    --controls-title-first-size:24px;    --controls-title-second-size:13px;    --controls-display-gap:10px;    --controls-display-font-size:12px;    --controls-data-font-size:13px;    --controls-data-padding-y:4px;    --controls-data-padding-x:10px;    --controls-level-width:34px;    --controls-time-width:58px;    --controls-score-width:78px;    --controls-button-gap:10px;    --controls-button-min-width:108px;    --controls-button-padding-x:14px;    --controls-button-font-size:11px;    --controls-speed-min-width:140px;    --controls-speed-padding-x:14px;    --controls-speed-gap:12px;    display:grid;    grid-template-columns:auto minmax(0, 1fr) auto;    align-items:center;    gap:var(--controls-shell-gap);    height:72px;    padding:10px var(--controls-shell-padding-x);  }  body.playing.wxl:not(.portrait) #field.stage,  body.playing.wxl:not(.portrait) #board.stage,  body.replaying.wxl:not(.portrait) #board.stage {    margin:15px auto 45px;  }  body:not(.portrait) #controls .title {    float:none;    display:flex;    align-items:baseline;    justify-content:flex-start;    gap:var(--controls-title-gap);    justify-self:start;    height:auto;    margin:0;    line-height:1;    text-align:left;    white-space:nowrap;  }  body:not(.portrait) #controls .title .part {    display:block;  }  body:not(.portrait) #controls .title .first {    font-size:var(--controls-title-first-size);  }  body:not(.portrait) #controls .title .second {    font-size:var(--controls-title-second-size);    letter-spacing:0.02em;  }  body:not(.portrait) #controls .displays {    position:static;    top:auto;    left:auto;    display:flex;    align-items:center;    justify-content:center;    gap:var(--controls-display-gap);    width:max-content;    max-width:100%;    min-width:0;    margin:0 auto;    justify-self:center;    transform:none;  }  body:not(.portrait) #controls .display,  body:not(.portrait) #controls .level,  body:not(.portrait) #controls .break {    position:static;    margin:0;  }  body:not(.portrait) #controls .display {    display:flex;    align-items:center;    gap:8px;    height:auto;    line-height:1;  }  body:not(.portrait) #controls .animated.display:not(.active) {    display:none;  }  body:not(.portrait) #controls .animated.display.active {    display:flex !important;  }  body:not(.portrait) #controls .label {    width:auto;    font-size:var(--controls-display-font-size);  }  body:not(.portrait) #controls .data {    margin-left:0;    padding:var(--controls-data-padding-y) var(--controls-data-padding-x);    font-size:var(--controls-data-font-size);    line-height:1.2;  }  body:not(.portrait) #controls .level .data {    min-width:var(--controls-level-width);  }  body:not(.portrait) #controls .time .data,  body:not(.portrait) #controls .break .data {    min-width:var(--controls-time-width);  }  body:not(.portrait) #controls .score .score-shell {    min-width:var(--controls-score-width);  }  body:not(.portrait) #controls .buttons {    float:none;    position:static;    display:grid;    grid-template-columns:repeat(3, auto);    grid-template-areas:"left center right";    gap:var(--controls-button-gap);    align-items:center;    justify-self:end;    align-self:center;  }  body:not(.portrait) #controls .buttons .powerups,  body:not(.portrait) #controls .buttons .control,  body:not(.portrait) #controls .buttons .quit {    min-width:var(--controls-button-min-width);    padding:0 var(--controls-button-padding-x);    font-size:var(--controls-button-font-size);  }  body.replaying:not(.portrait) #controls .buttons {    position:static;    left:auto;    bottom:auto;    transform:none;    justify-self:end;  }  body.replaying:not(.portrait) #controls .buttons .speed {    min-width:var(--controls-speed-min-width);    padding:0 var(--controls-speed-padding-x);    gap:var(--controls-speed-gap);  }}@media (min-width:1024px) {  body:not(.portrait) #controls {    --controls-shell-padding-x:16px;    --controls-shell-gap:16px;    --controls-title-gap:5px;    --controls-title-first-size:30px;    --controls-title-second-size:15px;    --controls-display-gap:14px;    --controls-display-font-size:14px;    --controls-data-font-size:15px;    --controls-data-padding-x:12px;    --controls-level-width:38px;    --controls-time-width:64px;    --controls-score-width:90px;    --controls-button-gap:12px;    --controls-button-min-width:112px;    --controls-button-padding-x:18px;    --controls-button-font-size:12px;    --controls-speed-min-width:142px;    --controls-speed-padding-x:18px;    --controls-speed-gap:12px;  }}@media (min-width:1200px) {  body:not(.portrait) #controls {    --controls-shell-padding-x:18px;    --controls-shell-gap:20px;    --controls-title-gap:6px;    --controls-title-first-size:34px;    --controls-title-second-size:16px;    --controls-display-gap:18px;    --controls-display-font-size:16px;    --controls-data-font-size:16px;    --controls-data-padding-x:14px;    --controls-level-width:40px;    --controls-time-width:60px;    --controls-score-width:96px;    --controls-button-gap:14px;    --controls-button-min-width:114px;    --controls-button-padding-x:20px;    --controls-button-font-size:12px;    --controls-speed-min-width:146px;    --controls-speed-padding-x:20px;    --controls-speed-gap:12px;  }}/** LANDSCAPE MOBILE OVERRIDES **/@media (orientation:landscape) and (max-width:1023px) {body:not(.portrait) #controls,body.wl #controls,body.wxl #controls {  display:flex !important;  flex-wrap:nowrap;  align-items:center;  gap:12px;  height:auto;  padding:8px 12px;  overflow:visible;}body:not(.portrait) #controls .title,body.wl #controls .title,body.wxl #controls .title {  display:none !important;}body:not(.portrait) #controls .displays,body.wl #controls .displays,body.wxl #controls .displays {  position:static !important;  top:auto !important;  left:auto !important;  transform:none !important;  display:flex !important;  flex-wrap:nowrap;  justify-content:flex-start !important;  justify-self:auto !important;  align-items:center;  gap:12px !important;  width:auto !important;  max-width:none !important;  min-width:0 !important;  margin:0 !important;  height:auto !important;  flex-shrink:0;  text-align:left;}body:not(.portrait) #controls .display,body.wl #controls .display,body.wxl #controls .display {  display:inline-flex !important;  align-items:center;  gap:6px !important;  margin:0 !important;  height:auto !important;  line-height:normal !important;  font-size:inherit !important;}body:not(.portrait) #controls .secondary,body.wl #controls .secondary,body.wxl #controls .secondary {  display:inline-flex !important;}body:not(.portrait) #controls .animated.display:not(.active),body.wl #controls .animated.display:not(.active),body.wxl #controls .animated.display:not(.active) {  display:none !important;}body:not(.portrait) #controls .break,body.wl #controls .break,body.wxl #controls .break {  position:static !important;}body:not(.portrait) #controls .data,body.wl #controls .data,body.wxl #controls .data {  padding:5px 10px;  font-size:16px;  line-height:22px;  min-height:22px;  border-radius:6px;}body:not(.portrait) #controls .score .data,body.wl #controls .score .data,body.wxl #controls .score .data {  min-width:78px;}body:not(.portrait) #controls .label,body.wl #controls .label,body.wxl #controls .label {  font-size:15px;}body:not(.portrait) #controls .buttons,body.wl #controls .buttons,body.wxl #controls .buttons {  float:none !important;  position:static !important;  display:flex !important;  justify-content:flex-end;  justify-self:auto;  flex:1;  gap:10px;}body:not(.portrait) #controls .buttons .button,body.wl #controls .buttons .button,body.wxl #controls .buttons .button {  height:36px;  border-radius:10px;}body:not(.portrait) #controls .buttons .powerups,body:not(.portrait) #controls .buttons .control,body:not(.portrait) #controls .buttons .quit,body.wl #controls .buttons .powerups,body.wl #controls .buttons .control,body.wl #controls .buttons .quit,body.wxl #controls .buttons .powerups,body.wxl #controls .buttons .control,body.wxl #controls .buttons .quit {  min-width:90px;  padding:0 14px;  font-size:11px;}}/** STAGE **/#field.stage,#board.stage {  position:relative;  z-index:2;  contain:layout style;  padding:6px;  border:1px solid rgba(176, 213, 255, 0.12);  border-radius:5px;  box-shadow:0 30px 60px rgba(0, 0, 0, 0.36);  background:    radial-gradient(circle at top, rgba(138, 104, 255, 0.08), transparent 48%),    linear-gradient(180deg, rgba(7, 12, 26, 0.98), rgba(3, 5, 11, 1));  overflow:visible;  --board-rows:8;}#board.stage {  display:flow-root;}#board .announcement {  background:    linear-gradient(90deg, rgba(138, 104, 255, 0.26), rgba(108, 245, 255, 0.18)),    rgba(7, 12, 26, 0.96);  color:var(--text-0);}.stage .square {  z-index:0;  overflow:visible;  contain:layout style;  border-right:1px solid rgba(176, 213, 255, 0.09);  border-bottom:1px solid rgba(176, 213, 255, 0.09);  background:    linear-gradient(160deg, rgba(18, 28, 52, 0.96), rgba(8, 12, 26, 0.98));}.score-popup {  position:absolute;  left:50%;  top:0;  z-index:5;  --score-popup-final-scale:0.57;  transform-origin:50% 0%;  padding:0;  border:none;  background:transparent;  box-shadow:none;  font-size:28px;  font-weight:800;  line-height:1;  letter-spacing:0.01em;  white-space:nowrap;  color:var(--score-popup-color, #aff8ff);  text-shadow:0 0 10px var(--score-popup-glow, rgba(108, 245, 255, 0.42));  transform:translate(-50%, 0);  will-change:transform, opacity;  animation:scorePopupFloat var(--score-popup-duration, 560ms) cubic-bezier(.18,.72,.2,1) forwards;}.score-popup-element.score-popup-grade2 {  font-size:36px;  --score-popup-final-scale:0.4444;}.score-popup-element.score-popup-grade3 {  font-size:46px;  --score-popup-final-scale:0.3478;  text-shadow:    0 0 14px var(--score-popup-glow, rgba(108, 245, 255, 0.42)),    0 1px 1px rgba(0, 0, 0, 0.34);}.score-popup-type-fire {  --score-popup-color:#ff946f;  --score-popup-glow:rgba(255, 92, 58, 0.5);  --score-popup-glow-strong:rgba(255, 92, 58, 0.34);  --score-popup-glow-wide:rgba(255, 92, 58, 0.18);}.score-popup-type-water {  --score-popup-color:#7fd7ff;  --score-popup-glow:rgba(66, 170, 255, 0.52);  --score-popup-glow-strong:rgba(66, 170, 255, 0.34);  --score-popup-glow-wide:rgba(66, 170, 255, 0.18);}.score-popup-type-earth {  --score-popup-color:#9dff7a;  --score-popup-glow:rgba(97, 255, 140, 0.48);  --score-popup-glow-strong:rgba(97, 255, 140, 0.32);  --score-popup-glow-wide:rgba(97, 255, 140, 0.18);}.score-popup-type-air {  --score-popup-color:#ffe36a;  --score-popup-glow:rgba(255, 208, 64, 0.52);  --score-popup-glow-strong:rgba(255, 208, 64, 0.34);  --score-popup-glow-wide:rgba(255, 208, 64, 0.18);}.score-popup-major1 {  font-size:50px;  --score-popup-final-scale:0.32;  --score-popup-color:#b894ff;  --score-popup-glow:rgba(164, 118, 255, 0.5);  --score-popup-glow-strong:rgba(164, 118, 255, 0.34);  --score-popup-glow-wide:rgba(164, 118, 255, 0.18);}.score-popup-major2 {  font-size:60px;  --score-popup-final-scale:0.2667;  --score-popup-color:#c8a5ff;  --score-popup-glow:rgba(176, 128, 255, 0.6);  --score-popup-glow-strong:rgba(176, 128, 255, 0.42);  --score-popup-glow-wide:rgba(176, 128, 255, 0.22);}.score-popup-major3 {  font-size:72px;  --score-popup-final-scale:0.2222;  --score-popup-color:#dcc1ff;  --score-popup-glow:rgba(194, 148, 255, 0.72);  --score-popup-glow-strong:rgba(194, 148, 255, 0.52);  --score-popup-glow-wide:rgba(194, 148, 255, 0.3);  text-shadow:    0 0 16px var(--score-popup-glow, rgba(194, 148, 255, 0.72)),    0 1px 1px rgba(0, 0, 0, 0.34);}.stage .square:before {  content:"";  position:absolute;  inset:0;  z-index:1;  border-radius:var(--mobile-dropzone-radius, 8%);  opacity:0;  pointer-events:none;}.stage .square:after {  content:"";  position:absolute;  inset:6px;  z-index:3;  border-radius:8px;  opacity:0;  pointer-events:none;  transform:scale(0.92);}.stage .square.dropzone {  z-index:3;}.stage .square.dropzone:before {  inset:0;  border-radius:var(--mobile-dropzone-radius, 8%);  opacity:1;  background:radial-gradient(circle, rgba(255, 255, 255, 0.44) 0%, transparent 72%);  box-shadow:    inset 0 0 20px rgba(255, 255, 255, 0.6),    inset 0 0 0 1.5px rgba(255, 255, 255, 0.44);}.stage .square.dropzone:after {  border-radius:12px;  opacity:0;  background:transparent;}.stage .square.dropzone:before,.stage .square.dropzone:after {  will-change:opacity;  transition:opacity 140ms ease, box-shadow 140ms ease, background 140ms ease;}.stage .square.occupied {  z-index:2;}.stage .square.drag-origin {  z-index:6;}.stage .square.effect-square {  z-index:14;  isolation:isolate;}.stage .square.fusion-square {  z-index:16;  isolation:isolate;}.stage .line1 {  border-top:1px solid rgba(176, 213, 255, 0.09);}.stage .row1 {  border-left:1px solid rgba(176, 213, 255, 0.09);}.stage .purged {  background:    radial-gradient(circle at top, rgba(138, 104, 255, 0.06), transparent 48%),    linear-gradient(180deg, rgba(7, 12, 26, 0.98), rgba(3, 5, 11, 1));}.stage .square.purge-afterglow:after {  opacity:1;  inset:-2px;  z-index:5;  border-radius:12px;  background:    radial-gradient(circle at center, rgba(108, 245, 255, 0.56), transparent 52%),    radial-gradient(circle at center, rgba(186, 154, 255, 0.34), transparent 66%),    radial-gradient(circle at center, rgba(255, 255, 255, 0.18), transparent 34%),    linear-gradient(160deg, rgba(116, 158, 255, 0.36), rgba(36, 58, 108, 0.1));  box-shadow:    inset 0 0 0 1px rgba(224, 249, 255, 0.24),    inset 0 0 34px rgba(108, 245, 255, 0.34),    0 0 26px rgba(108, 245, 255, 0.22),    0 0 40px rgba(160, 118, 255, 0.18),    0 0 52px rgba(108, 245, 255, 0.12);  animation:purgeAfterglow 360ms cubic-bezier(.12,.8,.18,1) forwards;}/** ELEMENTS **/.element {  position:relative;  width:100%;  height:100%;  --element-inner-radius:24%;  border-radius:26%;  contain:layout style paint;  will-change:transform;  background:linear-gradient(145deg, var(--element-top), var(--element-bottom));  box-shadow:inset 0 -10px 12px rgba(0, 0, 0, 0.16);  transition:transform 180ms, opacity 220ms;}.element:before {  content:"";  position:absolute;  z-index:1;  width:auto;  height:auto;  inset:8%;  margin:0;  border:1px solid rgba(255, 255, 255, 0.28);  border-radius:var(--element-inner-radius);  background:transparent;  box-shadow:none;}.element:after {  position:absolute;  width:100%;  height:100%;  top:0;  left:0;  z-index:2;  background-color:transparent;  background-size:48% 48%;  opacity:0.92;}.fire.element:after,.water.element:after,.earth.element:after,.air.element:after,.cosmic.element:after,.block.element:after {  background-color:transparent;}.grade1:not(.space).element {  --element-inner-radius:50%;  border-radius:50%;  box-shadow:inset 0 -6px 10px rgba(0, 0, 0, 0.12);}.grade1:not(.space).element:before {  border-width:2px;  border-color:rgba(255, 255, 255, 0.7);  background:transparent;}.grade2:not(.space).element {  --element-inner-radius:30%;  border-radius:30%;  box-shadow:inset 0 -10px 12px rgba(0, 0, 0, 0.18);}.grade2:not(.space).element:before,.cosmic-time.element:before {  border-width:2px;  border-color:rgba(255, 255, 255, 0.8);  border-radius:var(--element-inner-radius);}.grade3:not(.space).element {  --element-inner-radius:10%;  border-radius:10%;  box-shadow:inset 0 -12px 14px rgba(0, 0, 0, 0.24);}.grade3:not(.space).element:before {  border-width:2px;  border-radius:var(--element-inner-radius);  border-color:rgba(255, 255, 255, 0.9);}.grade3:not(.space).element:after {  background-size:60% 60%;  opacity:0.94;}.grade1:not(.space).element:after,.grade2:not(.space).element:after {  background-size:40% 40%;  opacity:0.68;}.grade2:not(.space).element:after {  background-size:50% 50%;  opacity:0.82;}.cosmic-space.element,.cosmic-time.element,.cosmic-void.element {  --element-inner-radius:10%;  border-radius:8%;  box-shadow:inset 0 -12px 14px rgba(0, 0, 0, 0.2);}.cosmic-space.element {  background:    radial-gradient(circle at center, rgba(162, 104, 255, 0.28), transparent 56%),    linear-gradient(145deg, var(--element-top), var(--element-bottom));}.cosmic.element:before {  display:none;}.cosmic.element:after {  background-size:62% 62%;  opacity:0;}.cosmic-space.element:after,.cosmic-time.element:after,.cosmic-void.element:after {  background-color:transparent;}.cosmic-space.element:after {  background-size:76% 76%;  opacity:0.98;}.fire.element {  --element-top:#ffad96;  --element-bottom:#ff4633;  --element-glow:rgba(255, 90, 60, 0.42);}.fire.grade1.element {  --element-top:#ffc8bc;  --element-bottom:#ff5a44;  --element-glow:rgba(255, 96, 66, 0.34);}.fire.grade2.element {  --element-top:#ffa58f;  --element-bottom:#ff3923;  --element-glow:rgba(255, 84, 56, 0.48);}.fire.grade3.element {  --element-top:#ff8163;  --element-bottom:#ad1003;  --element-glow:rgba(255, 72, 38, 0.72);}.water.element {  --element-top:#7fe5ff;  --element-bottom:#255cff;  --element-glow:rgba(66, 170, 255, 0.44);}.water.grade1.element {  --element-top:#9fe7ff;  --element-bottom:#3f7cff;  --element-glow:rgba(97, 212, 255, 0.36);}.water.grade2.element {  --element-top:#69cbff;  --element-bottom:#1749f0;  --element-glow:rgba(52, 121, 255, 0.5);}.water.grade3.element {  --element-top:#25adff;  --element-bottom:#031b9e;  --element-glow:rgba(52, 102, 255, 0.76);}.earth.element {  --element-top:#adfb67;  --element-bottom:#269847;  --element-glow:rgba(97, 255, 140, 0.4);}.earth.grade1.element {  --element-top:#cbff9e;  --element-bottom:#49b55d;  --element-glow:rgba(139, 255, 146, 0.34);}.earth.grade2.element {  --element-top:#a6ff6c;  --element-bottom:#229949;  --element-glow:rgba(86, 255, 134, 0.48);}.earth.grade3.element {  --element-top:#74e92e;  --element-bottom:#0b6928;  --element-glow:rgba(150, 255, 58, 0.72);}.air.element {  --element-top:#ffec6d;  --element-bottom:#ffbb1e;  --element-glow:rgba(255, 190, 38, 0.42);}.air.grade1.element {  --element-top:#fff29c;  --element-bottom:#ffcf4f;  --element-glow:rgba(255, 210, 92, 0.36);}.air.grade2.element {  --element-top:#ffe45d;  --element-bottom:#ffc026;  --element-glow:rgba(255, 186, 32, 0.5);}.air.grade3.element {  --element-top:#ffd028;  --element-bottom:#f4a100;  --element-glow:rgba(255, 186, 14, 0.74);}.cosmic.element {  --element-top:#ab74ff;  --element-bottom:#5d35de;  --element-glow:rgba(150, 106, 255, 0.38);}.cosmic-space.element {  --element-top:#b58aff;  --element-bottom:#7244dc;  --element-glow:rgba(194, 153, 255, 0.44);}.cosmic-time.element {  --element-top:#7243ce;  --element-bottom:#361878;  --element-glow:rgba(144, 99, 234, 0.62);  box-shadow:inset 0 -14px 16px rgba(0, 0, 0, 0.28);}.cosmic-space.element:after {  background-image:url(img/elements/space.png);  background-size:70% 70%;  opacity:0.98;}.cosmic-time.element:after {  background-image:url(img/elements/time.png);  background-size:80% 80%;  opacity:0.98;}.cosmic-void.element {  --element-top:#6838c7;  --element-bottom:#2f136f;  --element-glow:rgba(132, 88, 227, 0.74);  box-shadow:inset 0 -16px 18px rgba(0, 0, 0, 0.36);}.cosmic-void.element:after {  background-image:url(img/elements/void.png);  background-size:90% 90%;  opacity:0.98;}.block.grade1.element {  --element-top:#536684;  --element-bottom:#1d2535;  --element-glow:rgba(124, 170, 255, 0.08);  --element-inner-radius:8%;  border-radius:8%;  background:    radial-gradient(circle at 50% 18%, rgba(196, 226, 255, 0.14), transparent 34%),    linear-gradient(180deg, rgba(74, 90, 118, 0.98), rgba(33, 42, 60, 0.99) 52%, rgba(14, 18, 28, 1));  box-shadow:inset 0 -12px 14px rgba(0, 0, 0, 0.3);}.block.grade1.element:before {  display:none;}.block.grade1.element:after {  background-size:42% 42%;  opacity:0.94;}.appearing.element {  animation:appearPulse 320ms ease-out;}.purging-pop.element {  pointer-events:none;  animation:purgePop 220ms ease-out forwards;}.dragged.element {  will-change:transform;  transform:scale(1.06);  filter:none;  box-shadow:none;}.dragged.element:before {  box-shadow:none;}.dragged.element:after {  filter:none;}body.replaying .element.dragged,body.replaying .board-preview.element {  box-shadow:none !important;  filter:none !important;}body.replaying .element.dragged:before,body.replaying .board-preview.element:before {  box-shadow:none !important;}body.replaying .element.dragged:after,body.replaying .board-preview.element:after {  box-shadow:none !important;  filter:none !important;}body.replaying #board .square.drag-origin > .element.dragged {  opacity:0;}body.replaying #board .board-preview.element {  transform:none;}body.replaying #board .square.dropzone:before,body.replaying #board .square.dropzone:after {  opacity:0 !important;  background:transparent !important;  box-shadow:none !important;}@media (hover:none), (pointer:coarse) {  .stage .square:before,  .stage .square:after {    transition:none !important;  }  .stage .square.dropzone:before,  .stage .square.dropzone:after {    opacity:0;    background:transparent;    box-shadow:none;  }  .stage .square.dropzone:before {    inset:0;    border-radius:var(--mobile-dropzone-radius, 8%);    opacity:1;    background:radial-gradient(circle, rgba(255, 255, 255, 0.18) 0%, transparent 72%);    box-shadow:      inset 0 0 12px rgba(255, 255, 255, 0.28),      inset 0 0 0 1px rgba(255, 255, 255, 0.22);  }  .board-preview.element {    box-shadow:none !important;    filter:none !important;  }  .board-preview.element:before,  .board-preview.element:after {    box-shadow:none !important;    filter:none !important;  }}.board-preview.element {  pointer-events:none;  opacity:0.98;}.drag-preview.element {  transform:none;  box-shadow:none !important;  filter:none !important;}.drag-preview.element:before {  box-shadow:none !important;  filter:none !important;  border-color:rgba(255, 255, 255, 0.28);}.drag-preview.element:after {  box-shadow:none !important;  filter:none !important;}.fusion-target {  position:relative;  z-index:18;  will-change:transform, opacity;  transition:none !important;  box-shadow:    inset 0 1px 0 rgba(255, 255, 255, 0.22),    inset 0 -12px 18px rgba(0, 0, 0, 0.16),    0 0 0 1px rgba(255, 255, 255, 0.16),    0 0 32px var(--element-glow);}.fusion-square {  overflow:visible;}.fusion-burst {  position:absolute;  inset:0;  z-index:19;  pointer-events:none;  border-radius:28%;  border:2px solid rgba(255, 255, 255, 0.54);  background:radial-gradient(circle, var(--fusion-accent, rgba(255, 255, 255, 0.18)) 0, transparent 72%);  animation:fusionBurst 520ms ease-out forwards;}.fusion-burst.space-birth {  border-color:rgba(225, 214, 255, 0.9);  animation:fusionBurstSpace 820ms cubic-bezier(.18,.72,.2,1) forwards;}.fusion-level1 {  --fusion-accent:rgba(108, 245, 255, 0.22);}.fusion-level2 {  --fusion-accent:rgba(255, 157, 94, 0.24);}.fusion-level3 {  --fusion-accent:rgba(161, 118, 255, 0.26);}.fusion-square-level1::after {  background:linear-gradient(160deg, rgba(108, 245, 255, 0.22), rgba(108, 245, 255, 0.04));  animation:fusionSquareOverlay1 280ms ease-out;}.fusion-square-level2::after {  background:linear-gradient(160deg, rgba(255, 157, 94, 0.24), rgba(255, 157, 94, 0.05));  animation:fusionSquareOverlay2 340ms ease-out;}.fusion-square-level3::after {  background:linear-gradient(160deg, rgba(161, 118, 255, 0.26), rgba(161, 118, 255, 0.06));  animation:fusionSquareOverlay3 440ms ease-out;}.fusion-square-space-birth {  transform:translateZ(0);}.fusion-square-space-birth::after {  inset:-6px;  z-index:4;  border-radius:16px;  background:    radial-gradient(circle at center, rgba(181, 124, 255, 0.24), transparent 64%),    linear-gradient(160deg, rgba(181, 124, 255, 0.18), rgba(118, 44, 255, 0.05));  animation:fusionSquareOverlaySpace 760ms ease-out forwards;}.stage.impact-level1 {  animation:fieldRumble1 120ms ease-out;}.stage.impact-level2 {  animation:fieldRumble2 160ms ease-out;}.stage.impact-level3 {  animation:fieldRumble3 220ms ease-out;}.stage.impact-explosion {  animation:fieldRumble2 160ms ease-out;}.stage.impact-space-birth {  animation:fieldRumbleSpace 300ms cubic-bezier(.16,.84,.24,1);}.fusion-target.space-birth {  box-shadow:    inset 0 0 0 1px rgba(255, 255, 255, 0.24),    inset 0 0 18px rgba(181, 124, 255, 0.18),    0 0 18px rgba(118, 44, 255, 0.24);}.fusion-target.absorbing {  animation:fusionAbsorb 480ms cubic-bezier(.16,.78,.2,1);}.fusion-target.space-birth.absorbing {  animation:fusionAbsorbSpace 620ms cubic-bezier(.14,.8,.18,1);}.fusion-source-flash {  transform:translateZ(0);}.fusion-source-flash::after {  background:linear-gradient(160deg, rgba(255, 255, 255, 0.12), rgba(108, 245, 255, 0.05));  animation:fusionSourceOverlay 300ms ease-out;}.space-source-flash {  transform:translateZ(0);}.space-source-flash::after {  background:    radial-gradient(circle at center, rgba(181, 124, 255, 0.18), transparent 68%),    linear-gradient(160deg, rgba(255, 255, 255, 0.12), rgba(181, 124, 255, 0.08));  animation:spaceSourceOverlay 420ms ease-out;}/** KEYFRAMES **/@keyframes appearPulse {  0% {    transform:scale(0.78);    opacity:0.42;  }  60% {    transform:scale(1.04);    opacity:1;  }  100% {    transform:scale(1);    opacity:1;  }}@keyframes purgePop {  0% {    transform:scale(1);    opacity:1;  }  100% {    transform:scale(0.8);    opacity:0;  }}@keyframes purgeAfterglow {  0% {    opacity:1;    transform:scale(0.72);  }  42% {    opacity:0.96;    transform:scale(1.02);  }  100% {    opacity:0;    transform:scale(1.2);  }}@keyframes scorePopupFloat {  0% {    opacity:0.18;    transform:translate(calc(-50% + var(--kf-dx0, 0px)), 10px) scale(var(--kf-sf, 0.94));  }  10% {    opacity:0.72;    transform:translate(calc(-50% + var(--kf-dx1, 0px)), 6px) scale(var(--kf-s1, 0.98));  }  22% {    opacity:1;    transform:translate(calc(-50% + var(--kf-dx2, 0px)), 0) scale(var(--kf-sp, 1.08));  }  82% {    opacity:1;    transform:translate(calc(-50% + var(--kf-dx3, 0px)), var(--kf-ty3, -20px)) scale(var(--kf-fs2, 0.67));  }  92% {    opacity:0.88;    transform:translate(calc(-50% + var(--kf-dx4, 0px)), var(--kf-ty4, -25px)) scale(var(--kf-fs, 0.57));  }  100% {    opacity:0.2;    transform:translate(calc(-50% + var(--kf-dx5, 0px)), var(--kf-ty5, -26px)) scale(var(--kf-fs, 0.57));  }}@keyframes fusionBurst {  from {    transform:scale(0.62);    opacity:0.88;  }  to {    transform:scale(1.75);    opacity:0;  }}@keyframes fusionBurstSpace {  0% {    transform:scale(0.42);    opacity:0.96;  }  55% {    transform:scale(2.05);    opacity:0.82;  }  100% {    transform:scale(2.75);    opacity:0;  }}@keyframes fusionSquareOverlay1 {  0% {    opacity:0;    transform:scale(0.92);  }  45% {    opacity:0.9;    transform:scale(1.02);  }  100% {    opacity:0;    transform:scale(1.08);  }}@keyframes fusionSourceOverlay {  0% {    opacity:0;    transform:scale(0.96);  }  42% {    opacity:0.82;    transform:scale(1);  }  100% {    opacity:0;    transform:scale(1.06);  }}@keyframes fusionAbsorb {  0% {    transform:scale(1);  }  35% {    transform:scale(1.1);  }  68% {    transform:scale(0.96);  }  100% {    transform:scale(1);  }}@keyframes fusionAbsorbSpace {  0% {    transform:scale(1);  }  30% {    transform:scale(1.14);  }  64% {    transform:scale(0.94);  }  100% {    transform:scale(1);  }}@keyframes fusionSquareOverlay2 {  0% {    opacity:0;    transform:scale(0.92);  }  45% {    opacity:0.94;    transform:scale(1.03);  }  100% {    opacity:0;    transform:scale(1.09);  }}@keyframes fusionSquareOverlay3 {  0% {    opacity:0;    transform:scale(0.9);  }  34% {    opacity:0.96;    transform:scale(1.04);  }  100% {    opacity:0;    transform:scale(1.1);  }}@keyframes fusionSquareOverlaySpace {  0% {    opacity:0;    transform:scale(0.88);  }  30% {    opacity:1;    transform:scale(1.03);  }  68% {    opacity:0.72;    transform:scale(1.08);  }  100% {    opacity:0;    transform:scale(1.14);  }}@keyframes spaceSourceOverlay {  0% {    opacity:0;    transform:scale(0.94);  }  40% {    opacity:0.9;    transform:scale(1);  }  100% {    opacity:0;    transform:scale(1.08);  }}@keyframes fieldRumble1 {  0% { transform:translate3d(0, 0, 0); }  25% { transform:translate3d(-1px, 0, 0); }  75% { transform:translate3d(1px, 0, 0); }  100% { transform:translate3d(0, 0, 0); }}@keyframes fieldRumble2 {  0% { transform:translate3d(0, 0, 0); }  20% { transform:translate3d(-2px, 1px, 0); }  40% { transform:translate3d(2px, -1px, 0); }  60% { transform:translate3d(-1px, -1px, 0); }  100% { transform:translate3d(0, 0, 0); }}@keyframes fieldRumble3 {  0% { transform:translate3d(0, 0, 0) scale(1); }  16% { transform:translate3d(-3px, 1px, 0) scale(1.004); }  32% { transform:translate3d(3px, -2px, 0) scale(1.008); }  48% { transform:translate3d(-2px, -1px, 0) scale(1.004); }  64% { transform:translate3d(2px, 1px, 0) scale(1.002); }  100% { transform:translate3d(0, 0, 0) scale(1); }}@keyframes fieldRumbleSpace {  0% { transform:translate3d(0, 0, 0) scale(1); }  14% { transform:translate3d(-4px, 1px, 0) scale(1.006); }  30% { transform:translate3d(4px, -2px, 0) scale(1.01); }  48% { transform:translate3d(-3px, -2px, 0) scale(1.008); }  66% { transform:translate3d(3px, 2px, 0) scale(1.006); }  100% { transform:translate3d(0, 0, 0) scale(1); }}/** RESPONSIVE **/@media (max-width:860px) {  #intro {    --intro-shell-width:calc(100vw - 20px);    --intro-shell-padding:calc(var(--safe-area-top) + var(--safe-area-top-extra)) 20px 28px;  }}@media (min-width:861px) and (min-height:980px) {  #intro.visible:not(.menu-subscreen) {    display:grid !important;    align-content:center;  }}@media (max-width:720px) {  #notification-rail {    left:max(8px, calc(env(safe-area-inset-left) + 8px));    right:max(8px, calc(env(safe-area-inset-right) + 8px));    width:auto;    bottom:max(8px, calc(env(safe-area-inset-bottom) + 8px));  }  #intro {    --launch-panel-gap:38px;    --launch-panel-min-height:300px;    --launch-panel-padding:14px 28px 42px;    --brand-mark-size:70px;    --brand-submark-font-size:22px;    --brand-submark-letter-spacing:0.28em;    --play-button-min-height:78px;    --play-button-font-size:22px;    --area-points-size:44px;  }  #menu-title {    font-size:42px;  }  .menu-subscreen #menu-chrome {    padding-top:18px;  }  #menu-back {    min-width:80px;    padding:0 14px;  }  :is(.record.area, .level.selection.area, .world.selection.area, .list.area, #menu-settings) {    padding:16px;  }  .world.selection.area {    padding:14px 16px 12px;  }  .selection .choice {    padding:14px 16px;  }  .world-name {    font-size:15px;  }  .list .entry {    padding:16px;  }  .list .entry-main {    grid-template-columns:minmax(58px, auto) max-content minmax(110px, 1fr);    gap:12px;  }  .list .entry-main.has-action {    grid-template-columns:minmax(58px, auto) max-content minmax(110px, 1fr);    grid-template-areas:      "rank level score"      "replay replay replay";    align-items:end;    row-gap:14px;  }  .list .entry-main.has-action .entry-rank {    grid-area:rank;  }  .list .entry-main.has-action .entry-level {    grid-area:level;  }  .list .entry-main.has-action .entry-score {    grid-area:score;  }  .list .entry-main.has-action .entry-replay {    grid-area:replay;    justify-items:stretch;    width:100%;  }  .list .entry-main.has-action .entry-replay .entry-action {    width:100%;    min-height:34px;  }  .list .entry-value {    font-size:20px;  }  .list .entry-level .entry-value {    font-size:20px;  }  .list .entry-score .entry-value {    font-size:20px;  }  .trophy {    grid-template-columns:64px minmax(0, 1fr);    padding:16px;  }  .trophy .icon {    width:64px;    height:64px;  }  .trophy .name {    font-size:18px;  }  .trophy .icon::after {    right:-4px;    bottom:-4px;    width:24px;    height:24px;    font-size:13px;  }  #board {    width:280px;  }}@media (max-width:760px) {  .selection .choice {    grid-template-columns:7px 58px minmax(0, 1fr);    column-gap:14px;    row-gap:3px;  }  .world-main {    display:contents;  }  .world-icon {    grid-column:2;    grid-row:1 / span 2;    width:58px;    height:58px;    border-radius:18px;  }  .world-icon:before {    font-size:34px;  }  .world-copy {    grid-column:3;    grid-row:1;    align-self:end;  }  .selection .choice .rating {    grid-column:3;    grid-row:2;    align-self:start;    justify-self:start;    font-size:12px;  }}@media (min-width:721px) and (max-width:1023px) {  #intro {    --launch-panel-gap:44px;    --launch-panel-min-height:312px;    --launch-panel-padding:18px 36px 46px;    --brand-mark-size:82px;    --brand-submark-padding:9px 16px 9px 18px;    --brand-submark-font-size:24px;    --brand-submark-letter-spacing:0.3em;    --play-button-min-height:80px;    --play-button-font-size:24px;    --area-points-size:50px;    --level-buttons-gap:8px;    --level-button-min-height:48px;    --level-button-font-size:17px;  }}@media (min-width:1024px) {  #intro {    --hub-grid-columns:2;  }  #settings {    grid-template-columns:minmax(0, 0.96fr) minmax(0, 1.04fr);    grid-template-areas:      "launch world"      "record world"      "level world"      "nav nav";    align-items:stretch;  }  .launch-panel,  .start-record,  .level.selection.area,  .world.selection.area {    height:100%;  }}@media (min-width:1280px) {  #intro {    --hub-grid-columns:4;    --brand-mark-size:112px;  }}/** TUTORIAL **/#tutorial {  --tutorial-side-column:332px;  --tutorial-stage-gap:18px;  min-height:100vh;  width:min(980px, calc(100vw - 32px));  display:none;  align-content:center;  padding:0;  margin:0 auto;  border:none;  border-radius:0;  background:transparent;  box-shadow:none;}#tutorial.visible {  display:grid !important;}#tutorial .tutorial-panel {  display:grid;  gap:18px;  width:100%;  padding:28px;  border:1px solid rgba(156, 205, 255, 0.14);  border-radius:28px;  background:    radial-gradient(circle at top right, rgba(106, 231, 255, 0.14), transparent 28%),    radial-gradient(circle at left center, rgba(117, 133, 255, 0.1), transparent 30%),    linear-gradient(180deg, rgba(14, 21, 39, 0.975), rgba(7, 12, 24, 0.955));  box-shadow:    0 28px 60px rgba(0, 0, 0, 0.34),    inset 0 1px 0 rgba(255, 255, 255, 0.04);}.tutorial-header {  position:relative;  display:grid;  gap:12px;}.tutorial-meta {  display:flex;  align-items:center;  justify-content:flex-start;  gap:12px;  flex-wrap:wrap;}.tutorial-overline {  font-size:11px;  font-weight:bold;  letter-spacing:0.18em;  text-transform:uppercase;  color:#9fe5eb;}.tutorial-heading {  margin:0;  font:48px "Kdam Thmor Pro";  line-height:0.92;  letter-spacing:-0.02em;  color:var(--text-0);  text-shadow:    0 0 20px rgba(110, 126, 255, 0.18),    0 0 18px rgba(107, 240, 255, 0.08);}.tutorial-next {  position:absolute;  top:50%;  right:0;  transform:translateY(-50%);  display:flex;  align-items:center;  justify-content:center;  min-width:92px;  height:42px;  padding:0 18px;  border:1px solid rgba(182, 216, 255, 0.18);  border-radius:14px;  background:    linear-gradient(180deg, rgba(26, 35, 64, 0.98), rgba(13, 18, 34, 0.98));  box-shadow:    0 12px 24px rgba(0, 0, 0, 0.22),    inset 0 1px 0 rgba(255, 255, 255, 0.08);  font-size:13px;  font-weight:bold;  letter-spacing:0.12em;  text-transform:uppercase;  color:var(--text-1);  cursor:pointer;  transition:opacity 250ms, transform 250ms, background 250ms;}.tutorial-next:hover,.tutorial-next:active {  background:    linear-gradient(180deg, rgba(37, 49, 90, 0.98), rgba(16, 23, 43, 0.98));}#tutorial .tutorial-copy {  position:relative;  overflow-y:auto;  overscroll-behavior:auto;  -webkit-overflow-scrolling:touch;  touch-action:auto;  -webkit-user-select:text;  user-select:text;}#tutorial .tutorial-copy .step {  display:none;  padding-right:8px;  touch-action:auto;}#tutorial .tutorial-copy .step.active {  display:block;  opacity:1 !important;  pointer-events:auto !important;}#tutorial .tutorial-copy .title {  margin:0 0 16px;  border:none;  font-size:31px;  font-weight:bold;  line-height:1.04;  letter-spacing:-0.02em;  text-transform:none;  color:var(--text-0);}#tutorial .tutorial-copy .text {  margin:0;  padding:0;  text-align:left;  font-size:16px;  line-height:1.6;  color:var(--text-1);  -webkit-hyphens:auto;  hyphens:auto;}#tutorial .tutorial-stage {  display:grid;  grid-template-columns:minmax(280px, var(--tutorial-side-column)) minmax(0, 1fr);  align-items:stretch;  gap:var(--tutorial-stage-gap);  padding:24px;  border:1px solid rgba(169, 211, 255, 0.12);  border-radius:24px;  background:    radial-gradient(circle at top left, rgba(123, 111, 255, 0.14), transparent 42%),    linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02));}#tutorial .tutorial-board {  display:grid;  place-items:center;  min-height:300px;}#tutorial .tutorial-stage > * {  min-height:0;}#tutorial .tutorial-board #board {  width:min(300px, 100%);  height:auto;  aspect-ratio:1;  margin:0;  box-shadow:none;}#advice #board {  position:relative;  inset:auto;  width:100%;  height:auto;  aspect-ratio:2;  margin:0;  box-shadow:none;}#advice #board.stage {  display:grid;  grid-template-columns:repeat(8, minmax(0, 1fr));  grid-template-rows:repeat(var(--board-rows, 4), minmax(0, 1fr));  align-content:stretch;}#advice #board.stage .square {  float:none;  width:auto;  height:auto;  min-height:0;}#advice #board .square.drag-origin > .element.dragged {  opacity:0;}#tutorial #board .square.drag-origin > .element.dragged {  opacity:0;}#advice #board .square.destination,#advice #board .square.drag-origin.destination {  background:    linear-gradient(160deg, rgba(18, 28, 52, 0.96), rgba(8, 12, 26, 0.98));}#tutorial #board .square.destination,#tutorial #board .square.drag-origin.destination {  background:    linear-gradient(160deg, rgba(18, 28, 52, 0.96), rgba(8, 12, 26, 0.98));}#tutorial #board .announcement {  display:flex;  align-items:center;  justify-content:center;  text-align:center;}#advice #board .square.destination::before,#advice #board .square.destination::after,#advice #board .square.dropzone::before,#advice #board .square.dropzone::after {  display:none;}#tutorial #board .square.destination::before,#tutorial #board .square.destination::after,#tutorial #board .square.dropzone::before,#tutorial #board .square.dropzone::after {  display:none;}#tutorial .tutorial-copy .texts {  display:grid;  gap:12px;}#pause-layer {  position:absolute;  inset:0;  z-index:7;  --pause-hole-left:0px;  --pause-hole-top:0px;  --pause-hole-right:0px;  --pause-hole-bottom:0px;  cursor:pointer;  display:block !important;  opacity:1 !important;  visibility:hidden;  pointer-events:none;  transition:visibility 0s linear 260ms;}#pause-layer.visible {  visibility:visible;  transition-delay:0s;}#pause-layer.active {}#pause-layer .pause-scrim {  position:absolute;  inset:0;  opacity:0;  background:    radial-gradient(circle at center, rgba(20, 35, 68, 0.2), rgba(3, 8, 18, 0.6));  backdrop-filter:blur(0px);  -webkit-backdrop-filter:blur(0px);  transition:    opacity 260ms ease,    backdrop-filter 260ms ease,    -webkit-backdrop-filter 260ms ease;}#pause-layer .pause-hint {  position:absolute;  left:50%;  top:50%;  z-index:1;  display:inline-flex;  opacity:0;  align-items:center;  justify-content:center;  min-height:34px;  padding:0 14px;  border:1px solid rgba(176, 213, 255, 0.14);  border-radius:999px;  background:rgba(10, 20, 42, 0.3);  box-shadow:    inset 0 1px 0 rgba(255, 255, 255, 0.05),    0 10px 24px rgba(0, 0, 0, 0.18);  backdrop-filter:blur(6px);  transform:translate(-50%, -50%);  font-size:12px;  font-weight:bold;  letter-spacing:0.12em;  text-transform:uppercase;  color:rgba(228, 240, 255, 0.88);  text-align:center;  white-space:nowrap;  pointer-events:none;  transition:opacity 260ms ease;}#pause-layer.active .pause-scrim {  opacity:1;  backdrop-filter:blur(2px);  -webkit-backdrop-filter:blur(2px);}body.manual-pause:not(.pause-overlay-visible) #pause-layer.active .pause-scrim {  -webkit-clip-path:polygon(evenodd,    0 0,    100% 0,    100% 100%,    0 100%,    0 0,    var(--pause-hole-left) var(--pause-hole-top),    var(--pause-hole-left) calc(100% - var(--pause-hole-bottom)),    calc(100% - var(--pause-hole-right)) calc(100% - var(--pause-hole-bottom)),    calc(100% - var(--pause-hole-right)) var(--pause-hole-top),    var(--pause-hole-left) var(--pause-hole-top)  );  clip-path:polygon(evenodd,    0 0,    100% 0,    100% 100%,    0 100%,    0 0,    var(--pause-hole-left) var(--pause-hole-top),    var(--pause-hole-left) calc(100% - var(--pause-hole-bottom)),    calc(100% - var(--pause-hole-right)) calc(100% - var(--pause-hole-bottom)),    calc(100% - var(--pause-hole-right)) var(--pause-hole-top),    var(--pause-hole-left) var(--pause-hole-top)  );}#pause-layer.active .pause-hint {  opacity:1;}#pause-layer .pause-hint.is-hidden {  display:none;}body.manual-pause #pause-layer {  z-index:10;  pointer-events:auto;}body.manual-pause #field.stage {  z-index:8;}@media (max-width:720px) {  #pause-layer .pause-hint {    max-width:calc(100vw - 44px);    min-height:0;    padding:10px 14px;    white-space:normal;    line-height:1.35;  }}/** OVERLAYS **/#overlay,#overlay .overlay {  position:absolute;}#overlay {  z-index:4;  width:100%;  height:100vh;  top:0;  left:0;  background:rgba(3, 7, 18, 0.52);  backdrop-filter:blur(6px);  transition:opacity 300ms;}#overlay .overlay {  top:50%;  left:50%;  transform:translate(-50%, -50%);}body.playing.game-overlay-open #overlay,body.replaying.game-overlay-open #overlay {  background:rgba(3, 7, 18, 0.56);}body.settings-overlay-open #overlay {  background:rgba(2, 5, 14, 0.76);}body.playing.game-overlay-open #pause-layer,body.replaying.game-overlay-open #pause-layer {  opacity:0 !important;  pointer-events:none;}#overlay .panel-dialog {  width:min(760px, calc(100vw - 32px));  max-height:calc(100vh - 36px);  padding:24px;  border:1px solid rgba(176, 213, 255, 0.14);  border-radius:24px;  background:    radial-gradient(circle at 86% 14%, rgba(108, 245, 255, 0.1), transparent 24%),    linear-gradient(180deg, rgba(15, 25, 50, 0.94), rgba(8, 13, 28, 0.92));  color:var(--text-0);  overflow:auto;}#overlay .panel-dialog--advice {  width:min(460px, calc(100vw - 32px));}#overlay .panel-dialog--compact {  width:min(620px, calc(100vw - 32px));}body.playing #overlay .game-panel,body.replaying #overlay .game-panel {  top:92px;  width:min(460px, calc(100vw - 32px));  max-height:calc(100vh - 110px);}body.playing #overlay .game-panel:not(#powerups):not(#message.quit-confirm):not(#message.replay):not(#message.defeat):not(#message.victory),body.replaying #overlay .game-panel:not(#powerups):not(#message.quit-confirm):not(#message.replay):not(#message.defeat):not(#message.victory) {  right:22px;  left:auto;  transform:none;}body.playing #overlay #powerups.game-panel,body.replaying #overlay #powerups.game-panel {  max-height:min(calc(100vh - 100px), calc(100vw - 12px));}body.playing #overlay #message.quit-confirm.game-panel,body.replaying #overlay #message.quit-confirm.game-panel,body.playing #overlay #message.defeat.game-panel,body.replaying #overlay #message.defeat.game-panel,body.playing #overlay #message.victory.game-panel,body.replaying #overlay #message.victory.game-panel,body.playing #overlay #message.replay.game-panel,body.replaying #overlay #message.replay.game-panel {  width:min(420px, calc(100vw - 32px));}body.playing #overlay #message.replay.replay-unavailable.game-panel,body.replaying #overlay #message.replay.replay-unavailable.game-panel {  width:min(360px, calc(100vw - 32px));}body.playing #overlay #powerups.game-panel,body.replaying #overlay #powerups.game-panel,body.playing #overlay #message.quit-confirm.game-panel,body.replaying #overlay #message.quit-confirm.game-panel,body.playing #overlay #message.defeat.game-panel,body.replaying #overlay #message.defeat.game-panel,body.playing #overlay #message.victory.game-panel,body.replaying #overlay #message.victory.game-panel,body.playing #overlay #message.replay.game-panel,body.replaying #overlay #message.replay.game-panel {  top:50%;  bottom:auto;  left:0;  right:0;  margin-left:auto;  margin-right:auto;  transform:translateY(-50%);}body.playing.portrait #overlay .game-panel,body.replaying.portrait #overlay .game-panel {  top:auto;  left:50%;  right:auto;  bottom:max(10px, env(safe-area-inset-bottom));  width:min(520px, calc(100vw - 16px));  max-height:min(76vh, 620px);  transform:translateX(-50%);}body.playing.portrait #overlay #powerups.game-panel,body.replaying.portrait #overlay #powerups.game-panel {  max-height:min(88vh, calc(100vw + 180px));}body.playing.portrait #overlay #powerups.game-panel,body.replaying.portrait #overlay #powerups.game-panel,body.playing.portrait #overlay #message.quit-confirm.game-panel,body.replaying.portrait #overlay #message.quit-confirm.game-panel,body.playing.portrait #overlay #message.defeat.game-panel,body.replaying.portrait #overlay #message.defeat.game-panel,body.playing.portrait #overlay #message.victory.game-panel,body.replaying.portrait #overlay #message.victory.game-panel,body.playing.portrait #overlay #message.replay.game-panel,body.replaying.portrait #overlay #message.replay.game-panel {  top:50%;  left:50%;  right:auto;  bottom:auto;  margin:0;  transform:translate(-50%, -50%);}body.playing.portrait #overlay #message.replay.replay-unavailable.game-panel,body.replaying.portrait #overlay #message.replay.replay-unavailable.game-panel {  width:min(360px, calc(100vw - 16px));}.panel-header {  display:grid;  gap:10px;}.panel-kicker {  font-size:11px;  font-weight:bold;  letter-spacing:0.2em;  text-transform:uppercase;  color:#9feeff;}#overlay .panel-dialog .title {  margin:0;  border:none;  font:56px "Kdam Thmor Pro";  line-height:0.95;  letter-spacing:-0.02em;  text-transform:none;  color:var(--text-0);}.panel-text {  margin:0;  font-size:15px;  line-height:1.5;  color:var(--text-1);}.panel-text.replay-ready-detail {  display:block;}.replay-ready-detail-wrap {  display:grid;  gap:16px;}.replay-ready-intro {  display:block;  padding:10px 0 14px;  font-size:17px;  line-height:1.65;}.replay-ready-summary {  display:grid;  grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) minmax(0, 2fr);  gap:12px;  padding:18px 20px;  border:1px solid rgba(176, 213, 255, 0.12);  border-radius:16px;  background:    radial-gradient(circle at top, rgba(108, 245, 255, 0.08), transparent 48%),    rgba(255, 255, 255, 0.04);  font-weight:800;}.replay-ready-summary-item {  display:grid;  gap:8px;  min-width:0;  text-align:center;}.replay-ready-summary-label {  font-size:11px;  font-weight:bold;  letter-spacing:0.14em;  text-transform:uppercase;  color:var(--text-2);}.replay-ready-summary-value {  min-width:0;  font-size:20px;  font-weight:800;  line-height:1;  color:var(--text-0);  white-space:nowrap;}@media (max-width:560px) {  .replay-ready-summary {    grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) minmax(0, 2fr);    gap:6px;  }  .replay-ready-summary-label {    font-size:10px;    letter-spacing:0.1em;  }  .replay-ready-summary-value {    font-size:16px;  }}.panel-text:empty {  display:none;}#advice {  display:grid;  gap:18px;}#advice .panel-kicker {  color:#c2b5ff;  text-shadow:    0 0 16px rgba(194, 181, 255, 0.18),    0 0 28px rgba(194, 181, 255, 0.08);}#advice .panel-header {  padding-bottom:18px;}#advice .image {  display:block;  width:100%;  padding:0;  border:none;  border-radius:0;  background:none;  overflow:visible;}#advice .advice-copy {  display:grid;  gap:12px;  padding:24px 8px 26px;}#advice .text {  margin:0;  color:var(--text-1);  font-size:17px;  line-height:1.6;}#advice .panel-actions--stacked {  margin-top:4px;  gap:16px;}#advice .resume.panel-action-button {  width:100%;}.panel-actions {  display:flex;  flex-wrap:wrap;  gap:10px;}.panel-actions .button:not(.panel-action-button) {  flex:1 1 150px;  width:auto;  min-height:50px;  margin:0;  padding:0 14px;  border-radius:14px;  font-size:14px;  font-weight:bold;  letter-spacing:0.08em;  text-transform:uppercase;  line-height:1;}#powerups {  --powerup-grid-top:26px;  --powerup-card-min-height:126px;  --powerup-card-padding-y:12px;  --powerup-card-gap:12px;}#powerups .panel-kicker {  color:#c2b5ff;}#powerups .powerup-grid {  display:grid;  grid-template-columns:minmax(0, 1fr);  gap:14px;  margin-top:var(--powerup-grid-top);  grid-auto-rows:min-content;  align-content:start;  align-items:start;}#powerups .powerup {  position:relative;  display:grid;  grid-template-columns:auto minmax(0, 1fr);  align-items:center;  column-gap:var(--powerup-card-gap);  width:auto;  min-height:var(--powerup-card-min-height);  padding:var(--powerup-card-padding-y) 18px;  margin:0;  border:1px solid rgba(118, 214, 255, 0.16);  border-radius:20px;  background:    radial-gradient(circle at 88% 50%, rgba(108, 245, 255, 0.06), transparent 18%),    linear-gradient(90deg, rgba(21, 56, 99, 0.78), rgba(16, 39, 70, 0.86) 42%, rgba(11, 25, 46, 0.92) 100%);  box-shadow:    inset 0 1px 0 rgba(170, 244, 255, 0.05),    inset 0 -12px 18px rgba(0, 0, 0, 0.1),    0 12px 26px rgba(0, 0, 0, 0.16);  transition:transform 180ms, border-color 220ms, box-shadow 220ms, background 220ms;  cursor:pointer;}#powerups .powerup::before {  content:"";  position:absolute;  top:14px;  left:10px;  bottom:14px;  width:7px;  border-radius:999px;  background:    linear-gradient(180deg, rgba(108, 245, 255, 0.16), rgba(76, 166, 255, 0.08));  box-shadow:0 0 14px rgba(108, 245, 255, 0.06);}#powerups .powerup.available:hover,#powerups .powerup.available:active {  transform:translateY(-1px);  border-color:rgba(153, 241, 255, 0.3);  background:    radial-gradient(circle at 88% 50%, rgba(108, 245, 255, 0.12), transparent 22%),    linear-gradient(90deg, rgba(27, 76, 131, 0.84), rgba(19, 49, 88, 0.9) 44%, rgba(12, 28, 51, 0.94) 100%);  box-shadow:    inset 0 1px 0 rgba(180, 246, 255, 0.08),    inset 0 -12px 18px rgba(0, 0, 0, 0.1),    0 14px 28px rgba(0, 0, 0, 0.22),    0 0 24px rgba(108, 245, 255, 0.12);}#powerups .powerup.selected {  transform:translateY(-1px);  border-color:var(--menu-cyan-border-strong);  background:    radial-gradient(circle at 88% 50%, rgba(108, 245, 255, 0.22), transparent 24%),    radial-gradient(circle at 14% 16%, rgba(130, 209, 255, 0.18), transparent 24%),    linear-gradient(90deg, rgba(116, 242, 255, 0.28), rgba(68, 189, 255, 0.2) 28%, rgba(18, 84, 150, 0.94) 42%, rgba(8, 34, 64, 0.96) 100%);  box-shadow:    inset 0 1px 0 rgba(196, 249, 255, 0.12),    inset 0 -12px 18px rgba(0, 0, 0, 0.08),    0 16px 30px rgba(0, 0, 0, 0.24),    0 0 34px rgba(108, 245, 255, 0.22);}#powerups .powerup.selected::before {  background:    linear-gradient(180deg, rgba(158, 250, 255, 0.96), rgba(83, 195, 255, 0.74));  box-shadow:    0 0 18px rgba(108, 245, 255, 0.26),    0 0 28px rgba(76, 166, 255, 0.16);}#powerups .powerup.selected .icon {  border-color:rgba(165, 246, 255, 0.34);  background:    radial-gradient(circle at top, rgba(173, 250, 255, 0.24), transparent 48%),    linear-gradient(180deg, rgba(68, 177, 255, 0.9), rgba(23, 73, 136, 0.96));  box-shadow:    inset 0 1px 0 rgba(225, 253, 255, 0.12),    0 12px 24px rgba(0, 0, 0, 0.22),    0 0 22px rgba(108, 245, 255, 0.16),    0 0 26px rgba(76, 166, 255, 0.14);  color:#f2feff;}#powerups .powerup.unavailable {  cursor:default;  opacity:0.52;  filter:saturate(0.54);}#powerups .powerup.unavailable:hover,#powerups .powerup.unavailable:active {  transform:none;  box-shadow:    inset 0 1px 0 rgba(170, 244, 255, 0.05),    inset 0 -12px 18px rgba(0, 0, 0, 0.1),    0 12px 26px rgba(0, 0, 0, 0.16);}#powerups .powerup-card-top {  position:relative;  display:flex;  align-items:center;  justify-content:flex-start;  width:98px;  padding-left:12px;  margin:0;}#powerups .powerup-card-copy {  display:grid;  align-content:center;  gap:4px;}#powerups .icon {  width:74px;  height:74px;  margin:0;  border:1px solid rgba(128, 221, 255, 0.18);  border-radius:20px;  background:    radial-gradient(circle at top, rgba(108, 245, 255, 0.14), transparent 52%),    linear-gradient(180deg, rgba(34, 86, 150, 0.74), rgba(15, 38, 72, 0.9));  box-shadow:    inset 0 1px 0 rgba(198, 249, 255, 0.08),    0 10px 20px rgba(0, 0, 0, 0.18),    0 0 14px rgba(108, 245, 255, 0.04);  font-size:40px;  line-height:74px;}#powerups .count {  position:absolute;  right:2px;  bottom:-4px;  min-width:28px;  height:28px;  padding:0 7px;  border:none;  border-radius:999px;  box-shadow:    inset 0 1px 0 rgba(218, 248, 255, 0.16),    inset 0 -1px 0 rgba(12, 44, 68, 0.22),    0 8px 14px rgba(0, 0, 0, 0.22),    0 0 12px rgba(108, 245, 255, 0.08);  background:linear-gradient(180deg, rgba(92, 205, 236, 0.98), rgba(36, 108, 150, 0.98));  text-align:center;  display:inline-flex;  align-items:center;  justify-content:center;  font-size:13px;  font-weight:bold;  letter-spacing:0;  line-height:1;  color:#e9fdff;  text-shadow:0 0 10px rgba(108, 245, 255, 0.18);}#powerups .count.is-locked {  padding:0;  font-size:0;}#powerups .count.is-locked::before {  content:"\1F512";  font-family:"Lato";  font-size:13px;  line-height:1;}#powerups .powerup.unavailable .count {  border:none;  background:linear-gradient(180deg, rgba(64, 78, 112, 0.94), rgba(31, 40, 66, 0.96));  box-shadow:    inset 0 1px 0 rgba(208, 220, 246, 0.08),    inset 0 -1px 0 rgba(11, 16, 28, 0.28),    0 8px 14px rgba(0, 0, 0, 0.16);  color:rgba(218, 228, 246, 0.78);  text-shadow:none;}#powerups .subtitle {  margin:0 0 2px;  padding:0;  font-size:22px;  font-weight:bold;  color:var(--text-0);}#powerups .description {  margin:0;  padding:0;  font-size:14px;  line-height:1.45;  color:var(--text-1);}#powerups .powerup-state {  display:none;  grid-column:1 / -1;  min-height:120px;  cursor:default;  padding:16px;}#powerups .powerup-state::before {  display:none;}#powerups .powerup-state .subtitle,#powerups .powerup-state .description {  padding-left:0;}#powerups .state-badge {  display:inline-flex;  align-items:center;  justify-content:center;  min-height:24px;  padding:0 10px;  margin:0 0 10px;  border:1px solid rgba(176, 213, 255, 0.18);  border-radius:999px;  font-size:10px;  font-weight:bold;  letter-spacing:0.18em;  text-transform:uppercase;  color:#d0fbff;}.panel-action-button {  border:none;  display:flex;  align-items:center;  justify-content:center;  width:100%;  min-height:58px;  padding:0 18px;  margin:0;  border-radius:16px;  font-size:18px;  font-weight:bold;  letter-spacing:0;  text-transform:none;  line-height:1;  text-align:center;}.panel-action-button.hideable {  display:none;}.panel-action-button.hideable.visible {  display:flex !important;}.panel-action-button.visible {  display:flex !important;}.panel-action-button.inactive {  opacity:0.55;  pointer-events:none;}.panel-action-button--primary {  background:    radial-gradient(circle at top, rgba(158, 140, 255, 0.24), transparent 54%),    radial-gradient(circle at 88% 18%, rgba(108, 245, 255, 0.1), transparent 24%),    linear-gradient(145deg, rgba(125, 112, 232, 0.98), rgba(100, 83, 204, 0.98) 42%, rgba(69, 47, 155, 0.98) 72%, rgba(33, 21, 82, 0.98));  box-shadow:    0 0 0 1px rgba(255, 255, 255, 0.2),    inset 0 -12px 18px rgba(0, 0, 0, 0.22),    0 12px 22px rgba(0, 0, 0, 0.28),    0 0 24px rgba(125, 98, 216, 0.24),    0 0 16px rgba(108, 245, 255, 0.04);}.panel-action-button--primary:hover,.panel-action-button--primary:active {  background:    radial-gradient(circle at top, rgba(174, 158, 255, 0.3), transparent 54%),    radial-gradient(circle at 88% 18%, rgba(108, 245, 255, 0.14), transparent 28%),    linear-gradient(145deg, rgba(137, 124, 240, 0.98), rgba(111, 94, 214, 0.98) 42%, rgba(78, 55, 168, 0.98) 72%, rgba(39, 25, 91, 0.98));  box-shadow:    0 0 0 1px rgba(255, 255, 255, 0.22),    inset 0 -12px 18px rgba(0, 0, 0, 0.18),    0 14px 24px rgba(0, 0, 0, 0.3),    0 0 28px rgba(137, 110, 228, 0.28),    0 0 16px rgba(108, 245, 255, 0.06);}.panel-action-button--danger {  background:    radial-gradient(circle at top, rgba(255, 146, 166, 0.24), transparent 54%),    radial-gradient(circle at 88% 18%, rgba(255, 188, 128, 0.1), transparent 24%),    linear-gradient(145deg, rgba(198, 78, 98, 0.98), rgba(160, 52, 72, 0.98) 42%, rgba(118, 29, 49, 0.98) 72%, rgba(67, 14, 28, 0.98));  box-shadow:    0 0 0 1px rgba(255, 255, 255, 0.18),    inset 0 -12px 18px rgba(0, 0, 0, 0.22),    0 12px 22px rgba(0, 0, 0, 0.28),    0 0 24px rgba(198, 78, 98, 0.18),    0 0 16px rgba(255, 188, 128, 0.04);}.panel-action-button--danger:hover,.panel-action-button--danger:active {  background:    radial-gradient(circle at top, rgba(255, 164, 181, 0.28), transparent 54%),    radial-gradient(circle at 88% 18%, rgba(255, 205, 144, 0.14), transparent 28%),    linear-gradient(145deg, rgba(214, 90, 111, 0.98), rgba(176, 61, 83, 0.98) 42%, rgba(132, 37, 58, 0.98) 72%, rgba(78, 20, 35, 0.98));  box-shadow:    0 0 0 1px rgba(255, 255, 255, 0.2),    inset 0 -12px 18px rgba(0, 0, 0, 0.18),    0 14px 24px rgba(0, 0, 0, 0.3),    0 0 28px rgba(214, 90, 111, 0.22),    0 0 16px rgba(255, 205, 144, 0.06);}.panel-action-button--secondary {  background:    radial-gradient(circle at top, rgba(130, 162, 255, 0.16), transparent 56%),    radial-gradient(circle at 88% 18%, rgba(108, 245, 255, 0.08), transparent 24%),    linear-gradient(145deg, rgba(67, 95, 153, 0.98), rgba(40, 61, 109, 0.98) 42%, rgba(28, 44, 82, 0.98) 72%, rgba(18, 29, 57, 0.98));  box-shadow:    0 0 0 1px rgba(255, 255, 255, 0.16),    inset 0 -12px 18px rgba(0, 0, 0, 0.2),    0 12px 22px rgba(0, 0, 0, 0.26),    0 0 20px rgba(118, 137, 194, 0.14),    0 0 14px rgba(108, 245, 255, 0.03);}.panel-action-button--secondary:hover,.panel-action-button--secondary:active {  background:    radial-gradient(circle at top, rgba(148, 178, 255, 0.2), transparent 56%),    radial-gradient(circle at 88% 18%, rgba(108, 245, 255, 0.12), transparent 28%),    linear-gradient(145deg, rgba(79, 110, 171, 0.98), rgba(48, 72, 124, 0.98) 42%, rgba(33, 51, 93, 0.98) 72%, rgba(22, 35, 66, 0.98));  box-shadow:    0 0 0 1px rgba(255, 255, 255, 0.18),    inset 0 -12px 18px rgba(0, 0, 0, 0.18),    0 14px 24px rgba(0, 0, 0, 0.28),    0 0 24px rgba(118, 137, 194, 0.18),    0 0 16px rgba(108, 245, 255, 0.05);}.panel-actions--stacked {  display:grid;}#powerups .panel-actions--stacked {  margin-top:20px;  gap:16px;}.panel-action-button--primary.inactive {  opacity:0.45;  pointer-events:none;  background:    linear-gradient(145deg, rgba(76, 82, 112, 0.9), rgba(44, 48, 70, 0.9));}/** FEEDBACK **/#message .result-summary {  display:grid;  gap:8px;  padding:16px;  border:1px solid rgba(176, 213, 255, 0.12);  border-radius:16px;  background:    radial-gradient(circle at top, rgba(108, 245, 255, 0.08), transparent 48%),    rgba(255, 255, 255, 0.04);}#message .score {  padding:0;  font-size:30px;  line-height:1.08;  color:var(--text-0);}#message .score:empty {  display:none;}#message .rating {  padding:0;  font-size:18px;}#message.no-rating .rating,#message.no-score .score {  display:none !important;}#message.no-rating .result-summary {  gap:0;}#message .rating:after {  letter-spacing:0.14em;  color:#ffd970;  text-shadow:0 0 12px rgba(255, 211, 106, 0.22);}#message.victory,#message.defeat {  border-color:rgba(255, 168, 112, 0.24);  box-shadow:    0 20px 40px rgba(0, 0, 0, 0.3),    0 0 24px rgba(255, 168, 112, 0.1);}#message.replay.replay-unavailable {  width:min(360px, calc(100vw - 32px));}#message.victory .panel-kicker,#message.defeat .panel-kicker {  color:#c2b5ff;  text-shadow:    0 0 16px rgba(194, 181, 255, 0.2),    0 0 28px rgba(194, 181, 255, 0.1);}#message.quit-confirm .panel-kicker,#data .panel-kicker {  color:#c2b5ff;}#message.quit-confirm .panel-header,#data .panel-header {  gap:18px;}#message.replay.replay-unavailable .panel-header {  gap:18px;}#message.quit-confirm .panel-text,#data .panel-text {  margin-top:6px;  font-size:17px;  line-height:1.65;}#message.replay.replay-unavailable .panel-text {  margin-top:6px;  font-size:17px;  line-height:1.65;}#message .share-status,#data .data-notice {  margin:0;  padding:12px 14px;  border:1px solid rgba(176, 213, 255, 0.16);  border-radius:14px;  background:rgba(255, 255, 255, 0.035);  font-size:14px;  line-height:1.5;  color:var(--text-1);}#message .share-status {  margin-top:16px;}#data .data-notice {  margin-top:18px;}#message .share-status:empty,#data .data-notice:empty {  display:none;}#message .share-status.info,#data .data-notice.info {  border-color:rgba(132, 227, 255, 0.3);  color:#b4ebff;}#message .share-status.success,#data .data-notice.success {  border-color:rgba(120, 244, 196, 0.32);  color:#b8ffd8;}#message .share-status.warning,#data .data-notice.warning {  border-color:rgba(255, 210, 123, 0.32);  color:#ffdea3;}#message .share-status.error,#data .data-notice.error {  border-color:rgba(255, 150, 166, 0.34);  color:#ffb6c4;}#message.quit-confirm .result-summary {  margin-top:28px;  padding:24px 24px;  gap:12px;}#message.quit-confirm .score {  font-weight:800;}#message.quit-confirm .rating:after,#message.victory .rating:after,#message.defeat .rating:after,#message.replay .rating:after {  color:#cfc3ff;  text-shadow:    0 0 16px rgba(194, 181, 255, 0.26),    0 0 28px rgba(194, 181, 255, 0.16);}#message.quit-confirm .panel-actions--stacked,#data .panel-actions--stacked {  margin-top:28px;  gap:18px;}#message.replay.replay-unavailable .panel-actions--stacked {  margin-top:28px;  gap:18px;}#message.replay .panel-kicker {  color:#c2b5ff;}#message:not(.quit-confirm) .quit.button {  background:    linear-gradient(145deg, rgba(162, 74, 92, 0.98), rgba(112, 34, 56, 0.98));}#message:not(.quit-confirm) .quit.button:hover,#message:not(.quit-confirm) .quit.button:active {  background:    linear-gradient(145deg, rgba(176, 86, 106, 0.98), rgba(124, 42, 64, 0.98));}#message.victory .quit.deploy,#message.defeat .quit.deploy,#message.replay .quit.deploy {  background:    radial-gradient(circle at top, rgba(158, 140, 255, 0.24), transparent 54%),    radial-gradient(circle at 88% 18%, rgba(108, 245, 255, 0.1), transparent 24%),    linear-gradient(145deg, rgba(125, 112, 232, 0.98), rgba(100, 83, 204, 0.98) 42%, rgba(69, 47, 155, 0.98) 72%, rgba(33, 21, 82, 0.98));  box-shadow:    0 0 0 1px rgba(255, 255, 255, 0.2),    inset 0 -12px 18px rgba(0, 0, 0, 0.22),    0 12px 22px rgba(0, 0, 0, 0.28),    0 0 24px rgba(125, 98, 216, 0.24),    0 0 16px rgba(108, 245, 255, 0.04);}#message.victory .quit.deploy:hover,#message.victory .quit.deploy:active,#message.defeat .quit.deploy:hover,#message.defeat .quit.deploy:active,#message.replay .quit.deploy:hover,#message.replay .quit.deploy:active {  background:    radial-gradient(circle at top, rgba(174, 158, 255, 0.3), transparent 54%),    radial-gradient(circle at 88% 18%, rgba(108, 245, 255, 0.14), transparent 28%),    linear-gradient(145deg, rgba(137, 124, 240, 0.98), rgba(111, 94, 214, 0.98) 42%, rgba(78, 55, 168, 0.98) 72%, rgba(39, 25, 91, 0.98));  box-shadow:    0 0 0 1px rgba(255, 255, 255, 0.22),    inset 0 -12px 18px rgba(0, 0, 0, 0.18),    0 14px 24px rgba(0, 0, 0, 0.3),    0 0 28px rgba(137, 110, 228, 0.28),    0 0 16px rgba(108, 245, 255, 0.06);}#message:not(.quit-confirm) .resume.button,#message .share.button:not(.panel-action-button) {  background:    linear-gradient(145deg, rgba(53, 74, 120, 0.98), rgba(23, 37, 70, 0.98));}#message:not(.quit-confirm) .resume.button:hover,#message:not(.quit-confirm) .resume.button:active,#message .share.button:not(.panel-action-button):hover,#message .share.button:not(.panel-action-button):active {  background:    linear-gradient(145deg, rgba(66, 92, 148, 0.98), rgba(30, 49, 91, 0.98));}#message.victory .panel-header,#message.defeat .panel-header,#message.replay .panel-header {  gap:14px;}#message.victory .result-summary,#message.defeat .result-summary,#message.replay .result-summary {  margin-top:30px;  display:grid;  gap:16px;  padding:0;  border:none;  background:transparent;}#message.victory .score,#message.defeat .score,#message.replay .score {  padding:24px;  border:1px solid rgba(176, 213, 255, 0.12);  border-radius:16px;  background:    radial-gradient(circle at top, rgba(108, 245, 255, 0.08), transparent 48%),    rgba(255, 255, 255, 0.04);  font-weight:800;}#message.victory .rating,#message.defeat .rating,#message.replay .rating {  justify-self:center;  margin-top:4px;  font-size:40px;}#message.victory .rating:after,#message.defeat .rating:after,#message.replay .rating:after {  letter-spacing:0.22em;}#message.victory .panel-actions--stacked,#message.defeat .panel-actions--stacked,#message.replay .panel-actions--stacked {  margin-top:28px;  gap:16px;}#message.replay:not(.replay-ready-start) .resume {  display:none !important;}#message.replay.replay-ready-start .panel-actions--stacked .quit {  order:1;  background:    linear-gradient(145deg, rgba(53, 74, 120, 0.98), rgba(23, 37, 70, 0.98));}#message.replay.replay-ready-start .panel-actions--stacked .quit:hover,#message.replay.replay-ready-start .panel-actions--stacked .quit:active {  background:    linear-gradient(145deg, rgba(66, 92, 148, 0.98), rgba(30, 49, 91, 0.98));}#message.replay.replay-ready-start .panel-actions--stacked .resume {  order:2;  background:    radial-gradient(circle at top, rgba(158, 140, 255, 0.24), transparent 54%),    radial-gradient(circle at 88% 18%, rgba(108, 245, 255, 0.1), transparent 24%),    linear-gradient(145deg, rgba(125, 112, 232, 0.98), rgba(100, 83, 204, 0.98) 42%, rgba(69, 47, 155, 0.98) 72%, rgba(33, 21, 82, 0.98));  box-shadow:    0 0 0 1px rgba(255, 255, 255, 0.2),    inset 0 -12px 18px rgba(0, 0, 0, 0.22),    0 12px 22px rgba(0, 0, 0, 0.28),    0 0 24px rgba(125, 98, 216, 0.24),    0 0 16px rgba(108, 245, 255, 0.04);}#message.replay.replay-ready-start .panel-actions--stacked .resume:hover,#message.replay.replay-ready-start .panel-actions--stacked .resume:active {  background:    radial-gradient(circle at top, rgba(174, 158, 255, 0.3), transparent 54%),    radial-gradient(circle at 88% 18%, rgba(108, 245, 255, 0.14), transparent 28%),    linear-gradient(145deg, rgba(137, 124, 240, 0.98), rgba(111, 94, 214, 0.98) 42%, rgba(78, 55, 168, 0.98) 72%, rgba(39, 25, 91, 0.98));  box-shadow:    0 0 0 1px rgba(255, 255, 255, 0.22),    inset 0 -12px 18px rgba(0, 0, 0, 0.18),    0 14px 24px rgba(0, 0, 0, 0.3),    0 0 28px rgba(137, 110, 228, 0.28),    0 0 16px rgba(108, 245, 255, 0.06);}#data .data-summary {  margin-top:28px;  display:grid;  gap:14px;  padding:18px 20px;  border:1px solid rgba(176, 213, 255, 0.12);  border-radius:16px;  background:rgba(255, 255, 255, 0.04);}#data .data-list {  margin:0;  padding:0 0 0 20px;  display:grid;  gap:10px;}#data .data-list li {  margin:0;  padding:0;  color:var(--text-1);  font-size:14px;  line-height:1.55;}#data .info {  margin:0;  padding:0;  text-align:left;  font-size:14px;  line-height:1.55;  color:var(--text-1);}#data .data-delete-note {  margin-top:20px;  padding:18px 20px;  border:1px solid rgba(255, 140, 140, 0.26);  border-radius:16px;  background:rgba(174, 62, 86, 0.12);}#data .data-delete-note .info {  color:#ffe2e8;}#data .data-delete-note .info + .info {  margin-top:12px;}@media (max-width:980px) {  #tutorial .tutorial-stage {    grid-template-columns:minmax(0, 1fr);  }  #tutorial .tutorial-board {    min-height:0;  }  #tutorial .tutorial-board #board {    width:min(300px, 72vw);  }  #overlay .panel-dialog {    width:min(calc(100vw - 18px), 740px);  }}@media (max-width:720px) {  #intro:has(#tutorial.visible) {    min-height:0;    max-height:100vh;    max-height:100dvh;    overflow:hidden;  }  #tutorial {    width:100%;    margin:0;    align-content:start;  }  #tutorial.visible {    display:grid !important;  }  #tutorial .tutorial-panel {    gap:16px;    padding:0;    border:none;    border-radius:0;    background:transparent;    box-shadow:none;  }  .tutorial-heading {    font-size:36px;  }  .tutorial-next {    min-width:84px;    height:40px;    padding:0 16px;  }  #tutorial .tutorial-stage {    padding:16px;    border-radius:16px;  }  #tutorial .tutorial-copy {    height:auto;    max-height:240px;  }  #tutorial .tutorial-copy .step {    padding-right:6px;  }  #tutorial .tutorial-copy .title {    font-size:25px;  }  #tutorial .tutorial-copy .text {    font-size:15px;  }  body.playing #overlay .game-panel,  body.replaying #overlay .game-panel {    top:auto;    left:50%;    right:auto;    bottom:max(8px, env(safe-area-inset-bottom));    width:calc(100vw - 10px);    max-height:min(78vh, 620px);    padding:18px;    border-radius:20px;    transform:translateX(-50%);  }  body.playing #overlay #powerups.game-panel,  body.replaying #overlay #powerups.game-panel {    max-height:min(94vh, calc(100vw + 320px));  }  body.playing #overlay #message.quit-confirm.game-panel,  body.replaying #overlay #message.quit-confirm.game-panel,  body.playing #overlay #message.defeat.game-panel,  body.replaying #overlay #message.defeat.game-panel,  body.playing #overlay #message.victory.game-panel,  body.replaying #overlay #message.victory.game-panel,  body.playing #overlay #message.replay.game-panel,  body.replaying #overlay #message.replay.game-panel {    width:min(420px, calc(100vw - 10px));  }  body.playing #overlay #message.replay.replay-unavailable.game-panel,  body.replaying #overlay #message.replay.replay-unavailable.game-panel {    width:min(360px, calc(100vw - 10px));  }  body.playing #overlay #powerups.game-panel,  body.replaying #overlay #powerups.game-panel,  body.playing #overlay #message.quit-confirm.game-panel,  body.replaying #overlay #message.quit-confirm.game-panel,  body.playing #overlay #message.defeat.game-panel,  body.replaying #overlay #message.defeat.game-panel,  body.playing #overlay #message.victory.game-panel,  body.replaying #overlay #message.victory.game-panel,  body.playing #overlay #message.replay.game-panel,  body.replaying #overlay #message.replay.game-panel {    top:50%;    left:50%;    right:auto;    bottom:auto;    margin:0;    transform:translate(-50%, -50%);  }  body.playing.portrait #overlay #powerups.game-panel,  body.replaying.portrait #overlay #powerups.game-panel {    max-height:min(95vh, calc(100vw + 360px));  }  #overlay .settings-modal,  #overlay .panel-dialog--advice {    width:calc(100vw - 10px);    max-height:calc(100vh - 10px);    padding:18px;    border-radius:20px;  }  #overlay .panel-dialog .title {    font-size:44px;  }  .panel-actions .button {    flex:1 1 100%;  }  #message.quit-confirm .panel-actions--stacked,  #data .panel-actions--stacked {    margin-top:20px;    gap:16px;  }  .panel-action-button {    min-height:60px;    font-size:17px;  }}