.tg-game{--tg-accent:#b4e5da;--tg-line:#2b4147}.tg-game .eyebrow{color:#8fb9b3}.tg-game h1>span{color:#93d3c5}.tg-layout{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:22px;align-items:start}.tg-play{border:1px solid var(--tg-line);border-radius:20px;overflow:hidden;background:#111b24}.tg-board-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:22px 25px;background:linear-gradient(110deg,#1c3038,#15242c)}.tg-board-heading h2{font-family:'Space Grotesk',sans-serif;font-size:23px;margin:7px 0 4px}.tg-board-heading p{font-size:13px;color:#94aeb3}.tg-badge{font-size:9px;letter-spacing:1.4px;color:#b1c7c8;border:1px solid #435a61;border-radius:20px;padding:7px 10px;white-space:nowrap}.tg-stage-wrap{position:relative;background:radial-gradient(ellipse at 50% 45%,#243b43 0%,#14252e 58%,#101c25 100%)}.tg-stage-label{display:flex;align-items:center;justify-content:space-between;padding:14px 24px 0;color:#93aead;font-size:10px;letter-spacing:1.4px}.tg-stage-label b{color:#d3e6bc;font-size:20px;vertical-align:middle}.tg-stage-label label{display:flex;gap:6px;align-items:center;font-size:11px;letter-spacing:0}.tg-stage-label input{accent-color:#9cd7c7}.tangram-board{width:100%;height:390px;display:block;touch-action:none;outline-offset:-6px!important;cursor:crosshair}.tg-target{fill:#2d444a;stroke:#2d444a;stroke-width:.014;pointer-events:none}.tg-boundary{fill:none;stroke:#d6e8b9;stroke-width:.045;stroke-dasharray:.13 .11;stroke-linecap:round;pointer-events:none}.tg-piece{cursor:grab;filter:url(#tg-shadow)}.tg-piece>path{stroke:#f4f7ed;stroke-width:.022;stroke-opacity:.7;stroke-linejoin:round}.tg-piece.selected>path{stroke:#fff;stroke-width:.045}.tg-piece.selected{filter:url(#tg-shadow) brightness(1.12)}.tg-candidate.invalid>.tg-piece>path{stroke:#ff777c;stroke-width:.055}.tg-reference{fill:#7adcec;fill-opacity:.25;stroke:#a4efff;stroke-width:.04;stroke-dasharray:.13 .07;pointer-events:none}.tangram-board.dragging,.tangram-board.dragging .tg-piece{cursor:grabbing}.tangram-board.complete .tg-boundary{stroke:#f4e4af;stroke-dasharray:none}.tg-scene-caption{padding:0 10px 15px;text-align:center;color:#607e89;letter-spacing:2.3px;font-size:8px;pointer-events:none}.tg-tray-section{padding:18px 22px;border-top:1px solid #2b4147;background:#111e27}.tg-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.tg-section-heading h2{font-size:14px;display:flex;align-items:center;gap:8px}.tg-section-heading>span{font-size:11px;color:#7f9ba3}.tg-tray{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.tg-tray button{position:relative;min-width:0;padding:6px 4px;border:1px solid #314550;background:linear-gradient(145deg,#213440,#172732);border-radius:10px;height:72px}.tg-tray button:hover{border-color:var(--piece);background:#29414c}.tg-tray button[aria-pressed=true]{border-color:var(--piece);box-shadow:0 0 0 1px var(--piece),0 0 18px #a1d6c514}.tg-tray svg{width:100%;height:43px;display:block;filter:drop-shadow(0 2px 2px #0006)}.tg-tray span{display:block;font-size:10px;color:#b0c3cd}.tg-tray button.placed svg{opacity:.28}.tg-manipulation{padding:18px 22px;border-top:1px solid #263a44}.tg-selected-heading{display:flex;justify-content:space-between;gap:12px;font-size:13px;font-weight:600;margin-bottom:13px}.tg-selected-heading>span:last-child{font-size:11px;font-weight:400;color:#92a6b6}.tg-adjust{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.tg-turns,.tg-nudges{display:flex;gap:7px}.tg-turns .button{padding:8px 12px;font-size:18px;background:#20313e;border-color:#3b505d}.tg-turns .button>span,.tg-turns #tg-flip{font-size:12px}.tg-nudges button{width:37px;height:40px;border:1px solid #3a4e5c;border-radius:8px;background:#1c2e3a;font-size:20px}.tg-nudges button:hover{background:#2d4553}.tg-verdict{color:#9eb5bb;font-size:12px;line-height:1.65;min-height:40px;padding:11px 0 4px}.tg-verdict.invalid{color:#f4aaa8}.tg-place-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tg-primary.button{background:#b7e5d6;color:#173e3c;border-color:#b7e5d6}.tg-primary.button:hover:not(:disabled){background:#d6f7e9}.tg-place-actions .quiet-button{font-size:11px}.tg-place-actions .button{font-size:13px}.tg-place-actions .button>span{opacity:.65}.tg-toolbar{display:flex;gap:8px;padding:17px 22px;border-top:1px solid #283c46}.tg-toolbar .quiet-button{margin-left:auto;font-size:12px}.tg-hints{padding:20px 22px;border-top:1px solid #283c46;background:#17272e}.tg-hints p{font-size:12px;line-height:1.8;color:#9db4bc}.tg-hints .tg-section-heading{margin-bottom:7px}.tg-hints .button{font-size:12px;white-space:nowrap}.tg-hints #tg-apply{margin-top:12px}.tg-side{display:grid;gap:18px}.tg-panel{padding:20px;border:1px solid #2c3e49;background:#111c26;border-radius:17px}.tg-intro{background:linear-gradient(140deg,#213339,#111d27)}.tg-intro h2{font-family:'Space Grotesk',sans-serif;font-weight:400;font-size:25px;line-height:1.4;margin:14px 0}.tg-intro p{font-size:12px;color:#a1b4bd;line-height:1.8}.tg-legend{display:grid;gap:10px;margin:21px 0;font-size:11px;color:#adc0c5}.tg-legend>span{display:flex;align-items:center;gap:10px}.tg-legend b{width:20px;height:14px;border-radius:3px;display:inline-block}.target-swatch{border:1px dashed #d6e8b9;background:#b9cfac1a}.piece-swatch{background:#ff826f}.invalid-swatch{background:repeating-linear-gradient(45deg,#f8949466 0 3px,#492831 3px 6px);border:1px solid #eb8b92}.tg-intro p.tg-key-copy{padding-top:16px;border-top:1px solid #31444d;font-size:11px;color:#7e9ba7}.tg-levels{display:grid;gap:5px}.tg-levels button{display:grid;grid-template-columns:21px 33px 1fr 12px;align-items:center;gap:9px;text-align:left;padding:10px 6px;background:transparent;border:1px solid transparent;border-radius:9px;color:#869da8}.tg-levels button:hover{background:#20323c;border-color:#3b505b}.tg-levels button[aria-pressed=true]{background:#253d43;border-color:#50756f;color:#c4e7d8}.tg-level-number{font-family:'Space Grotesk',sans-serif;font-size:11px;color:#74919a}.tg-levels svg{width:30px;height:28px}.tg-levels strong{font-size:11px;font-weight:500;color:#bdcbd4}.tg-level-check{opacity:0;color:#a8e1c5;font-size:11px}.tg-levels .completed .tg-level-check{opacity:1}.tg-win{display:flex;align-items:center;gap:15px;padding:19px 22px;background:linear-gradient(110deg,#305c51,#233b3f);border-top:1px solid #699788}.tg-win[hidden]{display:none}.tg-win-icon{font-size:34px;color:#efe0a2}.tg-win strong{font-family:'Space Grotesk',sans-serif;font-size:19px;font-weight:500;color:#e6f3df}.tg-win p{font-size:11px;color:#acd1c1;margin-top:5px}.tg-win .button{margin-left:auto;white-space:nowrap;font-size:12px}.tg-game .bottom-note{line-height:1.8}.tg-card .card-symbol{background:linear-gradient(135deg,#355649,#203d4b);color:#bae0ca}.tg-card{background:radial-gradient(ellipse at top right,#274a413d,transparent 65%),#101925}
@media(min-width:1500px){.tangram-board{height:440px}.tg-layout{grid-template-columns:minmax(0,1fr) 310px}}
@media(max-width:1150px){.tg-layout{grid-template-columns:minmax(0,1fr) 240px;gap:16px}.tg-panel{padding:15px}.tg-adjust{gap:10px}.tg-win{flex-wrap:wrap}.tg-win .button{flex-basis:100%;margin:0}.tg-levels button{gap:5px;grid-template-columns:18px 25px 1fr 10px}.tg-levels svg{width:24px}.tg-tray{gap:5px}.tg-tray button{height:65px}.tg-tray-section,.tg-manipulation{padding:16px}}
@media(max-width:820px){.tg-layout{grid-template-columns:1fr}.tg-side{grid-template-columns:1fr}.tg-intro{display:none}.tg-levels{grid-template-columns:1fr 1fr;gap:6px}.tg-levels button{grid-template-columns:20px 30px 1fr 10px}.tg-levels svg{width:28px}.tangram-board{height:380px}.tg-board-heading{padding:18px}.tg-tray-section,.tg-manipulation,.tg-hints,.tg-toolbar{padding:16px}.tg-stage-label{padding:12px 16px 0}.tg-tray button{height:66px}.tg-win .button{flex-basis:auto;margin-left:auto}}
@media(max-width:480px){.tg-board-heading{gap:8px}.tg-board-heading h2{font-size:21px}.tg-board-heading p{font-size:11px}.tg-badge{font-size:8px;padding:6px}.tangram-board{height:315px}.tg-section-heading h2{font-size:12px}.tg-section-heading>span{font-size:9px}.tg-tray{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.tg-tray button{height:59px}.tg-tray svg{height:35px}.tg-turns .button{padding:7px 10px}.tg-nudges{gap:6px}.tg-nudges button{width:38px;height:38px}.tg-adjust{justify-content:center;gap:10px}.tg-selected-heading{font-size:12px}.tg-place-actions{gap:5px;justify-content:center}.tg-place-actions .quiet-button{padding:8px}.tg-toolbar{gap:6px}.tg-toolbar .button{font-size:12px;padding:9px 11px}.tg-toolbar .quiet-button{font-size:10px;padding:5px 0}.tg-hints .tg-section-heading{align-items:flex-start}.tg-hints h2{max-width:155px;line-height:1.5}.tg-hints .button{padding:9px 10px}.tg-win{gap:10px;padding:15px}.tg-win strong{font-size:17px}.tg-win .button{flex-basis:100%;margin:0}.tg-levels{grid-template-columns:1fr}.tg-levels strong{font-size:12px}.tg-levels button{grid-template-columns:22px 40px 1fr 15px}.tg-levels svg{width:35px;height:31px}.tg-game .game-stats strong{font-size:24px}.tg-game .game-stats>div>span{font-size:10px}.tg-scene-caption{font-size:7px;letter-spacing:1.8px}}
@media(prefers-reduced-motion:reduce){.tg-game *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.tg-quick{display:flex;align-items:center;justify-content:center;gap:8px;padding:0 12px 12px}.tg-quick[hidden]{display:none}.tg-quick>span{font-size:11px;color:#9cb5bb;margin-right:4px}.tg-quick .icon-button{height:38px;width:42px;font-size:24px;background:#243e49;border-color:#56727c}.tg-hints{padding-top:13px;padding-bottom:13px}