.cc-imported-game{--ink: #07100f; --deep: #0b1716; --panel: rgba(10, 25, 23, 0.9); --panel-soft: rgba(13, 35, 31, 0.72); --line: rgba(127, 200, 166, 0.2); --line-strong: rgba(127, 200, 166, 0.42); --moss: #8fd0a6; --mint: #a7f2c5; --gold: #d7ae67; --bone: #f0e5c9; --muted: #87a69a; --red: #ef8b78; color: var(--bone); font-family: "Trebuchet MS", Arial, sans-serif; background: rgb(5, 12, 12);}
.cc-imported-game *{box-sizing: border-box;}
.cc-imported-game{min-width: 320px; scroll-behavior: smooth;}
.cc-imported-game{min-width: 320px; min-height: 100vh; margin: 0px; background: radial-gradient(circle at 16% 5%, rgba(43, 115, 94, 0.22), transparent 24rem), radial-gradient(circle at 86% 28%, rgba(103, 55, 105, 0.16), transparent 28rem), linear-gradient(145deg, rgb(5, 11, 12), rgb(11, 23, 22) 54%, rgb(6, 13, 13));}
.cc-imported-game button, .cc-imported-game input{font: inherit;}
.cc-imported-game button{border: 0px;}
.cc-imported-game :focus-visible{outline: 2px solid var(--mint); outline-offset: 4px;}
.cc-imported-game .skip-link{position: fixed; z-index: 20; top: 0.7rem; left: 0.7rem; padding: 0.55rem 0.85rem; color: var(--ink); background: var(--mint); transform: translateY(-180%);}
.cc-imported-game .skip-link:focus{transform: translateY(0px);}
.cc-imported-game .site-shell{width: min(100% - 2rem, 1180px); margin: 0px auto;}
.cc-imported-game .site-header{display: flex; min-height: 82px; align-items: center; justify-content: space-between; gap: 1rem; border-bottom: 1px solid var(--line);}
.cc-imported-game .brand, .cc-imported-game .return-link, .cc-imported-game .site-footer a{color: inherit; text-decoration: none;}
.cc-imported-game .brand{display: inline-flex; align-items: center; gap: 0.7rem; color: var(--bone); font-size: 0.76rem; font-weight: 800; letter-spacing: 0.17em;}
.cc-imported-game .brand-mark{display: grid; width: 2rem; height: 2rem; place-items: center; border: 1px solid var(--gold); border-radius: 50%; color: var(--gold); font-size: 1.1rem;}
.cc-imported-game .brand-subtitle{display: block; margin-top: 0.2rem; color: var(--muted); font-size: 0.52rem; font-weight: 500; letter-spacing: 0.13em;}
.cc-imported-game .return-link{color: var(--muted); font-size: 0.68rem; letter-spacing: 0.1em; text-transform: uppercase;}
.cc-imported-game .return-link:hover, .cc-imported-game .site-footer a:hover{color: var(--mint);}
.cc-imported-game main{padding: 4.5rem 0px 3.2rem;}
.cc-imported-game .intro-grid{display: grid; grid-template-columns: minmax(0px, 1.25fr) minmax(280px, 0.75fr); align-items: end; gap: 3rem; margin-bottom: 2rem;}
.cc-imported-game .eyebrow, .cc-imported-game .panel-kicker{margin: 0px 0px 0.7rem; color: var(--gold); font-size: 0.61rem; font-weight: 800; letter-spacing: 0.18em; text-transform: uppercase;}
.cc-imported-game h1, .cc-imported-game h2, .cc-imported-game p{margin-top: 0px;}
.cc-imported-game h1, .cc-imported-game h2{font-family: Georgia, "Times New Roman", serif; font-weight: 400;}
.cc-imported-game h1{max-width: 760px; margin-bottom: 1.15rem; color: var(--bone); font-size: clamp(3.8rem, 9vw, 7.2rem); letter-spacing: -0.06em; line-height: 0.82;}
.cc-imported-game h1 em{display: block; color: var(--mint); font-style: normal; text-shadow: rgba(167, 242, 197, 0.15) 0px 0px 32px;}
.cc-imported-game .lede{max-width: 40rem; margin-bottom: 0px; color: rgb(162, 185, 169); font-size: 1rem; line-height: 1.7;}
.cc-imported-game .how-to, .cc-imported-game .keeper-bar, .cc-imported-game .game-card, .cc-imported-game .end-panel, .cc-imported-game .ledger-panel{border: 1px solid var(--line); background: linear-gradient(145deg, rgba(14, 37, 32, 0.82), rgba(6, 17, 17, 0.86)); box-shadow: rgba(0, 0, 0, 0.2) 0px 22px 50px;}
.cc-imported-game .how-to{padding: 1.2rem 1.25rem 1.1rem;}
.cc-imported-game .how-to summary{color: var(--bone); cursor:url('/images/cursors/hover.cur') 11 0,url('/images/cursors/hover.png') 11 0,pointer; font-family: Georgia, "Times New Roman", serif; font-size: 1.35rem; list-style: none;}
.cc-imported-game .how-to summary::-webkit-details-marker{display: none;}
.cc-imported-game .summary-mark{margin-right: 0.45rem; color: var(--gold); font-family: Arial, sans-serif; font-size: 0.9rem;}
.how-to-.cc-imported-game{padding-top: 0.9rem; color: rgb(154, 178, 164); font-size: 0.76rem; line-height: 1.55;}
.how-to-.cc-imported-game p{margin-bottom: 0.7rem;}
.how-to-.cc-imported-game ul{margin: 0px; padding-left: 1.15rem;}
.how-to-.cc-imported-game li + li{margin-top: 0.35rem;}
.how-to-.cc-imported-game strong{color: var(--bone);}
.cc-imported-game .keeper-bar{display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-bottom: 1.1rem; padding: 1rem 1.2rem;}
.cc-imported-game .keeper-field{display: grid; gap: 0.35rem; width: min(100%, 24rem); color: var(--muted); font-size: 0.61rem; font-weight: 800; letter-spacing: 0.13em; text-transform: uppercase;}
.cc-imported-game .keeper-field input{width: 100%; min-height: 2.45rem; border: 1px solid var(--line-strong); border-radius: 0px; padding: 0.55rem 0.7rem; color: var(--bone); background: rgba(1, 8, 8, 0.56); outline: 0px;}
.cc-imported-game .keeper-field input:focus{border-color: var(--mint); box-shadow: rgba(167, 242, 197, 0.12) 0px 0px 0px 2px;}
.cc-imported-game .keeper-controls{display: flex; align-items: center; gap: 1.2rem;}
.cc-imported-game .sound-toggle{display: inline-flex; align-items: center; gap: 0.45rem; color: var(--muted); cursor:url('/images/cursors/hover.cur') 11 0,url('/images/cursors/hover.png') 11 0,pointer; font-size: 0.68rem; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; white-space: nowrap;}
.cc-imported-game .sound-toggle input{position: absolute; width: 1px; height: 1px; opacity: 0;}
.cc-imported-game .toggle-track{display: inline-flex; width: 2.35rem; height: 1.2rem; align-items: center; padding: 0.14rem; border: 1px solid var(--line-strong); border-radius: 2rem; background: rgb(7, 21, 19);}
.cc-imported-game .toggle-track span{display: block; width: 0.75rem; height: 0.75rem; border-radius: 50%; background: rgb(88, 113, 106); transition: transform 160ms, background 160ms;}
.cc-imported-game .sound-toggle input:checked + .toggle-track{border-color: var(--mint); background: rgba(79, 147, 115, 0.28);}
.cc-imported-game .sound-toggle input:checked + .toggle-track span{background: var(--mint); transform: translateX(1.08rem);}
.cc-imported-game .best-note{color: rgb(113, 145, 135); font-size: 0.66rem;}
.cc-imported-game .best-note strong{margin-left: 0.2rem; color: var(--gold); font-family: Georgia, "Times New Roman", serif; font-size: 1rem; font-weight: 400;}
.cc-imported-game .game-card{overflow: hidden; padding: 1.25rem;}
.cc-imported-game .game-heading, .cc-imported-game .puzzle-toolbar{display: flex; align-items: center; justify-content: space-between; gap: 1rem;}
.cc-imported-game .game-heading{padding: 0.25rem 0.25rem 1rem;}
.cc-imported-game .game-heading h2{margin-bottom: 0px; color: var(--bone); font-size: clamp(1.35rem, 3vw, 2rem);}
.cc-imported-game .grove-status{margin: 0px; color: var(--mint); font-size: 0.62rem; font-weight: 800; letter-spacing: 0.14em; text-align: right; text-transform: uppercase;}
.cc-imported-game .hud{display: grid; grid-template-columns: repeat(6, minmax(0px, 1fr)); margin-bottom: 1rem; border: 1px solid var(--line); background: rgba(2, 12, 11, 0.68);}
.cc-imported-game .hud-cell{display: grid; min-height: 4.4rem; align-content: center; gap: 0.25rem; padding: 0.65rem 0.75rem; border-right: 1px solid var(--line);}
.cc-imported-game .hud-cell:last-child{border-right: 0px;}
.cc-imported-game .hud-cell span{color: rgb(113, 145, 135); font-size: 0.55rem; font-weight: 800; letter-spacing: 0.13em; text-transform: uppercase;}
.cc-imported-game .hud-cell strong{overflow: hidden; color: var(--bone); font-family: Georgia, "Times New Roman", serif; font-size: clamp(1.1rem, 2vw, 1.55rem); font-weight: 400; text-overflow: ellipsis; white-space: nowrap;}
.cc-imported-game .hud-time strong{color: var(--mint);}
.cc-imported-game .hud-time small{display: inline; margin-left: 0.15rem; color: rgb(112, 144, 134); font-size: 0.6rem;}
.cc-imported-game .hud-blight strong{color: var(--red);}
.cc-imported-game .grove-stage{position: relative; isolation: isolate; overflow: hidden; width: 100%; min-height: 470px; aspect-ratio: 16 / 9; border: 1px solid rgba(143, 208, 166, 0.38); background: rgb(9, 22, 21); box-shadow: rgba(0, 0, 0, 0.72) 0px 0px 100px inset, rgba(67, 142, 104, 0.12) 0px 0px 28px;}
.cc-imported-game .grove-stage::before, .cc-imported-game .grove-stage::after{position: absolute; z-index: 5; color: rgba(215, 174, 103, 0.62); font-size: 0.53rem; font-weight: 800; letter-spacing: 0.17em; pointer-events: none;}
.cc-imported-game .grove-stage::before{top: 0.7rem; left: 0.8rem; content: "◈  WARD ACTIVE";}
.cc-imported-game .grove-stage[data-phase="idle"]::before{content: "◈  WARD DORMANT";}
.cc-imported-game .grove-stage[data-phase="gameover"]::before{content: "◈  WARD BROKEN";}
.cc-imported-game .grove-stage::after{right: 0.8rem; bottom: 0.7rem; content: "ARCHIVE 10";}
.cc-imported-game .grove-backdrop{position: absolute; z-index: -5; inset: 0px; background-image: linear-gradient(rgba(4, 16, 13, 0.16), rgba(2, 9, 9, 0.72)), url("assets/forest-platform.png"); background-position: center center, center center; background-repeat: no-repeat; background-size: 100% 100%, cover; filter: saturate(0.78) brightness(0.58) contrast(1.15);}
.cc-imported-game .grove-backdrop::after{position: absolute; inset: 0px; content: ""; background: linear-gradient(90deg, rgba(4, 12, 11, 0.74), transparent 21%, transparent 79%, rgba(4, 12, 11, 0.74)), radial-gradient(at 50% 44%, transparent 20%, rgba(1, 8, 8, 0.64) 100%);}
.cc-imported-game .grove-mist{position: absolute; z-index: -2; width: 65%; height: 18%; border-radius: 50%; background: rgba(127, 200, 166, 0.09); filter: blur(19px); pointer-events: none;}
.cc-imported-game .grove-mist-a{bottom: 17%; left: -9%; transform: rotate(-6deg);}
.cc-imported-game .grove-mist-b{right: -11%; bottom: 28%; transform: rotate(8deg);}
.cc-imported-game .grove-glow{position: absolute; z-index: -1; top: 50%; left: 50%; width: min(68%, 530px); aspect-ratio: 1 / 1; border-radius: 50%; background: radial-gradient(circle, rgba(130, 212, 158, 0.15), transparent 68%); transform: translate(-50%, -50%); pointer-events: none;}
.cc-imported-game .falling-leaves{position: absolute; z-index: 0; width: 100%; height: 64px; background-image: url("assets/falling-leaves.png"); background-position: 0px 0px; background-repeat: no-repeat; background-size: 2200% 100%; opacity: 0.28; pointer-events: none;}
.cc-imported-game .falling-leaves-a{top: 16%; animation: 2.8s steps(22) 0s infinite normal none running leaf-cycle;}
.cc-imported-game .falling-leaves-b{top: 53%; opacity: 0.18; transform: scaleX(-1); animation: 3.5s steps(22) -1.4s infinite normal none running leaf-cycle;}
.cc-imported-game .tree-grid{position: absolute; z-index: 3; top: 50%; left: 50%; display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); grid-template-rows: repeat(3, minmax(0px, 1fr)); width: min(70%, 570px); aspect-ratio: 1 / 1; gap: clamp(0.5rem, 1.4vw, 0.9rem); transform: translate(-50%, -50%);}
.cc-imported-game .tree-grid[data-size="4"]{width: min(82%, 610px); grid-template-columns: repeat(4, minmax(0px, 1fr)); grid-template-rows: repeat(4, minmax(0px, 1fr));}
.cc-imported-game .tree-button{position: relative; display: grid; min-width: 0px; min-height: 0px; place-items: center; border: 1px solid rgba(182, 229, 179, 0.4); border-radius: 45% 45% 34% 34%; padding: 0px; color: var(--mint); background: radial-gradient(circle at 50% 70%, rgba(137, 225, 167, 0.21), transparent 53%), rgba(9, 38, 26, 0.7); box-shadow: rgba(157, 242, 188, 0.12) 0px 0px 20px inset, rgba(0, 0, 0, 0.34) 0px 10px 18px; cursor:url('/images/cursors/hover.cur') 11 0,url('/images/cursors/hover.png') 11 0,pointer; touch-action: manipulation; transition: border-color 160ms, background 160ms, box-shadow 160ms, transform 160ms, filter 160ms;}
.cc-imported-game .tree-button::after{position: absolute; right: 13%; bottom: 9%; left: 13%; height: 1px; content: ""; background: linear-gradient(90deg, transparent, currentcolor, transparent); opacity: 0.4;}
.cc-imported-game .tree-button:hover, .cc-imported-game .tree-button:focus-visible{z-index: 4; border-color: var(--mint); background: radial-gradient(circle at 50% 68%, rgba(181, 255, 210, 0.38), transparent 55%), rgba(11, 59, 39, 0.82); box-shadow: rgba(143, 208, 166, 0.34) 0px 0px 28px, rgba(157, 242, 188, 0.16) 0px 0px 20px inset, rgba(0, 0, 0, 0.38) 0px 12px 18px; transform: translateY(-4px);}
.cc-imported-game .tree-button:active{transform: translateY(2px) scale(0.98);}
.cc-imported-game .tree-button[data-state="cursed"]{border-color: rgba(215, 127, 117, 0.55); color: rgb(228, 160, 141); background: radial-gradient(circle at 50% 70%, rgba(172, 53, 64, 0.24), transparent 53%), rgba(42, 16, 25, 0.84); box-shadow: rgba(203, 65, 71, 0.12) 0px 0px 24px inset, rgba(0, 0, 0, 0.38) 0px 10px 20px;}
.cc-imported-game .tree-button[data-state="cursed"]::before{position: absolute; top: 13%; right: 16%; width: 0.42rem; height: 0.42rem; border-radius: 50%; content: ""; background: var(--red); box-shadow: rgba(239, 139, 120, 0.8) 0px 0px 12px;}
.cc-imported-game .tree-button[data-state="cursed"]:hover, .cc-imported-game .tree-button[data-state="cursed"]:focus-visible{border-color: rgb(255, 177, 160); background: radial-gradient(circle at 50% 68%, rgba(218, 82, 84, 0.38), transparent 55%), rgba(67, 19, 29, 0.92); box-shadow: rgba(239, 139, 120, 0.3) 0px 0px 28px, rgba(238, 121, 103, 0.18) 0px 0px 20px inset, rgba(0, 0, 0, 0.38) 0px 12px 18px;}
.cc-imported-game .tree-sprite{display: block; width: 82%; height: 90%; background-image: url("assets/pine-tree-cool.png"); background-position: 0px 0px; background-repeat: no-repeat; background-size: 800% 100%; filter: drop-shadow(rgba(157, 242, 188, 0.23) 0px 0px 8px); image-rendering: pixelated; pointer-events: none; animation: 1.8s steps(8) 0s infinite normal none running tree-sway;}
.cc-imported-game .tree-button[data-state="cursed"] .tree-sprite{filter: grayscale(0.45) sepia(0.34) saturate(1.5) hue-rotate(300deg) drop-shadow(rgba(239, 139, 120, 0.4) 0px 0px 10px);}
.cc-imported-game .tree-button[data-sheet="autumn"] .tree-sprite{background-image: url("assets/pine-tree-autumn.png");}
.cc-imported-game .tree-button[data-sheet="preautumn"] .tree-sprite{background-image: url("assets/pine-tree-preautumn.png");}
.cc-imported-game .tree-button[data-sheet="warm"] .tree-sprite{background-image: url("assets/pine-tree-warm.png");}
.cc-imported-game .stage-caption{position: absolute; z-index: 4; right: 1.2rem; bottom: 1.1rem; left: 1.2rem; display: flex; align-items: center; gap: 0.65rem; color: rgba(215, 174, 103, 0.54); font-size: 0.5rem; font-weight: 800; letter-spacing: 0.22em; pointer-events: none;}
.cc-imported-game .stage-caption i{flex: 1 1 0%; height: 1px; background: linear-gradient(90deg, rgba(215, 174, 103, 0.48), transparent);}
.cc-imported-game .puzzle-toolbar{min-height: 3.2rem; padding: 0.8rem 0.25rem 0.2rem;}
.cc-imported-game .puzzle-toolbar p{margin: 0px; color: rgb(155, 183, 168); font-size: 0.76rem;}
.cc-imported-game .move-note{white-space: nowrap; color: rgb(110, 145, 128) !important;}
.cc-imported-game .move-note strong{margin-left: 0.25rem; color: var(--bone); font-family: Georgia, "Times New Roman", serif; font-size: 1rem; font-weight: 400;}
.cc-imported-game .game-status{min-height: 1.35rem; margin: 0.3rem 0px 0.95rem; color: rgb(170, 199, 180); font-size: 0.78rem; text-align: center;}
.cc-imported-game .game-status.is-good{color: var(--mint);}
.cc-imported-game .game-status.is-bad{color: var(--red);}
.cc-imported-game .primary-button, .cc-imported-game .secondary-button{display: block; min-height: 2.7rem; margin: 0px auto; padding: 0.6rem 1rem; border: 1px solid var(--mint); border-radius: 0px; color: var(--ink); background: var(--mint); box-shadow: rgba(143, 208, 166, 0.12) 0px 0px 24px; cursor:url('/images/cursors/hover.cur') 11 0,url('/images/cursors/hover.png') 11 0,pointer; font-size: 0.67rem; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; transition: background 160ms, border-color 160ms, color 160ms, transform 160ms;}
.cc-imported-game .primary-button:hover, .cc-imported-game .secondary-button:hover{transform: translateY(-2px);}
.cc-imported-game .primary-button:hover{border-color: var(--bone); background: var(--bone);}
.cc-imported-game .primary-button:disabled, .cc-imported-game .secondary-button:disabled{cursor: not-allowed; opacity: 0.45;}
.cc-imported-game .end-panel{display: grid; grid-template-columns: minmax(0px, 1fr) minmax(360px, 1.35fr) auto; align-items: center; gap: 1.5rem; margin-top: 1.15rem; padding: 1.35rem 1.5rem; border-left: 3px solid var(--gold);}
.cc-imported-game .end-copy h2{margin-bottom: 0.4rem; color: var(--bone); font-size: clamp(1.4rem, 3vw, 2rem);}
.cc-imported-game .end-copy p:last-child{max-width: 26rem; margin-bottom: 0px; color: rgb(137, 169, 154); font-size: 0.77rem; line-height: 1.5;}
.cc-imported-game .final-stats{display: grid; grid-template-columns: repeat(4, minmax(64px, 1fr)); gap: 0.45rem;}
.cc-imported-game .final-stats div{display: grid; min-height: 4.2rem; align-content: center; gap: 0.3rem; padding: 0.45rem; border-left: 1px solid var(--line);}
.cc-imported-game .final-stats span{color: rgb(112, 144, 134); font-size: 0.51rem; font-weight: 800; text-transform: uppercase;}
.cc-imported-game .final-stats strong{color: var(--bone); font-family: Georgia, "Times New Roman", serif; font-size: 1.15rem; font-weight: 400;}
.cc-imported-game #finalScore{color: var(--gold);}
.cc-imported-game .secondary-button{border-color: var(--gold); color: var(--gold); background: transparent;}
.cc-imported-game .secondary-button:hover{color: var(--ink); background: var(--gold);}
.cc-imported-game .ledger-panel{margin-top: 1.15rem; padding: 1.35rem 1.5rem;}
.cc-imported-game .ledger-heading{display: flex; align-items: start; justify-content: space-between; gap: 1rem; margin-bottom: 0.8rem;}
.cc-imported-game .ledger-heading h2{margin-bottom: 0px; color: var(--bone); font-size: 1.45rem;}
.cc-imported-game .ledger-mark{color: var(--gold); font-size: 1.55rem;}
.cc-imported-game .ledger-list{display: grid; gap: 0.3rem; margin: 0px; padding: 0px; list-style: none;}
.cc-imported-game .ledger-entry{display: grid; grid-template-columns: 2.35rem minmax(0px, 1fr) auto auto; align-items: center; gap: 0.7rem; min-height: 2.55rem; padding: 0.35rem 0.55rem; border-bottom: 1px solid rgba(127, 200, 166, 0.1); color: rgb(130, 158, 145); font-size: 0.76rem;}
.cc-imported-game .ledger-entry:first-child{border-color: rgba(215, 174, 103, 0.5); background: rgba(215, 174, 103, 0.09);}
.cc-imported-game .ledger-entry:last-child{border-bottom: 0px;}
.cc-imported-game .ledger-rank{color: var(--gold); font-size: 0.67rem; font-weight: 800; letter-spacing: 0.1em;}
.cc-imported-game .ledger-name{overflow: hidden; color: var(--bone); text-overflow: ellipsis; white-space: nowrap;}
.cc-imported-game .ledger-detail{color: rgb(117, 147, 138); font-size: 0.65rem;}
.cc-imported-game .ledger-score{color: var(--mint); font-family: Georgia, "Times New Roman", serif; font-size: 1rem;}
.cc-imported-game .ledger-empty{padding: 0.55rem 0px; color: rgb(102, 133, 123); font-size: 0.78rem;}
.cc-imported-game .site-footer{display: flex; justify-content: space-between; gap: 1rem; padding: 1.35rem 0px 1.8rem; border-top: 1px solid var(--line); color: rgb(102, 133, 123); font-size: 0.7rem;}
.cc-imported-game .site-footer nav{display: flex; flex-wrap: wrap; justify-content: end; gap: 1rem;}
.cc-imported-game [hidden]{display: none !important;}
@keyframes leaf-cycle {0% { background-position: 0px 0px; }
100% { background-position: 100% 0px; }}
@keyframes tree-sway {0% { background-position: 0px 0px; }
100% { background-position: 100% 0px; }}
@media (max-width: 980px) {.cc-imported-game .intro-grid{grid-template-columns: 1fr; gap: 1.5rem;}
.cc-imported-game .how-to{max-width: 44rem;}
.cc-imported-game .end-panel{grid-template-columns: 1fr 1.4fr;}
.cc-imported-game .end-panel .secondary-button{grid-column: 1 / -1;}}
@media (max-width: 700px) {.cc-imported-game .site-shell{width: min(100% - 1rem, 1180px);}
.cc-imported-game .site-header{min-height: 70px;}
.cc-imported-game .brand-subtitle{display: none;}
.cc-imported-game main{padding-top: 3rem;}
.cc-imported-game h1{font-size: clamp(3.4rem, 17vw, 5.3rem);}
.cc-imported-game .keeper-bar{align-items: start; flex-direction: column; gap: 1rem;}
.cc-imported-game .keeper-field, .cc-imported-game .keeper-field input{width: 100%;}
.cc-imported-game .keeper-controls{justify-content: space-between; width: 100%;}
.cc-imported-game .hud{grid-template-columns: repeat(3, 1fr);}
.cc-imported-game .hud-cell:nth-child(3n){border-right: 0px;}
.cc-imported-game .hud-cell:nth-child(-n+3){border-bottom: 1px solid var(--line);}
.cc-imported-game .grove-stage{min-height: 385px; aspect-ratio: 1 / 1;}
.cc-imported-game .tree-grid{width: min(82%, 430px);}
.cc-imported-game .tree-grid[data-size="4"]{width: min(90%, 460px);}
.cc-imported-game .end-panel{grid-template-columns: 1fr;}
.cc-imported-game .end-panel .secondary-button{grid-column: auto;}
.cc-imported-game .final-stats{grid-template-columns: repeat(2, 1fr);}
.cc-imported-game .site-footer{flex-direction: column;}
.cc-imported-game .site-footer nav{justify-content: start;}}
@media (max-width: 430px) {.cc-imported-game .game-card{padding-right: 0.65rem; padding-left: 0.65rem;}
.cc-imported-game .game-heading{align-items: start; flex-direction: column; gap: 0.45rem;}
.cc-imported-game .grove-status{text-align: left;}
.cc-imported-game .grove-stage{min-height: 325px;}
.cc-imported-game .tree-grid{width: 88%; gap: 0.4rem;}
.cc-imported-game .tree-grid[data-size="4"]{width: 94%;}
.cc-imported-game .tree-button{border-radius: 42% 42% 30% 30%;}
.cc-imported-game .puzzle-toolbar{align-items: start; flex-direction: column; gap: 0.35rem;}
.cc-imported-game .ledger-panel, .cc-imported-game .end-panel{padding-right: 0.8rem; padding-left: 0.8rem;}
.cc-imported-game .ledger-entry{grid-template-columns: 1.8rem minmax(0px, 1fr) auto;}
.cc-imported-game .ledger-detail{display: none;}}
@media (prefers-reduced-motion: reduce) {.cc-imported-game *, .cc-imported-game ::before, .cc-imported-game ::after{scroll-behavior: auto !important; animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important;}}