.tangram{color:#304951}.tangram button{font:inherit;cursor:pointer;touch-action:manipulation;min-height:46px}.tangram button:disabled{cursor:default;opacity:.48}.tangram :focus-visible{outline-offset:4px;outline:3px solid #aa762e}.tangram .math-toolbar>div{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.tangram .tg-three{grid-template-columns:repeat(3,minmax(0,1fr))}.tg-preview>svg{width:100%;height:auto}.tg-preview h2{font:700 42px var(--font-caveat),cursive;margin:20px 0 12px}.tg-preview p,.tg-preview li{font-size:19px;line-height:1.6}.tg-preview ol{padding-left:26px}.tg-preview li{padding-bottom:10px}.tg-note{color:#52674f;margin:8px 0;font-size:15px;line-height:1.45}.tg-axi{background:#edf0e1;border:1px dashed #8da37f;border-radius:12px;align-items:center;gap:12px;margin:12px 0;padding:10px 14px;font-size:16px;line-height:1.4;display:flex}.tg-axi img{flex:none;width:44px;height:44px}.tg-axi p{margin:0}.tg-match-head{text-align:center;margin:16px 0}.tg-match-head h1{font:700 42px/1.1 var(--font-caveat),cursive;margin:0 0 8px}.tg-match-head p{margin:0;font-size:16px}.tg-boards{align-items:start;gap:20px;display:grid}.tg-boards.duel{grid-template-columns:repeat(2,minmax(0,1fr))}.tg-boards.solo{max-width:740px;margin:auto}.tg-board{background:#fffdf6;border:2px solid #819fb0;border-radius:16px 22px 14px 20px;min-width:0;padding:14px;box-shadow:4px 5px #315d8012}.tg-team-1{border-color:#b98962}.tg-board>header{justify-content:space-between;align-items:center;gap:8px;display:flex}.tg-board h2{font:700 32px/1.15 var(--font-caveat),cursive;color:#315d80;margin:0}.tg-team-1 h2{color:#995c2d}.tg-board header strong{font-size:26px}.tg-board header small{font-size:15px;font-weight:400}.tg-progress{justify-content:space-between;align-items:center;gap:12px;margin:8px 0;font-size:16px;display:flex}.tg-progress progress{accent-color:#69875c;width:40%;height:10px}.tg-puzzle-name{font:700 27px var(--font-caveat),cursive;text-align:center;margin:8px 0}.tg-canvas{touch-action:none;-webkit-user-select:none;user-select:none;border:1px solid #b4bda6;border-radius:12px;width:100%;max-height:740px;display:block}.tg-piece{cursor:grab}.tg-piece:active{cursor:grabbing}.tg-locked{cursor:default}.tg-piece-label{fill:#263d43;paint-order:stroke;stroke:#fff8;stroke-width:2px;font:700 17px sans-serif}.tg-tray-label{letter-spacing:1.2px;fill:#657760;font:11px sans-serif}.tg-feedback{background:#f3eedf;border-radius:8px;min-height:64px;margin:10px 0;padding:8px 10px;font-size:17px;line-height:1.4}.tg-picker{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.tg-picker button{background:#fffdf3;border:1px solid #a4af96;border-radius:8px;place-items:center;min-width:0;display:grid}.tg-picker button[aria-pressed=true]{background:#e2eced;border:3px solid #315d80}.tg-picker span{color:#223e3c;border:1px solid #687a66;border-radius:6px;place-items:center;width:30px;height:30px;font-size:20px;display:grid}.tg-selection{text-align:center;margin:10px 0;font-size:16px}.tg-controls{grid-template-columns:1fr 1fr 1.2fr;gap:7px;display:grid}.tg-controls>button:last-child{grid-column:1/-1}.tg-controls button,.tg-nudge button,.tg-actions button,.tg-reset button{color:#304951;background:#f6f1e4;border:1px solid #9aa98c;border-radius:9px;padding:7px 9px;font-size:17px}.tg-controls button[aria-pressed=true],.tg-nudge button[aria-pressed=true]{background:#dbe8d4;border:2px solid #5c7c4d}.tg-nudge{grid-template-columns:repeat(4,1fr) 1.5fr 2fr;gap:6px;margin:9px 0;display:grid}.tg-nudge button{padding:5px 3px;font-size:18px}.tg-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin:12px 0;display:flex}.tg-actions button{flex:1;min-width:120px}.tangram .tg-primary{color:#fffdf3;background:#315d80;border:2px solid #315d80;border-radius:10px;padding:12px 20px;font-size:21px}.tg-next{width:100%;margin:10px 0}.tg-reset{background:#fff0d7;border:1px solid #bd925f;border-radius:10px;padding:12px}.tg-reset p{margin:0 0 8px;font-size:17px}.tg-reset button{margin-right:8px}.tg-key-help{max-width:900px;margin:22px auto;font-size:17px;line-height:1.5}.tg-key-help summary,.tg-result summary{cursor:pointer;min-height:44px}.tg-wait{text-align:center;padding:70px 15px;font-size:20px}.tg-wait img{width:100px}.tg-result{text-align:center;background:#fffdf6;border:2px solid #91a982;border-radius:20px;max-width:900px;margin:30px auto;padding:28px}.tg-result h1{font:700 48px/1.2 var(--font-caveat),cursive;margin:12px 0 25px}.tg-scores{flex-wrap:wrap;gap:18px;display:flex}.tg-scores>div{background:#eaf0df;border-radius:14px;flex:1;min-width:180px;padding:18px}.tg-scores h2{font-size:28px}.tg-scores strong{color:#315d80;font-size:38px}.tg-result details{text-align:left;margin-top:22px;font-size:19px;line-height:1.6}.tg-dialog{color:#304951;background:#fffaf0;border:2px solid #8c9f83;border-radius:18px;max-width:min(520px,100% - 32px);margin:auto;padding:26px}.tg-dialog::backdrop{background:#263d43aa}.tg-dialog h2{font:700 35px var(--font-caveat),cursive}.tg-dialog p{font-size:19px}.tangram:fullscreen{background:#faf6e9;max-width:none;height:100dvh;overflow:auto!important}.tg-board:focus{outline-offset:3px}@media (max-width:1100px){.tangram .math-toolbar>span{display:none}.tg-board{padding:10px}.tg-controls button,.tg-actions button{font-size:16px}.tg-nudge{grid-template-columns:repeat(4,1fr)}.tg-nudge>button:nth-child(5),.tg-nudge>button:nth-child(6){grid-column:span 2}}@media (max-width:760px){.tangram{margin-inline:0;padding:18px 12px}.tangram .math-toolbar{flex-wrap:wrap}.tangram .math-toolbar button{font-size:14px}.tg-boards.duel{grid-template-columns:minmax(0,1fr)}.tangram .math-heading h1{font-size:46px}.tangram .math-choices button{padding:10px 4px;font-size:16px}.tg-match-head h1{font-size:34px}.tg-axi{font-size:14px}.tg-picker{gap:4px}.tg-picker span{width:27px;height:27px}.tg-controls button{font-size:16px}.tg-board h2{font-size:29px}.tg-feedback{font-size:16px}.tg-result{padding:20px 12px}.tg-result h1{font-size:38px}.tg-preview p,.tg-preview li{font-size:18px}}@media (prefers-reduced-motion:reduce){.tangram *{scroll-behavior:auto!important;transition:none!important}}@media (min-width:1250px){.tg-workspace{grid-template-columns:minmax(0,1fr) 188px;align-items:start;gap:12px;display:grid}.tg-boards.solo{max-width:1000px}.tg-boards.solo .tg-workspace{grid-template-columns:minmax(0,1fr) 270px}.tg-canvas{max-height:650px}.tg-tools{min-width:0}.tg-feedback{min-height:70px;margin-top:0}.tg-picker{grid-template-columns:repeat(4,1fr)}.tg-controls{grid-template-columns:1fr 1fr}.tg-controls>button:nth-child(3){grid-column:1/-1}.tg-nudge{grid-template-columns:repeat(4,1fr)}.tg-nudge>button:nth-child(5),.tg-nudge>button:nth-child(6){grid-column:span 2}.tg-actions{gap:6px}.tg-actions button{width:100%;font-size:15px}.tg-selection{min-height:38px}.tg-tools .tg-note{font-size:13px}}@media (max-width:760px){.tg-picker{grid-template-columns:repeat(4,minmax(0,1fr))}.tg-picker button{min-height:48px}}.tg-board{container-type:inline-size}@container (max-width:400px){.tg-picker{grid-template-columns:repeat(4,minmax(0,1fr))}}
