:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#efe8e5;background:#201f30;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible{outline:3px solid #c0b0ef;outline-offset:3px}button{border:1px solid #686078;background:#383247;color:#f9eee5;padding:10px 16px;border-radius:12px;transition:background .15s}button:hover:enabled{background:#52445e}button.primary{background:#d5c0ee;color:#2c2638;border-color:#d5c0ee;font-weight:700}button.primary:hover:enabled{background:#e9d8fc}button.quiet{background:transparent;border-color:#5b5467}input{border:1px solid #746980;border-radius:10px;padding:12px;background:#272334;color:#fff;min-width:0}small,.muted{color:#c1b6c8}h1,h2,p{margin-top:0}h1,h2{font-family:Georgia,serif;font-weight:400}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;border-bottom:1px solid #43394e;background:#252133}header h1{font-size:27px;margin:0;color:#f4d9b5}header p{font-size:10px;letter-spacing:.2em;margin:5px 0 0;color:#b6a3c5}.header-right{display:flex;align-items:center;gap:14px;font-size:12px}.dot{display:inline-block;width:7px;height:7px;background:#a5cfad;border-radius:50%;margin-right:7px;box-shadow:0 0 10px #a5cfad55}#room-code{font-weight:700;letter-spacing:.12em;color:#eed4b4}main{max-width:1450px;margin:auto;padding:20px 3% 10px}.scene-top{display:flex;justify-content:space-between;font-size:12px;color:#c0b4c9;margin-bottom:10px}.scene-top strong{font-size:10px;color:#dec3a3;letter-spacing:.16em}.scene-shell{position:relative;background:#2c293a;border:1px solid #53475e;border-radius:18px;overflow:hidden;box-shadow:0 16px 60px #09081255}#game{width:100%;aspect-ratio:3/2;max-height:calc(100dvh - 240px)}#game canvas{display:block;margin:auto;touch-action:none}.camera-tools{position:absolute;right:15px;top:13px;display:flex;gap:5px}.camera-tools button{padding:7px 10px;font-size:12px;background:#292335ed}.camera-tools button.active{border-color:#ddc2ed;background:#65506c}#ambient-note{position:absolute;bottom:12px;left:18px;font-size:10px;letter-spacing:.08em;color:#cdbdc9;pointer-events:none}.status-bar{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0}.status-bar strong{font-weight:500;color:#efdbc1}.status-bar p{margin:5px 0 0;font-size:12px;color:#bfb0c8}#confirm{min-width:170px}.bottom-line{display:flex;justify-content:space-between;border-top:1px solid #42374e;padding:12px 0;font-size:10px;color:#a99ab5;letter-spacing:.04em}#notice{position:fixed;bottom:24px;left:50%;transform:translate(-50%);border:1px solid #8a7392;background:#302638f5;color:#fae7cf;padding:12px 20px;border-radius:12px;z-index:20;max-width:90vw;text-align:center;pointer-events:none;font-size:13px;box-shadow:0 6px 30px #100b1c66}#notice:empty{display:none}.overlay{position:fixed;inset:0;background:#151321aa;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;display:grid;place-items:center;padding:20px}.overlay[hidden]{display:none}.lobby-card{width:min(900px,96vw);background:#30283e;border:1px solid #736080;border-radius:24px;box-shadow:0 25px 90px #0a081b88;display:grid;grid-template-columns:.9fr 1.1fr;overflow:hidden}.lobby-art{background:radial-gradient(ellipse at 40% 20%,#655275,#393047 75%);padding:38px 32px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#d4badb}.lobby-art h2{font-size:42px;line-height:1.05;margin:17px 0}.lobby-art p{font-size:13px;line-height:1.7;color:#e2ccdf}.lobby-panel{padding:32px}.lobby-panel h2{font-size:30px;margin:10px 0 8px}.lobby-panel p{font-size:13px;line-height:1.6;color:#c5b7ce}.entry-actions{display:flex;flex-direction:column;gap:13px;margin-top:24px}.join-row{display:flex;gap:8px}.join-row input{width:100%;text-transform:uppercase;letter-spacing:.15em}.character-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}.character{display:flex;align-items:center;gap:10px;background:#3d334c;text-align:left;padding:12px}.character.selected{background:#665075;border-color:#dbc1ee}.character i{width:22px;height:28px;background:var(--coat);border-radius:10px 10px 5px 5px;position:relative}.character i:before{content:"";position:absolute;width:14px;height:14px;background:#e9bc98;border-radius:50%;top:-5px;left:4px}.character span{font-size:13px}.character em{font-size:9px;display:block;color:#ddcde7;font-style:normal}.ready-row{display:flex;gap:8px}.ready-row button{flex:1}#players{font-size:12px;line-height:1.8;background:#272332;border-radius:10px;padding:12px;margin:12px 0;color:#dbc8df}.lobby-code{font-size:25px;letter-spacing:.18em;font-weight:700;color:#f4d6b4}#lobby-error{color:#f2b5b9;min-height:20px;font-size:12px;margin-top:10px}#leave-room{margin-top:12px;font-size:11px;padding:6px 12px}#connection .connection-card{text-align:center;width:min(470px,94vw);padding:40px;background:linear-gradient(145deg,#726486,#473e5a);border:1px solid #a390b5;border-radius:24px;box-shadow:0 20px 80px #0a081d88;position:relative;overflow:hidden}#connection h2{font-size:29px;margin:25px 0 12px}#connection p{font-size:13px;line-height:1.7;color:#e7d8ec}.washer-art{width:135px;height:145px;margin:20px auto;background:#d6c6e4;border-radius:16px;border:5px solid #b5a0c8;position:relative;box-shadow:9px 10px #29253733;animation:breathe 3s ease-in-out infinite}.washer-art .porthole{position:absolute;width:88px;height:88px;border:8px solid #ab91bc;border-radius:50%;left:18px;top:40px;background:#6a6083;overflow:hidden}.washer-art .porthole:before{content:"◡  ◡";position:absolute;font-size:26px;top:10px;left:8px;color:#e0cdea;white-space:nowrap}.washer-art .porthole:after{content:"";position:absolute;bottom:-10px;left:-15px;width:110px;height:35px;background:#a7a3cf66;border-radius:50%;animation:sway 4s ease-in-out infinite}.washer-art:before{content:"•  •   —";position:absolute;top:8px;left:13px;color:#655275;font-weight:700}.open-sign{font-size:16px;letter-spacing:.3em;color:#e7c2ec;text-shadow:0 0 12px #efaae9,0 0 30px #da95e7;border:1px solid #c49ccb;padding:5px 13px;border-radius:6px;display:inline-block;transform:rotate(-4deg);animation:glow 4s ease-in-out infinite}.rain-art{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(108deg,transparent 0 44px,#d3c5f111 44px 45px,transparent 45px 72px);animation:rainfall 3s linear infinite}.lobby-art .washer-art{transform:scale(.9);margin:22px auto}#retry{margin-top:15px}#joystick{display:none;position:absolute;left:20px;bottom:35px;width:105px;height:105px;border-radius:50%;background:#a28bb133;border:1px solid #e4c8e577;touch-action:none;z-index:3}#stick{position:absolute;left:32px;top:32px;width:40px;height:40px;border-radius:50%;background:#d8c1e9bb;border:2px solid #f1dcee;pointer-events:none}#hand{display:none;position:absolute;right:25px;bottom:35px;width:70px;height:70px;border-radius:50%;background:#d4b5e6df;color:#30263e;font-size:24px;z-index:3}.touch-enabled #joystick,.touch-enabled #hand{display:block}#rotate{display:none;position:fixed;inset:0;z-index:30;background:#272337;align-items:center;justify-content:center;text-align:center;padding:35px}#rotate h2{font-size:32px}#rotate p{line-height:1.7;color:#cebed8}@keyframes breathe{50%{translate:0 -5px}}@keyframes sway{50%{translate:10px 3px}}@keyframes glow{50%{opacity:.7}}@keyframes rainfall{to{background-position:20px 100px}}@media(pointer:coarse){#joystick,#hand{display:block}}@media(max-height:600px)and (orientation:landscape){header{height:49px;padding:0 2%}header h1{font-size:20px}header p{display:none}.header-right{gap:8px;font-size:10px}.header-right button{padding:5px 8px;font-size:10px}main{padding:7px 2% 0;max-width:1050px}.scene-top{margin-bottom:4px;font-size:9px}#game{max-height:calc(100dvh - 142px)}.status-bar{min-height:51px;padding:7px 0}.status-bar p{font-size:10px;margin:2px 0}.status-bar strong{font-size:12px}#confirm{min-width:135px;padding:8px}.bottom-line{padding:5px;font-size:8px}.camera-tools{right:8px;top:7px}.camera-tools button{padding:5px 8px;font-size:10px}.lobby-card{max-height:94dvh;overflow:auto;grid-template-columns:.8fr 1.2fr}.lobby-panel{padding:15px 24px}.lobby-panel h2{font-size:23px;margin:4px 0}.lobby-panel p{font-size:11px;margin-bottom:5px}.lobby-art{padding:20px}.lobby-art h2{font-size:30px}.lobby-art .washer-art{margin:5px auto;scale:.7}.character-grid{margin:8px 0;gap:5px}.character{padding:8px 10px}#players{padding:6px 10px;margin:7px 0;font-size:10px}#lobby-error{margin-top:4px;min-height:12px}#leave-room{margin-top:5px}.connection-card{padding:15px!important}.connection-card .washer-art{scale:.7;margin:-5px auto!important}.connection-card h2{margin:5px 0!important}#joystick{width:85px;height:85px;left:16px;bottom:24px}#stick{left:22px;top:22px}#hand{width:58px;height:58px;right:18px;bottom:24px}}@media(max-width:640px)and (orientation:portrait){#rotate{display:flex}.lobby-card{grid-template-columns:1fr}.lobby-art{display:none}header h1{font-size:18px}.header-right{font-size:10px;gap:5px}.header-right button{padding:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-height:600px)and (orientation:landscape){.bottom-line{display:none}}