:root{font-family:ui-rounded,"Arial Rounded MT Bold",system-ui,sans-serif;color:#243246;--pink:#ff5d91;--blue:#36b8ef;--ink:#243246}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#8edfff;touch-action:none}button,input,select{font:inherit}#game{display:block;width:100%;height:100%;background:linear-gradient(#79d7ff 0 58%,#c9f59b 58%)}.screen{position:fixed;inset:0;display:grid;place-items:center;padding:20px;background:linear-gradient(160deg,rgba(75,195,248,.9),rgba(255,138,189,.84));z-index:10;overflow:auto;touch-action:pan-y}.card{width:min(430px,100%);padding:24px;border:4px solid #fff;border-radius:28px;background:rgba(255,255,255,.94);box-shadow:0 18px 50px #30508042}.logo{display:flex;align-items:center;justify-content:center;gap:10px}.logo span{font-size:3.5rem}.logo h1{font-size:clamp(2.5rem,12vw,4rem);margin:0;color:#f13f80;letter-spacing:-.08em;text-shadow:0 4px #ffd2e2}.card>p{text-align:center;margin:5px 0 20px;font-weight:700}.card label,.select-label{display:grid;gap:6px;font-weight:800;margin:12px 0}.card input,.card select{width:100%;border:2px solid #bad3e2;border-radius:14px;padding:12px;background:white;color:var(--ink);font-size:1rem}.choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}fieldset{border:0;padding:0;margin:8px 0}legend{font-weight:800;margin-bottom:7px}.swatches{display:flex;gap:7px;flex-wrap:wrap}.swatch{width:38px;height:38px;border-radius:50%;border:3px solid white;box-shadow:0 0 0 2px #b9cddd;padding:0}.swatch.selected{box-shadow:0 0 0 3px #28394f;transform:scale(1.08)}.primary{width:100%;padding:14px;border:0;border-radius:16px;color:white;background:linear-gradient(135deg,#ff5d91,#ee3c78);font-size:1.2rem;font-weight:900;box-shadow:0 7px 0 #bd2860}.primary:active{transform:translateY(4px);box-shadow:0 3px 0 #bd2860}.topbar{position:fixed;z-index:8;top:max(10px,env(safe-area-inset-top));left:10px;right:10px;display:flex;align-items:center;gap:8px;pointer-events:none}.brand,#online,#task,.round{background:#fffffff0;border:2px solid white;border-radius:18px;padding:9px 12px;box-shadow:0 5px 16px #3b607c36;font-weight:900}.brand{font-size:1.15rem;color:#ed3777;white-space:nowrap}#task{display:grid;line-height:1.05;padding:7px 12px}#task b{font-size:.72rem;color:#e33a76;text-transform:uppercase}#task span{font-size:.78rem;white-space:nowrap}#online{margin-left:auto;font-size:.78rem;white-space:nowrap}.round{pointer-events:auto;border-radius:50%;width:43px;height:43px;padding:0;font-size:1.15rem;color:var(--ink);flex:0 0 auto;touch-action:manipulation}#message,#prompt{position:fixed;z-index:7;left:50%;transform:translateX(-50%);text-align:center;pointer-events:none;font-weight:900}#message{top:76px;background:#243246e8;color:white;border-radius:15px;padding:9px 15px;opacity:0;transition:.25s;max-width:88%}#message.show{opacity:1}#prompt{bottom:145px;background:#fff8c9f5;border:3px solid white;border-radius:16px;padding:8px 13px;max-width:82%}#prompt:empty{display:none}#joystick{position:fixed;z-index:8;left:max(20px,env(safe-area-inset-left));bottom:max(22px,env(safe-area-inset-bottom));width:112px;height:112px;border-radius:50%;background:#ffffff5c;border:3px solid #ffffffa3;box-shadow:inset 0 0 20px #29607b33;pointer-events:auto}#stick{position:absolute;width:54px;height:54px;left:26px;top:26px;border-radius:50%;background:#ffffffe8;border:3px solid white;box-shadow:0 4px 12px #31536a55;pointer-events:none}.actions{position:fixed;z-index:9;right:max(18px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));display:flex;align-items:flex-end;gap:9px;pointer-events:auto}.action{touch-action:manipulation;pointer-events:auto;width:68px;height:68px;border-radius:50%;border:3px solid white;background:#fff9d9f4;font-size:1.65rem;box-shadow:0 6px 15px #31536a50;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent}.action.important{width:78px;height:78px;background:#fff2a8;box-shadow:0 7px 0 #d6a92d,0 9px 18px #31536a55}.action small{font-size:.55rem;font-weight:900;display:block}.action.pressed,.action:active{transform:translateY(4px) scale(.95);box-shadow:0 2px 8px #31536a50}dialog{z-index:20;border:4px solid white;border-radius:24px;background:#fffdf5;color:var(--ink);width:min(430px,calc(100% - 32px));box-shadow:0 25px 80px #1f334d70;padding:25px;touch-action:pan-y}dialog::backdrop{background:#29425999}.close{position:absolute;right:12px;top:8px;border:0;background:none;font-size:2rem;color:var(--ink)}dialog h2{color:#ed3777;margin-top:4px}dialog li{margin:.7rem 0}body:not(.playing) #hud{display:none}@media(max-width:680px){.brand{font-size:0;width:44px;height:44px;padding:8px}.brand:first-letter{font-size:1.5rem}#task{position:absolute;top:52px;left:0}#message{top:112px}#online{margin-left:auto}}@media(min-width:800px){#joystick{width:132px;height:132px;left:40px;bottom:35px}#stick{left:36px;top:36px}.actions{right:40px;bottom:35px}.action{width:78px;height:78px}.action.important{width:88px;height:88px}#prompt{bottom:175px}}@media(pointer:fine){#joystick{opacity:.55}.actions{bottom:28px}}