@import url('../memory/style.css');
:root{background:#f8f3e7;color:#586d75}
.brand-mark{background:#e9dfef}.brand small{color:#a08aa4}.brand h1{color:#77617c}
.missing-world{background:radial-gradient(ellipse at 50% 20%,#fff7e9,#e8e8e5 75%,#dce8e5);border-color:#d6d1d7}
.missing-order{min-width:0;padding:9px 15px 7px 17px;border-color:#d8bed2;border-bottom-color:#b898b5}.missing-order .order-content{gap:13px}.order-missing{width:42px;height:42px}#question{font-size:20px;color:#785d76}
#stage-step{display:flex;align-items:center;justify-content:center;gap:12px;height:29px;color:#b4b1a4;margin-top:3px}#stage-step svg{width:23px;height:23px;opacity:.35;color:#418e91}#stage-step[data-step="look"] svg[data-step="look"],#stage-step[data-step="hide"] svg[data-step="hide"],#stage-step[data-step="choose"] svg[data-step="choose"]{opacity:1}#stage-step span{font:15px system-ui}
.round-progress{top:30px}.progress-star{width:20px;height:20px}.bottom-note{max-width:calc(100% - 270px)}.bottom-note p{font-size:12px}body[data-phase="answer"] .bottom-note,body[data-phase="solved"] .bottom-note{max-width:calc(100% - 135px)}
.missing-world .hint-button{top:auto;position:absolute;right:28px;bottom:29px;z-index:5;display:grid;place-items:center;width:62px;height:62px;background:#efbd61;color:#795728;border:3px solid #fff9df;border-radius:21px;outline:2px solid #ad7e37;box-shadow:0 5px #a97d40;cursor:pointer;touch-action:manipulation}.missing-world .hint-button:disabled{opacity:.45}
.ready-button{position:absolute;right:110px;bottom:29px;z-index:5;display:flex;gap:9px;align-items:center;justify-content:center;min-width:124px;height:62px;padding:0 15px;border:3px solid #fff9df;border-radius:21px;background:#40968e;outline:2px solid #277a71;box-shadow:0 5px #28776c;color:#fffdf0;touch-action:manipulation}.ready-button span{font-size:13px}.ready-button .icon{width:25px;height:25px}.ready-button[hidden]{display:none}.ready-button:hover{background:#338a81}
.missing-controls{position:absolute;inset:0;pointer-events:none}.missing-controls button{position:absolute;pointer-events:auto;background:transparent;border:0;border-radius:20px;opacity:1;touch-action:manipulation;-webkit-user-select:none;user-select:none;translate:none!important}.missing-controls button:disabled{pointer-events:none;opacity:1}.missing-controls button:focus-visible{outline:5px solid #226aa3;outline-offset:3px;box-shadow:0 0 0 8px #fff9e2}
.dialog-mark{background:#e5edf0}.missing-demo{display:flex;align-items:center;justify-content:center;gap:15px;margin:25px 0}.missing-demo svg{width:80px;height:80px}.primary{background:#518e9b;border-color:#3b6f7b;box-shadow:0 4px #315e6b}.primary:hover{background:#427e8d}.motion-setting input{accent-color:#518e9b}
.fallback-missing{position:absolute;inset:22% 8% 17%;display:grid;grid-template-rows:1fr .65fr;gap:25px}.fallback-stage{position:relative;border:8px solid #e3bc88;border-bottom-width:17px;border-radius:25px;background:#f7eee3;overflow:hidden}.fallback-row{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;height:100%;padding:30px 22px}.display-toy{display:grid;place-items:center;flex:1;min-width:0;max-width:160px;aspect-ratio:1;border-radius:23px;background:#fff7e5;border-bottom:6px solid #d6b881}.display-toy svg{width:95%;height:95%}.display-toy.found{box-shadow:0 0 0 5px #e2b347}.fallback-curtain{position:absolute;top:0;bottom:0;width:51%;z-index:2;background:repeating-linear-gradient(90deg,#a85a7f 0,#ca80a0 16px,#dc9ab5 32px,#b76e8e 48px);border-bottom:9px solid #edc778;transition:transform 650ms ease-in-out}.fallback-curtain.left{left:0;transform:translateX(-100%)}.fallback-curtain.right{right:0;transform:translateX(100%)}.fallback-missing[data-phase="closing"] .fallback-curtain{transform:translateX(0)}.scene-paused .fallback-curtain{transition:none}
.fallback-choices{display:flex;align-items:center;justify-content:center;gap:30px}.fallback-choices button{width:150px;height:150px;border:6px solid #fff7dc;outline:4px solid #c69a38;border-radius:26px;background:#f6d984;box-shadow:0 7px #c39b46}.fallback-choices button:nth-child(2){background:#efa092;outline-color:#c06e61;box-shadow:0 7px #bd7466}.fallback-choices button:nth-child(3){background:#9acfae;outline-color:#53936c;box-shadow:0 7px #5f9a77}.fallback-choices button[hidden]{display:none}.fallback-choices svg{width:100%;height:100%}.fallback-choices button.wrong{transform:translateX(5px)}.fallback-choices button.found{outline:6px solid #e6ab32}.fallback-choices button:focus-visible{outline:5px solid #2f649b;outline-offset:7px}
@media(orientation:portrait){.fallback-missing{inset:22% 7% 18%;grid-template-rows:1.1fr .65fr;gap:45px}.fallback-row{flex-wrap:wrap;padding:25px;gap:20px}.fallback-row[data-count="4"] .display-toy,.fallback-row[data-count="5"] .display-toy{flex-basis:27%;flex-grow:0}.fallback-choices{gap:22px}.fallback-choices button{width:140px;height:145px}}
@media(max-width:900px){.brand h1{font-size:14px}.brand small{font-size:8px}.missing-order{top:18px}.round-progress{left:20px}}
@media(max-width:600px){.brand h1{font-size:11px}.brand small{font-size:6px;letter-spacing:.6px}.missing-order{top:12px;padding:7px 10px}.missing-order .order-content{gap:8px}.order-missing{width:29px;height:32px}#question{font-size:15px}#stage-step{height:24px;gap:10px}#stage-step svg{width:20px;height:20px}.round-progress{top:125px;left:17px;flex-direction:row;gap:9px;align-items:center}#progress{display:flex;gap:3px}.progress-star{width:16px;height:16px}.missing-world .hint-button{right:20px;bottom:27px;width:48px;height:49px;border-radius:17px}.ready-button{right:85px;bottom:27px;min-width:70px;height:49px;padding:0 13px;border-radius:17px}.ready-button span{display:none}.bottom-note{left:15px;max-width:calc(100% - 190px);padding:8px 10px;gap:6px;min-height:49px}.bottom-note p{font-size:10px}body[data-phase="answer"] .bottom-note,body[data-phase="solved"] .bottom-note{max-width:calc(100% - 90px)}.fallback-missing{inset:29% 4% 18%;gap:20px}.fallback-row{padding:12px;gap:10px}.fallback-choices{gap:15px}.fallback-choices button{width:80px;height:90px;border-width:4px;border-radius:18px}.fallback-stage{border-width:5px;border-bottom-width:10px}.missing-demo svg{width:66px;height:66px}}
@media(max-height:650px) and (min-width:601px){.missing-order{top:8px;padding-block:5px}#question{font-size:17px}.order-missing{width:34px;height:34px}#stage-step{height:22px}#stage-step svg{width:19px;height:19px}.round-progress{top:20px}.missing-world .hint-button{bottom:20px;width:53px;height:53px}.ready-button{bottom:20px;height:53px;right:99px}}
.reduce-motion .fallback-curtain{transition:none!important}
@media(prefers-reduced-motion:reduce){.fallback-curtain{transition:none}}