:root{font-family:system-ui,-apple-system,"Noto Sans TC",sans-serif;color:#edf0e1;background:#142336;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 18% 0,#45506b,transparent 65%),#142336;min-height:100svh}button,textarea{font:inherit}button{min-height:44px;min-width:44px;border:1px solid #9bb5b8;border-radius:10px;padding:9px 12px;background:#2b4a58;color:#fff4e2;cursor:pointer;font-size:13px}button:disabled{opacity:.48;cursor:default}button[aria-pressed=true]{border-color:#f3dea0;background:#566d65;box-shadow:inset 0 0 0 1px #f3dea0}a{color:#dcebc8}a,summary{min-height:44px}summary{cursor:pointer;display:flex;align-items:center}a{display:inline-flex;align-items:center}:focus-visible{outline:3px solid #ffe7ab;outline-offset:3px}[hidden]{display:none!important}.skip{position:absolute;top:-70px;left:8px;padding:10px;background:#294556;z-index:10}.skip:focus{top:8px}header{max-width:1120px;margin:auto;padding:10px 16px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 16px;font-size:13px}header>a{font-weight:700;text-decoration:none}nav{display:flex;gap:18px;flex-wrap:wrap}main{max-width:1120px;margin:auto;padding:0 12px}.room{background:#21394c;border:1px solid #6d899c;border-radius:22px;overflow:hidden}.heading{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 16px}.heading h1{font-size:clamp(20px,3vw,29px);margin:4px 0}.heading p{font-size:13px;margin:4px 0;color:#cfddd4}.eyebrow{font-size:10px!important;letter-spacing:.15em;color:#ffe3af!important}#stage{position:relative;height:470px;background:#23374e;overflow:hidden}#game{position:absolute;inset:0}canvas{display:block;touch-action:none}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#162c40e8;padding:18px;z-index:2}.overlay h2{font-size:clamp(25px,4vw,38px);line-height:1.5;margin:8px}.overlay p,.overlay a{font-size:13px}.overlay button{margin:10px;background:#e7eeb5;color:#213b44;font-weight:800}.controls{padding:12px 16px}.targets,.primary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.targets button{padding:7px 4px;font-size:12px;line-height:1.5}.primary{margin-top:8px}.primary #go{font-weight:800;background:#e2eab6;color:#253e47}.controls p{font-size:13px;line-height:1.65;margin:7px 0;overflow-wrap:anywhere}#notice{border-left:3px solid #efd39b;padding:5px 9px;background:#172f41}#phase{font-weight:700;color:#dce7b7}#progress,#dirty{font-size:12px;color:#c2d7d0}.more{border-top:1px solid #63818c;margin-top:8px;font-size:13px}.secondary{display:flex;flex-wrap:wrap;gap:6px}.nudge{display:flex;flex-wrap:wrap;gap:6px}#assist{border:1px solid #879da0;border-radius:10px;padding:8px;margin:8px 0}.play-share,.adult{border:1px solid #6d899c;border-radius:15px;padding:8px 14px;background:#203b4d;margin:14px 0;font-size:13px;line-height:1.7}.share-actions{display:flex;flex-wrap:wrap;gap:8px}.play-share p{margin:6px 0}.play-share textarea{display:block;width:100%;min-width:0;padding:10px;background:#122b3c;color:#fff1d9;resize:vertical;overflow-wrap:anywhere;border:1px solid #9bb5b8;border-radius:8px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.error,[data-play-leave-status]{margin:10px;padding:10px;border:1px solid #d4a7a1;border-radius:10px;font-size:13px;line-height:1.7}.error{background:#543447}footer{max-width:1120px;margin:20px auto;padding:16px;font-size:12px;color:#aec3c0}@media(max-width:650px){header{padding:6px 14px;gap:0}nav{gap:14px}.heading{padding:8px 12px}.heading h1{font-size:20px}.eyebrow{display:none}.heading p{font-size:12px}#stage{height:clamp(245px,34svh,340px)}.controls{padding:8px}.primary{gap:5px}.primary button{font-size:12px;padding:8px 4px}.targets{gap:5px}.targets button{font-size:11px}.controls p{font-size:12px}main{padding:0 8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}