body[data-game=tangram]{background:radial-gradient(ellipse at 50% 35%,#65416a44,transparent 70%),var(--bg);--paper:#f4e3b4;--stage:#24182f}.tg-nav{display:flex;gap:20px;align-items:center;max-width:1200px;margin:auto;padding:12px 20px}.tg-nav span{flex:1;font-size:12px;color:var(--muted)}.tg-intro{max-width:1140px;margin:20px auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between}.tg-intro h1{font-size:40px;margin:5px 0}.tg-intro p{font:italic 17px Georgia;margin:7px 0}.tg-shell{max-width:1160px;margin:0 auto 40px;display:grid;grid-template-columns:280px minmax(0,820px);gap:22px;padding:0 20px;align-items:center}.luma-host{height:440px;position:relative;pointer-events:none}.luma-host img{width:100%;height:350px;object-fit:contain;filter:drop-shadow(0 15px 17px #0006);transform-origin:50% 65%;animation:luma-breathe 6s ease-in-out infinite}.luma-host:before{content:'';position:absolute;inset:40px 0 70px;background:radial-gradient(ellipse,#c798d128,transparent 66%)}.luma-host p{text-align:center;color:#dfbed8;font:italic 18px Georgia;padding:0 12px}.tg-theater{background:linear-gradient(#49253f,#231830);padding:15px;border:1px solid #c6a56b88;border-radius:20px;box-shadow:0 18px 40px #0005;min-width:0}.tg-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 10px}.tg-toolbar strong{flex:1;font-size:14px}.tg-toolbar button{font-size:12px;padding:6px 10px;min-height:36px}.tg-toolbar span{font-size:12px;color:#dec9aa}.tg-screen{position:relative;aspect-ratio:1.35;background:radial-gradient(ellipse,#fff4d1,#dfc58e);border:9px solid #5d352c;border-radius:5px;box-shadow:inset 0 0 25px #9b6d3699,0 0 0 2px #be9455;overflow:hidden;touch-action:none;isolation:isolate}.tg-screen:before,.tg-screen:after{content:'';position:absolute;top:0;bottom:0;width:16px;background:repeating-linear-gradient(90deg,#572b48,#9a5c70 8px,#572b48 16px);z-index:0}.tg-screen:before{left:0}.tg-screen:after{right:0}.tg-screen svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.tg-target{fill:#362a3b;stroke:#362a3b;stroke-width:.04;stroke-linejoin:round}.tg-target.easy{stroke:#d6ba84;stroke-width:.045}.tg-piece{cursor:grab;stroke:#fff0b3;stroke-width:.055;stroke-linejoin:round;filter:drop-shadow(0 .12px .08px #0007);transition:opacity .15s}.tg-piece.selected{stroke:#fffceb;stroke-width:.11;filter:drop-shadow(0 .1px .15px #fff7b1)}.tg-piece.placed{fill:#b987ba!important;stroke:#ecc9ed;stroke-width:.045;opacity:.55;pointer-events:none}.tg-piece:focus-visible{outline:none;stroke:white;stroke-width:.15}.tg-piece.dragging{cursor:grabbing;filter:drop-shadow(0 .22px .14px #0008)}.tg-target.hinted{fill:#bd91c0;stroke:#fff5ce;stroke-width:.1}.tg-actions{display:flex;gap:8px;margin-top:12px;justify-content:center}.tg-actions button{flex:1;min-height:44px;padding:8px 10px;font-size:13px}.tg-status{min-height:35px;text-align:center;font-size:13px;color:#ecd9b8;margin:9px 0 0}.tg-collection{max-width:1140px;margin:30px auto;padding:0 20px}.tg-collection-head{display:flex;gap:12px;align-items:center}.tg-collection-head h2{flex:1;font-size:28px}.tg-puzzles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.tg-puzzle{display:flex;flex-direction:column;text-align:center;padding:14px;min-width:0;background:linear-gradient(140deg,#392447,#281d34);border-color:#b68d6155}.tg-puzzle svg{height:95px;width:100%;max-width:130px;fill:#dbbf91;stroke:#dbbf91;stroke-width:.02}.tg-puzzle small{font-size:11px;color:#c2b0c9}.tg-puzzle strong{font-size:13px}.tg-puzzle .tg-earned{color:#ebc36f;letter-spacing:3px}.tg-rules{max-width:1040px;margin:55px auto;display:grid;grid-template-columns:1fr 1fr;gap:45px;padding:0 20px}.tg-rules h2{font-size:27px}.tg-rules p,.tg-rules li{color:var(--muted);font-size:14px;line-height:1.75}.tg-rules h3{margin-top:24px}.tg-reveal{position:absolute;inset:0;z-index:5;background:radial-gradient(ellipse,#fff0baee,#e1c697dd);display:grid;place-items:center;pointer-events:none}.tg-reveal[hidden]{display:none}.tg-reveal img{height:90%;width:75%;object-fit:contain;filter:drop-shadow(0 15px 15px #523b4a55);animation:shadow-alive 3s ease-in-out infinite}.tg-reveal .cosmo-pair{position:absolute;height:29%;width:36%;bottom:3%;right:8%}.tg-theater.won .tg-screen{box-shadow:0 0 0 2px #f6d585,0 0 35px #d9a9dd88}.tg-builder-note{font-size:12px;color:#e1cba8}body[data-game=tangram] dialog{max-width:min(520px,calc(100vw - 28px));width:100%;padding:24px;background:#2e2038;color:#f2e2c8;border:1px solid #c2a169;border-radius:18px}body[data-game=tangram] dialog::backdrop{background:#120d20c9}body[data-game=tangram] dialog label{display:block;margin:15px 0}body[data-game=tangram] dialog :is(input:not([type=checkbox]),select,textarea){width:100%;padding:11px;background:#21172c;color:#f7ead0;border:1px solid #bea16b;border-radius:8px;font:14px system-ui}body[data-game=tangram] dialog button{margin:5px 3px}body[data-game=tangram] dialog p{font-size:14px}.tg-rating{font-size:40px;color:#f3c575;letter-spacing:10px}.tg-footer{text-align:center;padding:25px}.tg-motion-off *{animation:none!important;transition:none!important}.tg-hidden *{animation-play-state:paused!important}.tg-piece-tool{font-size:12px;white-space:nowrap}.tg-toolbar select{max-width:120px;font-size:12px;padding:7px}.tg-controls-info{font-size:11px;color:#cbb9c4;text-align:center;margin-top:8px}.tg-builder-note[hidden]{display:none}[data-theme=light] .tg-puzzle{background:#eee1ef;color:#382d3c}[data-theme=light] .luma-host p{color:#704d6e}[data-theme=light] .tg-puzzle small{color:#66536b}[data-theme=light] .tg-theater{color:#fff0d3}[data-theme=light] .tg-puzzle svg{fill:#7b587a;stroke:#7b587a}@keyframes luma-breathe{50%{transform:translateY(-5px) rotate(1deg)}}@keyframes shadow-alive{50%{transform:translateY(-4px) rotate(1deg)}}@media(max-width:800px){.tg-shell{grid-template-columns:1fr;padding:0 10px;gap:0;position:relative}.luma-host{position:absolute;width:66px;height:66px;right:15px;top:-77px;z-index:2}.luma-host img{height:66px}.luma-host p{display:none}.tg-intro{padding-right:88px}.tg-intro h1{font-size:29px}.tg-intro p{font-size:13px}.tg-intro>a{display:none}.tg-nav{padding:9px 12px;gap:9px}.tg-nav span{font-size:10px}.tg-nav button{font-size:12px;padding:8px 10px}.tg-puzzles{grid-template-columns:repeat(2,1fr)}.tg-rules{grid-template-columns:1fr;gap:15px}.tg-theater{padding:10px}.tg-screen{aspect-ratio:.91;border-width:6px}.tg-actions{gap:5px}.tg-actions button{font-size:12px;padding:8px 3px}.tg-toolbar strong{font-size:12px;flex-basis:150px}.tg-toolbar span{font-size:11px}.tg-toolbar{gap:5px}.tg-toolbar button{font-size:11px;padding:5px 8px}.tg-intro{margin:12px 0}.tg-status{font-size:12px}.tg-collection{padding:0 12px}.tg-collection-head{flex-wrap:wrap}.tg-screen{max-height:calc(100svh - 345px)}.tg-collection-head h2{font-size:24px}.tg-builder-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){.luma-host img,.tg-reveal img{animation:none!important}.tg-piece{transition:none}}
.luma-host img{translate:var(--host-x,0px) 0}.tg-host-paused img{animation-play-state:paused}.tg-motion-off .luma-host img{translate:none}
/* Keep the screen and all piece controls above the fold at the target viewports. */
.tg-nav{padding-block:8px}.tg-intro{margin-block:10px}.tg-intro h1{font-size:34px}.tg-intro p{font-size:14px}.tg-screen{height:min(400px,calc(100svh - 380px));aspect-ratio:auto}.tg-shell{margin-bottom:20px}
@media(max-width:800px){.tg-intro h1{font-size:28px}.tg-intro p{font-size:12px}.tg-intro .eyebrow{font-size:10px}.tg-screen{height:min(380px,calc(100svh - 350px));max-height:none}.tg-controls-info{font-size:10px;margin-bottom:0}.tg-toolbar{margin-bottom:7px}.luma-host{top:-69px}}
.tg-reveal>img{position:absolute;left:16%;top:5%;width:68%;height:90%;object-fit:contain}.tg-reveal>.cosmo-pair{left:auto;top:auto;bottom:3%;right:8%;height:29%;width:36%}
.tg-reveal>.alyssa-front{animation:tg-dance-front 9s ease-in-out infinite}.tg-reveal>.alyssa-turn{animation:tg-dance-turn 9s ease-in-out infinite;opacity:0}.tg-motion-off .tg-reveal>.alyssa-turn{display:none}@keyframes tg-dance-front{0%,25%,85%,100%{opacity:1;transform:translateX(0) rotate(0)}38%,70%{opacity:0;transform:translateX(7px) rotate(3deg)}}@keyframes tg-dance-turn{0%,25%,85%,100%{opacity:0;transform:translateX(0)}38%,70%{opacity:1;transform:translateX(7px)}}@media(prefers-reduced-motion:reduce){.tg-reveal>.alyssa-turn{display:none}}

.tg-race-entry,.tg-race-panel,.tg-race-progress{max-width:1120px;margin:10px auto;padding:0 20px}.tg-race-entry{display:flex;align-items:center;gap:12px;min-height:44px}.tg-race-entry button{min-height:40px}.tg-race-panel{padding:16px;border:1px solid #b99b64;border-radius:16px;background:var(--panel)}.tg-race-panel input{max-width:100%;padding:8px}.tg-race-panel label{display:block;font-size:13px;margin:6px 0}.tg-race-panel select{max-width:100%;padding:8px}.tg-race-progress ul{display:flex;flex-wrap:wrap;gap:5px 20px;padding:0;margin:0;list-style:none;font-size:12px}.tg-shell[hidden],.tg-race-panel[hidden],.tg-race-progress[hidden],.tg-collection[hidden]{display:none}.tg-online .tg-race-panel:has(#waiting[hidden]){display:none}.tg-online .tg-controls-info{display:none}.tg-online .tg-screen{height:min(380px,calc(100svh - 460px))}#race-clock{font-size:13px;color:var(--muted)}@media(max-width:800px){.tg-race-entry{margin:5px 0;padding:0 12px}.tg-race-entry button{font-size:12px}.tg-race-progress{padding:0 12px}.tg-race-panel{margin:10px 12px;padding:12px}.tg-online .luma-host{display:none}.tg-online .tg-screen{height:min(340px,calc(100svh - 425px))}.tg-screen{height:min(360px,calc(100svh - 395px))}}

#piece-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}#piece-choices button{min-width:0;min-height:74px;padding:8px}#piece-choices svg{display:block;width:100%;height:44px}#piece-choices span{font-size:12px}@media(max-width:800px){.tg-toolbar strong{flex-basis:130px}.tg-toolbar button{padding-inline:6px}.tg-screen{height:min(340px,calc(100svh - 415px))}.tg-online .tg-screen{height:min(320px,calc(100svh - 445px))}}