/* Scene trials share the terminal palette and remain playable without dragging. */
.extended-game{--eg-gold:#dac183;--eg-green:#a5c99a;min-width:0;overflow-wrap:anywhere}
.extended-game p{line-height:1.6}
.extended-game button{touch-action:manipulation;min-height:44px;max-width:100%}
.extended-game button:disabled{cursor:default}
.extended-game .help{font-size:12px;color:#adc09f}
.extended-game .selected,.extended-game .drop-active{border-color:var(--eg-gold)!important;background:#2d3e27!important;box-shadow:inset 0 0 0 1px var(--eg-gold)}
.extended-grid{display:grid;grid-template-columns:repeat(var(--eg-size),minmax(0,1fr));gap:7px;width:100%;max-width:420px;margin:20px auto}
.extended-cell,.extended-wire{display:grid;place-items:center;position:relative;aspect-ratio:1;min-width:0;min-height:44px;padding:4px!important;border:1px solid #52704e;background:#111f17;color:#dac990;font-size:clamp(19px,4vw,31px);line-height:1}
.extended-cell.wall{background:repeating-linear-gradient(135deg,#26322a,#26322a 5px,#16221a 5px,#16221a 10px);color:#779478;border-color:#344b38}
.extended-cell.preview-path{background:#29422a;color:#f2d58d;border-color:#bba469;box-shadow:inset 0 0 0 1px #718b55}
.extended-sigils,.extended-answer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin:20px 0;min-height:64px}
.extended-sigils span,.extended-answer>span{display:grid;place-items:center;min-width:45px;min-height:60px;padding:8px;border:1px solid #a18e58;background:#223222;color:#ead29c;font-size:31px}
.extended-answer{padding:10px;border:1px dashed #62794f;background:#0c1911}
.extended-answer>small{color:#abbf9e;font-size:13px}
.extended-symbol-bank{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;max-width:420px;margin:20px auto}
.extended-symbol-bank button{font-size:29px;padding:8px}
.extended-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:18px 0}
.extended-game>#extendedSubmit{margin-top:10px;white-space:normal}
.extended-cups{position:relative;height:180px;width:100%;max-width:660px;margin:30px auto 0;border-bottom:2px solid #6d6847}
.extended-cups [data-cup]{position:absolute;bottom:5px;left:calc(var(--eg-slot)*100%/var(--eg-cups));width:calc(100%/var(--eg-cups));height:154px;padding:6px!important;display:grid;place-items:center;border:1px solid transparent;background:transparent;transition:transform var(--eg-step,468ms) ease-in-out;will-change:transform}
.extended-cups [data-cup]:disabled{opacity:1}
.extended-cups [data-cup]:not(:disabled):hover{border-color:#b3a66d;background:#1c2c1e}
.extended-cups svg{width:100%;height:100%;max-width:118px;filter:drop-shadow(0 8px 3px #0006)}
.extended-cup-labels{display:grid;grid-template-columns:repeat(var(--eg-cups),minmax(0,1fr));max-width:660px;margin:8px auto 20px;text-align:center;color:#a3b399;font-variant-numeric:tabular-nums}
.extended-mosaic{max-width:420px;gap:4px}
.extended-piece{position:relative;aspect-ratio:1;border:1px solid #586e4d;overflow:hidden;background:#0c1710}
.extended-piece>[data-piece]{display:block;position:absolute;inset:0;width:100%;height:100%;padding:0!important;min-height:0;border:0;border-radius:0;background:none;cursor:grab;overflow:hidden}
.extended-piece>[data-piece]:active{cursor:grabbing}
.extended-picture{display:block;width:100%;height:100%;transform-origin:center;pointer-events:none}
.extended-piece>.extended-turn{position:absolute;right:3px;bottom:3px;width:44px;height:44px;padding:0!important;font-size:25px;line-height:1;background:#102017e8;border:1px solid #9da46b;z-index:1}
.extended-hologram{display:block;width:100%;max-width:390px;aspect-ratio:1;margin:20px auto;background:#081a13;border:1px solid #536e4c;touch-action:none;cursor:move;user-select:none}
.extended-layers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}
.extended-layer{min-width:0;margin:0;padding:8px;border:1px solid #53674b}
.extended-layer legend{max-width:100%;padding:0 4px}
.extended-layer legend button{width:100%;padding:5px 8px;white-space:normal;font-size:13px}
.extended-layer-control{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;align-items:center;text-align:center}
.extended-layer-control button{min-width:0;padding:4px!important;font-size:22px}
.extended-layer-control button:first-child{grid-column:2}
.extended-layer-control button:nth-child(2){grid-column:1}
.extended-layer-control output{font-size:12px;color:#ccd7ac;font-variant-numeric:tabular-nums}
.extended-layer-control button:last-child{grid-column:2}
.extended-comparison{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}
.extended-comparison>div{min-width:0}
.extended-comparison h4{text-align:center;color:#cdbb85;margin-bottom:0}
.extended-comparison .extended-grid{gap:5px}
.extended-pair.open{background:#334a2e;color:#ffe3a1;border-color:#b4ac73;opacity:1}
.extended-pair.matched{background:#224329;color:#b2d3a2;border-color:#5e9760;opacity:.8}
.extended-wire{overflow:hidden;color:#65795a}
.extended-wire.powered{color:#ecd08a;background:#30432a;border-color:#c4ae70}
.extended-wire svg{display:block;width:100%;height:100%}
.extended-wire small{position:absolute;bottom:3px;left:50%;transform:translateX(-50%);font-size:9px;padding:3px;background:#0b1910df;color:#e5d5a3;white-space:nowrap}
.extended-command-bank{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:16px 0}
.extended-command-bank button{font-size:22px;min-width:48px}
.extended-command-answer{justify-content:flex-start;min-height:70px;max-height:210px;overflow:auto}
.extended-command-answer>span{position:relative;min-width:39px;min-height:48px;font-size:25px;padding-top:16px}
.extended-command-answer>span small{position:absolute;top:3px;left:5px;font-size:10px;color:#b7bd9e}
.extended-gauge{position:relative;height:100px;margin:30px 0;overflow:hidden;border:1px solid #5f7651;background:repeating-linear-gradient(90deg,#122419,#122419 calc(10% - 1px),#3b5138 calc(10% - 1px),#3b5138 10%)}
.extended-gauge-target{position:absolute;top:0;bottom:0;background:#80ab5266;border-left:2px solid #d4d088;border-right:2px solid #d4d088}
.extended-gauge-line{position:absolute;top:50%;left:0;width:100%;height:1px;background:#91a46c}
.extended-gauge-marker{position:absolute;top:8px;bottom:8px;width:4px;transform:translateX(-50%);background:#f9df91;box-shadow:0 0 12px #e8db8a;z-index:1}
.extended-tap{width:100%;min-height:60px!important;font-size:18px;white-space:normal}
.extended-rhythm-pattern{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
.extended-rhythm-pattern>span{display:flex;flex:1 0 60px;align-items:center;flex-direction:column;gap:8px;padding:12px 6px;background:#16281b;border:1px solid #516646}
.extended-rhythm-pattern b{font-size:23px;color:#d6c18b}
.extended-rhythm-pattern small{white-space:nowrap;font-size:11px;color:#b7c6a2}
.extended-rhythm-pattern .done{background:#31492b;border-color:#b8b877}
.extended-rhythm-lamp{display:grid;place-items:center;min-height:88px;padding:15px;border:1px solid #627450;background:#132318;color:#c0cba7;text-align:center;transition:background-color 70ms linear,box-shadow 70ms linear}
.extended-rhythm-lamp.lit{background:#adc777;color:#101a0f;box-shadow:0 0 25px #b5cf7955}
.extended-power-control{display:grid!important;grid-template-columns:130px minmax(0,1fr) 40px;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #3c533a}
.extended-power-control>span{min-width:0;color:#d3c28d}
.extended-power-control small{display:block;margin-top:5px;font-size:12px;color:#a9be9b}
.extended-power-control input{width:100%;min-width:0;height:44px;accent-color:#bacb8d}
.extended-power-control output{text-align:right;font-variant-numeric:tabular-nums;color:#d2d8ac}
.extended-warning{color:#f1bc8f}
.extended-clues{padding:15px 15px 15px 30px;margin:18px 0;background:#1a2a1d;border-left:2px solid #b09a63;color:#bec9ad}
.extended-clues li{line-height:1.6;margin-bottom:8px}
.extended-fragments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:20px 0}
.extended-fragments button{text-align:left;line-height:1.5;white-space:normal;cursor:grab}
.extended-chronology-order{list-style-position:inside;padding:0;display:grid;gap:9px;counter-reset:event}
.extended-chronology-order li{display:flex;align-items:center;gap:10px;min-width:0;min-height:60px;padding:10px;background:#102219;border:1px solid #536b49;counter-increment:event}
.extended-chronology-order li:not(.extended-drop-target)::before{content:counter(event) '.';color:#d1ba7d;font-variant-numeric:tabular-nums}
.extended-chronology-order li>span{flex:1;min-width:0;line-height:1.5}
.extended-order-controls{display:flex;gap:4px;flex-shrink:0}
.extended-order-controls button{width:44px;padding:4px!important}
.extended-chronology-order .extended-drop-target{border-style:dashed;color:#9aac8e;line-height:1.5;font-size:13px}
@media(max-width:700px){
 .extended-game{padding:14px}
 .extended-grid{gap:4px}
 .extended-cups{height:145px;margin-top:15px}
 .extended-cups [data-cup]{height:126px;padding:2px!important}
 .extended-layers{grid-template-columns:1fr}
 .extended-layer-control{grid-template-columns:repeat(5,minmax(0,1fr))}
 .extended-layer-control button:first-child,.extended-layer-control button:nth-child(2),.extended-layer-control button:last-child{grid-column:auto}
 .extended-layer-control button:first-child{order:1}
 .extended-layer-control button:nth-child(2){order:0}
 .extended-layer-control output{order:2}
 .extended-layer-control button:nth-last-child(2){order:4}
 .extended-layer-control button:last-child{order:3}
 .extended-actions>*{flex:1 1 100%}
 .extended-power-control{grid-template-columns:minmax(0,1fr) 32px;gap:8px}
 .extended-power-control>span{grid-column:1/-1}
 .extended-fragments{grid-template-columns:1fr}
 .extended-chronology-order li{flex-wrap:wrap}
 .extended-chronology-order li>span{flex-basis:calc(100% - 35px)}
 .extended-order-controls{margin-left:auto}
 .extended-sigils span,.extended-answer>span{min-width:40px;min-height:52px;font-size:26px;padding:5px}
 .extended-sigils{gap:5px}
}
@media(max-width:520px){.extended-comparison{grid-template-columns:1fr;gap:5px}.extended-comparison .extended-grid{max-width:300px}.extended-grid{margin-top:15px;margin-bottom:15px}.extended-mosaic{gap:3px}.extended-game>.eyebrow{font-size:11px}.extended-game>#extendedSubmit{width:100%;line-height:1.5}}
/* Swaps carry game information and must stay visible with reduced motion enabled. */
@media(prefers-reduced-motion:reduce){.extended-rhythm-lamp{transition:none}}