*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:#e6b3f2;font-family:Arial,"Microsoft YaHei",sans-serif;color:#563c66}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid #25d9ee;outline-offset:5px}#experience{position:relative;width:100%;height:100%;isolation:isolate;touch-action:none;user-select:none}.fullscreen{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}#opening{z-index:2;transition:opacity .55s}#shake{z-index:4} .concealed{visibility:hidden!important;opacity:0!important;pointer-events:none!important}#glow{position:fixed;inset:0;width:100%;height:100%;z-index:20;pointer-events:none;mix-blend-mode:screen}#guide{position:absolute;z-index:6;top:max(30px,env(safe-area-inset-top));left:max(32px,env(safe-area-inset-left));display:flex;gap:17px;padding:20px 25px 17px 18px;border:1px solid #ffffffa8;border-radius:20px;background:#fff9;box-shadow:0 8px 35px #755a8420;backdrop-filter:blur(16px);transition:opacity .4s}.gesture{width:40px}.gesture svg{width:38px;height:80px;fill:none;stroke:#695a89;stroke-width:2;stroke-linecap:round;animation:slide 2s infinite}#guide p{font-size:16px;font-weight:600;margin:2px 0 9px;letter-spacing:.04em}#hint{font-size:12px;color:#7c6c88}.track{margin-top:12px;height:3px;width:100%;background:#bdaccc70;border-radius:4px;overflow:hidden}.track i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#68e2f9,#bf7ff1);transform:scaleX(0);transform-origin:left}#start{border:0;background:none;font-size:11px;color:#71627e;padding:10px 0 0}#start span{padding-left:8px}.window{position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%);width:min(80vw,1100px,180vh);filter:drop-shadow(0 18px 28px #70346a40);transition:width .4s;animation:appear .5s ease-out}.window.square{width:min(46.4vw,82.4vh)}#panel{width:100%;height:auto;display:block}#next{position:absolute;top:3.1%;right:4%;width:5%;height:12%;border:0;background:transparent;border-radius:30%;min-width:24px;min-height:24px}#next:hover{background:#ffb3d340}.window.square #next{right:9.2%;top:3.4%;width:7.7%;height:9%}.window.help #next{right:4.2%;top:2.6%;width:4.3%;height:9%}#pixels{position:absolute;inset:0;pointer-events:none;overflow:hidden}#pixels i{position:absolute;background:#f484b4;opacity:0}#controls{position:absolute;right:max(24px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));z-index:9;display:flex;gap:10px}#controls button,#retry{border:1px solid #fff9;background:#fff9;color:#664d70;border-radius:30px;padding:10px 16px;font-size:12px;backdrop-filter:blur(12px)}#notice{position:absolute;bottom:25px;left:28px;z-index:10;font-size:13px;background:#fffd;border-radius:12px;padding:12px;max-width:65vw}#notice:empty{display:none}#retry{position:absolute;z-index:12;left:28px;bottom:85px}@keyframes slide{0%,100%{transform:translateY(-3px)}60%{transform:translateY(7px)}}@keyframes appear{from{opacity:0;transform:translate(-50%,-46%) scale(.98)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media(max-width:600px){#guide{top:20px;left:18px;padding:14px;gap:9px}#guide p{font-size:14px}.window{width:96vw}.window.square{width:min(94vw,82.4vh)}#controls{right:14px;bottom:16px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}#glow{display:none}}