.game-shell[data-game-shell=twintrace] .game-shell__stage{background:#f3f0e8;position:relative;container-type:size}.game-shell[data-game-shell=twintrace] .game-shell__stage:not(:has(.twintrace)):after{content:"Preparing your drawing space…";color:#53634f;pointer-events:none;place-items:center;font:16px Georgia,serif;display:grid;position:absolute;inset:0}.twintrace{--twintrace-paper:#f3f0e8;--twintrace-ink:#343c38;--twintrace-line:#d2d1c6;padding:0 max(24px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));color:var(--twintrace-ink);isolation:isolate;-webkit-tap-highlight-color:transparent;background:radial-gradient(at 35% 42%,#faf8f2 0,#f3f0e8 65%);grid-template-rows:62px minmax(140px,1fr) auto 78px;font-family:Trebuchet MS,Avenir Next,system-ui,sans-serif;font-size:14px;line-height:1.4;display:grid;position:absolute;inset:0;overflow:auto}.twintrace *,.twintrace :before,.twintrace :after{box-sizing:border-box}.twintrace [hidden]{display:none!important}.twintrace p,.twintrace h2{margin:0}.twintrace button{border:1px solid var(--twintrace-line);min-width:44px;min-height:44px;color:var(--twintrace-ink);font:inherit;cursor:pointer;touch-action:manipulation;background:#f7f5ed;border-radius:9px;padding:9px 13px;font-weight:600;line-height:1.2;transition:background .12s,transform .12s}.twintrace button:hover:not(:disabled){background:#e6e8df}.twintrace button:active:not(:disabled){transform:translateY(1px)}.twintrace button:disabled{opacity:.4;cursor:default}.twintrace button:focus-visible{outline-offset:3px;outline:3px solid #427b67}.twintrace button[aria-pressed=true]{background:#dee6dc;border-color:#738a77}.twintrace svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:23px;height:24px}.twintrace .twintrace__icon{place-items:center;width:44px;padding:9px;display:grid}.twintrace__header{border-bottom:1px solid var(--twintrace-line);justify-content:space-between;align-items:center;gap:12px;display:flex}.twintrace__identity{align-items:center;gap:10px;min-width:0;display:flex}.twintrace__mark{color:#6d7d6f;font-size:33px;font-weight:400}.twintrace__identity b{font:24px/1.1 Georgia,Times New Roman,serif;display:block}.twintrace__identity div>span{color:#59625a;padding-top:3px;font-size:11px;display:block}.twintrace__navigation{flex:none;gap:6px;display:flex}.twintrace__navigation button{background:0 0}.twintrace__workspace{grid-template-columns:minmax(0,1fr) 210px;gap:16px;min-height:0;display:grid}.twintrace__world{min-width:0;min-height:0;position:relative}.twintrace__viewport{position:absolute;inset:0 0 45px}.twintrace .twintrace__viewport canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block;position:absolute;inset:0}.twintrace__orbit-note{white-space:nowrap;color:#62695f;font-size:12px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.twintrace__camera{gap:4px;display:flex;position:absolute;bottom:3px;left:0}.twintrace__camera button{background:#f3f0e8cc}.twintrace__targets{border-left:1px solid var(--twintrace-line);flex-direction:column;justify-content:center;gap:13px;min-height:0;padding:18px 0 16px 20px;display:flex}.twintrace__objective{font:18px/1.2 Georgia,Times New Roman,serif}.twintrace__views{grid-template-columns:1fr 1fr;gap:18px;display:grid}.twintrace__view-label{justify-content:space-between;margin-bottom:7px;font-size:12px;font-weight:700;display:flex}.twintrace__view-label>span{color:#3c6650;font-variant-numeric:tabular-nums;font-size:11px}.twintrace__projection{grid-template-columns:repeat(var(--twintrace-grid), 1fr);aspect-ratio:1;gap:2px;width:100%;display:grid;container-type:inline-size}.twintrace__cell{aspect-ratio:1;min-width:0;min-height:0;font:min(17px, calc(60cqw / var(--twintrace-grid)))/1 system-ui, sans-serif;border:1px solid #d8d8ce;border-radius:1px;place-items:center;display:grid}.twintrace__cell--missing{background:#d9d9cb;border:1px dashed #6f786a}.twintrace__cell--match{background:#5d6c60;border-color:#5d6c60}.twintrace__cell--extra{color:#fffaf0;background:#b5674f;border-color:#94482f}.twintrace__cell--preview{outline-offset:-2px;outline:2px solid #39745d;box-shadow:inset 0 0 0 3px #f4f5e6}.twintrace__cell--clue{color:#54431c;background:#ecdfae;border:2px solid #86682d;font-weight:700}.twintrace__legend{color:#505b50;flex-wrap:wrap;gap:7px 10px;font-size:11px;display:flex}.twintrace__legend>span{align-items:center;gap:4px;display:flex}.twintrace__sample{place-items:center;width:11px;height:11px;font-style:normal;line-height:1;display:inline-grid}.twintrace__sample--missing{background:#d9d9cb;border:1px dashed #6f786a}.twintrace__sample--match{background:#5d6c60}.twintrace__sample--extra{color:#fff;background:#b5674f}.twintrace__count{color:#505b50;font-variant-numeric:tabular-nums;font-size:12px}.twintrace__instruction{border-top:1px solid var(--twintrace-line);align-items:center;gap:13px;min-height:66px;padding:13px 0 6px;display:flex}.twintrace__step{color:#4a6653;border:1px solid #9ca996;border-radius:50%;flex:none;place-items:center;min-width:36px;height:36px;font-size:12px;display:grid}.twintrace__instruction b{font-size:14px;display:block}.twintrace__instruction p{color:#5b6258;margin-top:3px;font-size:12px}.twintrace__instruction>div{min-width:0}.twintrace .twintrace__assist{background:#f0e7cd;border-color:#b7a576;flex:none;margin-left:auto;padding:8px 10px;font-size:12px}.twintrace__footer{justify-content:space-between;align-items:center;gap:14px;display:flex}.twintrace__tools{align-items:center;gap:6px;display:flex}.twintrace__modes{gap:4px;margin-right:4px;display:flex}.twintrace .twintrace__confirm,.twintrace .twintrace__primary{color:#fffdf4;background:#3d5346;border-color:#3d5346;min-width:154px}.twintrace .twintrace__confirm:hover:not(:disabled),.twintrace .twintrace__primary:hover:not(:disabled){background:#294b39}.twintrace .twintrace__confirm:disabled{color:#6b7468;opacity:1;background:#dde2d6;border-color:#d2d7cb}.twintrace__muted{opacity:.5}.twintrace__modal{z-index:15;background:#edeadfcc;place-items:center;padding:20px;display:grid;position:absolute;inset:0;overflow:auto}.twintrace__sheet{text-align:center;background:#f8f6ee;border:1px solid #c9cbbd;border-radius:16px;width:min(100%,440px);max-height:100%;padding:clamp(20px,4cqw,36px);overflow:auto;box-shadow:0 14px 50px #363f3520}.twintrace__eyebrow{color:#66715f;letter-spacing:.14em;font-size:11px}.twintrace__sheet h2{margin:14px 0;font:30px/1.15 Georgia,Times New Roman,serif}.twintrace__modal-copy{color:#5c6659;font-size:14px;line-height:1.6}.twintrace__modal-actions{flex-direction:column;gap:10px;margin-top:22px;display:flex}.twintrace__modal-actions>button{width:100%}.twintrace__stars{color:#687c58;letter-spacing:.15em;padding-bottom:6px;font-size:28px}.twintrace__level-grid{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.twintrace__level-grid button{min-width:0;padding:6px 2px}.twintrace__level-grid b,.twintrace__level-grid small{display:block}.twintrace__level-grid small{height:12px;font-size:9px}.twintrace__level-grid .twintrace__level-done{background:#e1e7d9;border-color:#78917c}.twintrace--solved .twintrace__sheet{animation:.25s ease-out twintrace-arrive}@keyframes twintrace-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@container (width>=800px) and (height>=520px){.twintrace__workspace{grid-template-columns:minmax(0,1fr) 194px}.twintrace__views{grid-template-columns:1fr;align-self:center;gap:14px;width:min(124px,25cqh)}.twintrace__targets{align-items:center}.twintrace__objective{text-align:center}}@media (max-width:760px){.game-shell[data-game-shell=twintrace]:not(.game-shell--embedded) .game-shell__stage{aspect-ratio:9/16}}@container (width<=620px){.twintrace{padding-left:max(12px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right));grid-template-rows:58px minmax(240px,1fr) auto 109px}.twintrace__mark{display:none}.twintrace__identity b{font-size:23px}.twintrace__identity div>span{max-width:185px;font-size:10px}.twintrace__navigation{gap:4px}.twintrace__navigation button{padding-left:9px;padding-right:9px}.twintrace__workspace{grid-template-rows:auto minmax(120px,1fr);grid-template-columns:1fr;gap:0}.twintrace__targets{border-left:0;order:-1;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 14px;padding:10px 4px 0;display:grid}.twintrace__objective{grid-column:1;font-size:15px}.twintrace__views{grid-area:1/2/4;gap:12px;width:clamp(126px,43cqw,210px)}.twintrace__view-label{margin-bottom:4px;font-size:11px}.twintrace__legend{grid-column:1;gap:6px 8px}.twintrace__count{grid-column:1;font-size:10px}.twintrace__camera{left:50%;transform:translate(-50%)}.twintrace__orbit-note{display:none}.twintrace__instruction{gap:9px;min-height:76px;padding:9px 0}.twintrace__instruction b{font-size:13px}.twintrace__instruction p{font-size:12px}.twintrace__footer{flex-direction:column;justify-content:center;align-items:stretch;gap:7px}.twintrace__tools{justify-content:space-between;gap:5px}.twintrace__tools button{padding-left:10px;padding-right:10px}.twintrace__modes{gap:4px;margin-right:0}.twintrace__modal{padding:14px}.twintrace__sheet{padding:24px 16px}.twintrace__level-grid{grid-template-columns:repeat(5,1fr)}}@container (height<=440px) and (width>=621px){.twintrace{grid-template-rows:50px minmax(130px,1fr) auto 57px;padding-left:16px;padding-right:16px}.twintrace__identity b{font-size:21px}.twintrace__targets{gap:8px;padding:10px 0 6px 16px}.twintrace__objective{font-size:16px}.twintrace__projection{max-width:75px}.twintrace__orbit-note{display:none}.twintrace__instruction{min-height:0;padding:6px 0}.twintrace__sheet{padding:18px 26px}.twintrace__sheet h2{margin:8px 0;font-size:26px}.twintrace__modal-actions{gap:7px;margin-top:12px}}@media (prefers-reduced-motion:reduce){.twintrace *,.twintrace :before,.twintrace :after{transition:none!important;animation:none!important}}