*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#f4f3e7;color:#234a49;font-family:Fredoka,ui-rounded,system-ui,sans-serif}button,a{font:inherit}button{cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:4px solid #a44929;outline-offset:3px}.game-shell{max-width:1500px;margin:auto;padding:12px max(14px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}header{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:58px}.home,.round-control{height:52px;width:52px;border:0;border-radius:50%;background:white;box-shadow:0 3px 0 #b4cdc1;color:#234a49;text-decoration:none;display:grid;place-items:center;font-size:30px}.brand{text-align:center;line-height:1.05}.brand span{font-size:12px;letter-spacing:.15em;font-weight:800;color:#a44929}.brand strong{display:block;font-size:25px;margin-top:4px}.screen{margin-top:12px}.screen[hidden],[hidden]{display:none!important}.centered{text-align:center;padding:80px 12px}.centered p{font-size:20px}.eyebrow{font-weight:800;color:#a44929;letter-spacing:.08em;font-size:13px;margin:0}.gallery-title{text-align:center;margin:24px 0}.gallery-title h1{font-size:44px;margin:7px 0 16px}.listen,.secondary{min-height:48px;padding:9px 15px;border:2px solid #548477;border-radius:14px;background:#fff;color:#234a49;font-size:18px;font-weight:700}.primary{min-height:52px;border:0;border-radius:14px;background:#b95735;color:#fff;font-weight:800;font-size:20px;padding:12px 18px}.scene-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1080px;margin:auto}.scene-choice{border:0;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 0 #b4cdc1;padding:0;text-align:left;color:#234a49}.scene-choice img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.scene-choice span{display:block;padding:12px 16px;font-weight:800;font-size:24px}.scene-choice:active{transform:translateY(2px)}.game-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.game-toolbar h1{font-size:28px;margin:0;text-align:center}.game-toolbar div{text-align:center}.game-toolbar span{font-size:15px;color:#54766b}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px;align-items:start}.scene{position:relative;width:100%;aspect-ratio:4/3;background:#e5e9dc;border-radius:20px;overflow:hidden;box-shadow:0 4px 0 #b4cdc1}.background{display:block;width:100%;height:100%;object-fit:contain}.targets{position:absolute;inset:0}.object-slot{position:absolute;pointer-events:none}.object-slot img{width:100%;height:100%;display:block;object-fit:contain;pointer-events:none;filter:grayscale(1);opacity:.44}.object-slot.placed img{filter:none;opacity:1}.slot-hit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;min-width:48px;min-height:48px;border:0;background:transparent;border-radius:12px;pointer-events:auto}.slot-hit:disabled{pointer-events:none}.object-slot.selected .slot-hit{outline:3px dashed #b95735;outline-offset:2px;background:#fff2}.object-slot.drop-hover .slot-hit{outline:4px solid #658939}.slot-hit:focus-visible{outline:4px solid #234a49;outline-offset:2px}.object-area{min-width:0}.current-object{text-align:center;min-height:104px}.current-object strong{display:block;font-size:24px;line-height:1.05;margin:5px 0}.current-object p{font-size:15px;line-height:1.15;margin:5px auto 12px;max-width:270px}.objects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.object-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 48px;align-items:center;border:2px solid #d3dfd2;border-radius:15px;background:#fff;overflow:hidden;min-height:118px}.object-card.selected{border:3px dashed #b95735}.object-select{min-width:48px;min-height:112px;width:100%;background:transparent;border:0;color:#234a49;padding:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.object-select img{width:100%;height:66px;object-fit:contain;pointer-events:none}.object-select span{font-size:13px;font-weight:800;line-height:1.06;overflow-wrap:normal;text-align:center}.drag-handle{width:48px;height:52px;border:0;background:#edf2e8;color:#567667;font-size:28px;touch-action:none;cursor:grab;align-self:center}.drag-handle:active{cursor:grabbing;background:#f1d99d}.object-card.matched{border-color:#71a57b;background:#e8f2e6}.object-card.matched .drag-handle{font-size:22px;background:transparent;color:#3e7046;cursor:default}.object-card.matched .object-select img{opacity:.75}.feedback-row{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;min-height:58px;margin:10px 0 0}.feedback-row p{width:100%;text-align:center;margin:0;font-size:19px;font-weight:700;min-height:23px}.scene-loading{padding:100px 12px;text-align:center;font-size:23px}.drag-preview{position:fixed;left:0;top:0;width:112px;height:112px;pointer-events:none;z-index:100;transform:translate(calc(var(--drag-x) - 56px),calc(var(--drag-y) - 56px));filter:drop-shadow(0 4px 3px #2447)}.drag-preview img{width:100%;height:100%;object-fit:contain}.error-rooms{margin-top:10px}
@media(max-width:900px) and (orientation:portrait){.workspace{grid-template-columns:1fr;gap:10px}.object-area{display:flex;flex-direction:column}.current-object{min-height:65px}.current-object p{margin-bottom:7px;max-width:none}.objects{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.object-card{display:flex;flex-direction:column;min-height:128px}.object-select{min-height:90px;flex:1}.object-select img{height:55px}.drag-handle{height:48px;width:100%;font-size:25px}.current-object .eyebrow{display:none}.current-object strong{font-size:22px}.scene-choices{grid-template-columns:repeat(2,1fr)}.feedback-row{margin-top:8px}}
@media(max-width:600px){.game-shell{padding:9px 10px}.brand strong{font-size:20px}.gallery-title{margin:16px 0}.gallery-title h1{font-size:35px}.scene-choices{gap:12px}.scene-choice span{font-size:21px;padding:10px 12px}.workspace{display:flex;flex-direction:column;gap:8px}.scene{flex-shrink:0}.object-area{width:100%}.objects{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.object-card{display:grid;grid-template-columns:minmax(0,1fr) 48px;min-height:112px}.object-select{min-height:108px}.object-select img{height:58px}.drag-handle{width:48px;height:52px}.game-toolbar h1{font-size:24px}.game-toolbar .listen,.game-toolbar .secondary{font-size:15px;padding:7px 10px}.current-object{min-height:58px}.current-object p{font-size:14px;margin:4px 0 7px}.current-object strong{font-size:21px}.feedback-row p{font-size:16px}.screen{margin-top:8px}.scene{border-radius:14px}.object-select span{font-size:12px}}
@media(min-width:700px) and (max-height:820px) and (orientation:landscape){.workspace{grid-template-columns:minmax(0,1fr) 280px;gap:14px}.current-object{min-height:87px}.current-object strong{font-size:21px}.object-card{min-height:102px}.object-select{min-height:96px}.object-select img{height:54px}.game-shell{padding-top:8px}.screen{margin-top:7px}.game-toolbar{margin-bottom:7px}.feedback-row{margin-top:6px;min-height:42px}}
@media(prefers-reduced-motion:reduce){.scene-choice:active{transform:none}.drag-preview{filter:none}}