/* Looplay: compact controls, recognisable status and comfortable targets. */
[hidden]{display:none!important}
.platform-strip .wrap>span{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}.platform-strip img{width:27px;height:27px;object-fit:contain}.platform-strip img[alt="TikTok"]{filter:invert(1)}
.plan-badge{display:inline-flex!important;align-items:center;gap:8px;padding:7px 12px;border:1px solid #34405c;border-radius:12px;background:#111a2b;color:#dce7ff;font-weight:700;font-size:13px;white-space:nowrap}.plan-badge img{width:25px;height:25px}.plan-badge[data-plan=pro]{border-color:#467cdf;background:linear-gradient(110deg,#142c58,#112040);box-shadow:inset 0 1px #ffffff12}.plan-badge span{font-size:inherit}
#game-picker{width:min(560px,calc(100vw - 32px));max-height:85vh;padding:28px;border:1px solid #303b51;border-radius:20px;background:#0e1420;box-shadow:0 32px 100px #000b}#game-picker h2{font-size:25px;letter-spacing:-.7px;margin:0 30px 24px 0}#game-picker .close{top:17px;right:17px}#game-picker .field{margin-bottom:15px}.picker-grid{display:grid;gap:9px;margin:16px 0 20px}.picker-card{display:flex;align-items:center;gap:13px;width:100%;padding:10px;border:1px solid #293247;border-radius:12px;background:#151c29;color:#f6f8ff;text-align:left;cursor:pointer;transition:background .2s,border-color .2s}.picker-card:hover{border-color:#5c90fb;background:#1c2c48}.picker-card[aria-pressed=true]{border-color:#377dff;background:#132749}.picker-card>img{width:100px;height:60px;object-fit:cover;border-radius:7px}.picker-card>span:nth-child(2){flex:1;display:grid;gap:6px}.picker-card strong{font-size:15px}.picker-card small{font-size:11px;color:#a1aec8}.picker-card>span:last-child{padding:10px;color:#8eb8ff}
.editor-note{font-size:11px;line-height:1.65;color:#9aaac5;margin:12px 0}.switch-field{display:flex!important;align-items:center;justify-content:space-between;gap:18px;padding:12px 0;border-bottom:1px solid #ffffff0b}.switch-field>span{max-width:75%;line-height:1.5}.switch-field input[type=checkbox]{appearance:none!important;flex:0 0 37px;width:37px!important;height:22px!important;border:1px solid #45516b!important;border-radius:20px!important;background:#222c3f!important;position:relative;cursor:pointer;margin:0!important;padding:0!important;transition:.18s}.switch-field input:before{content:'';position:absolute;width:16px;height:16px;top:2px;left:3px;border-radius:50%;background:#a4afc3;transition:.18s}.switch-field input:checked{background:#377dff!important;border-color:#377dff!important}.switch-field input:checked:before{background:white;transform:translateX(14px)}.switch-field input:focus-visible{outline:3px solid #8ab5ff;outline-offset:3px}
.trigger-group{border:1px solid #293247;border-radius:9px;margin:12px 0;padding:0 10px}.trigger-group>summary{padding:12px 0;cursor:pointer;font-size:11px;color:#bed4ff;letter-spacing:0;text-transform:none}.trigger-row{gap:5px!important;margin:0 0 12px!important}.trigger-row>span{font-size:11px;color:#c5d2e9}.trigger-row select{font-size:11px!important;padding:9px!important;min-height:35px!important;width:100%}.manifest-test-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}.manifest-test-actions>p{width:100%;margin:0}.manifest-test-actions button{font-size:10px;padding:7px 9px;min-height:30px}.profile-quota{font-size:10px;color:#91a8ca;display:block;margin:8px 0 12px}
.panic-button{width:auto!important;min-width:92px;font:600 11px/1.2 inherit!important;color:#ff9cac!important;background:#ed345b13!important;border:1px solid #ed345b44!important;border-radius:7px!important;padding:8px 10px!important;white-space:nowrap}.panic-button:hover{background:#ed345b33!important}
.upload-control{border:1px dashed #425775;border-radius:12px;padding:14px!important;background:#14203970;gap:10px!important;transition:border-color .2s}.upload-control:hover{border-color:#74a3ff}.upload-control>span{font-size:12px!important;font-weight:700;color:#e0eaff}.upload-control input[type=file]{width:100%;padding:0!important;min-height:35px;background:transparent!important;border:0!important;font-size:10px;color:#9fafca}.upload-control input::file-selector-button{border:1px solid #527bba;border-radius:7px;background:#254d8a;color:white;padding:9px 12px;font:600 11px system-ui;cursor:pointer;margin-right:8px}.upload-control input:disabled::file-selector-button{background:#263248;border-color:#3d4e66;color:#a9b8d2;cursor:not-allowed}.upload-control small{font-size:10px;line-height:1.6;color:#93a6c5}.sound-grid{gap:7px!important}.sound-grid .sound-pad{min-height:72px!important;padding:11px 4px!important;background:linear-gradient(145deg,#17273f,#111a2b)!important;border:1px solid #314668!important;border-radius:10px!important;transition:transform .12s,background .2s,border-color .2s}.sound-grid .sound-pad span{font-size:22px!important;line-height:1.3}.sound-grid .sound-pad b{font-size:9px;line-height:1.3;font-weight:600;color:#d6e4ff}.sound-grid .sound-pad:hover{border-color:#6d9fff!important;background:#1f3e69!important}.sound-grid .sound-pad:active,.sound-grid .sound-pad.is-playing{transform:scale(.95);border-color:#83b0ff!important;background:#2556a2!important}#audio-output{width:100%;padding:10px;border:1px solid #34435d;border-radius:8px;background:#111c2d;color:#c4d8fc;margin:12px 0 5px;font-size:11px}.media-row{display:flex;gap:7px;margin:8px 0}.media-row>.chip{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 32px)}.media-delete{border:1px solid #443046;border-radius:7px;background:#eb456317;color:#ff9bab;cursor:pointer;width:28px}.media-library:empty{display:none}
.account-features{text-align:left;border-top:1px solid #263149;margin-top:25px;padding-top:20px}.account-features h2{font-size:20px;margin-bottom:14px}.usage-card{padding:15px;border:1px solid #2a3c5c;background:#13213a66;border-radius:12px;font-size:13px;margin:12px 0}.usage-card strong{color:#ecf3ff}.usage-card p{font-size:12px;margin:7px 0!important}.support-form{display:grid;gap:10px;text-align:left;margin-top:14px}.support-form input,.support-form textarea{width:100%;background:#0c1423;color:#e9f2ff;border:1px solid #34425a;border-radius:8px;padding:11px;font:inherit;font-size:13px}.support-ticket{border:1px solid #28374d;background:#141e2d;border-radius:10px;margin:12px 0;padding:13px;font-size:13px}.support-ticket small{display:block;margin:7px 0;color:#9aaece}.support-ticket p{font-size:13px!important}.support-form textarea{min-height:110px}
.home-step-art{position:relative;width:100%;padding:0;cursor:pointer;color:inherit;font:inherit;transition:border-color .25s,box-shadow .25s;overflow:visible}.home-step.active .home-step-art{border-color:#568eff;box-shadow:0 0 0 1px #377dff44,0 10px 40px #1c54b31a}.home-step-art .step-username{min-width:100px}.tutorial-event{animation:tutorial-pop .45s ease}.home-how-controls{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:25px;font-size:12px;color:#90a6c8}.home-how-controls button{border:1px solid #334965;border-radius:8px;background:#12233c;color:#c9ddff;min-height:34px;padding:7px 13px;cursor:pointer}.home-step .step-url i{font-size:10px}.home-step .step-chat-avatar{transition:transform .25s}.home-step.active .step-chat-avatar{animation:tutorial-bounce .6s ease}.home-step button:focus-visible{outline:2px solid #78a9ff;outline-offset:5px}@keyframes tutorial-pop{from{opacity:.2;transform:translateY(8px) scale(.94)}to{opacity:1;transform:none}}@keyframes tutorial-bounce{50%{transform:scale(1.17)}}
.game-detail-main{padding-top:35px}.game-detail-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:28px 0}.game-detail-heading h1{font-size:clamp(38px,7vw,72px);letter-spacing:-2px;margin:8px 0}.game-detail-heading p{color:#a4b8d8;line-height:1.8;max-width:580px}.game-detail-preview{position:relative;aspect-ratio:16/9;border:1px solid #30415b;border-radius:20px;overflow:hidden;background:radial-gradient(ellipse at center,#182b49,#090e17)}.game-detail-preview>img{width:100%;height:100%;object-fit:cover;opacity:.8}.game-detail-preview>button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:17px 25px;border:1px solid #ffffff4d;border-radius:50px;background:#f8faff;color:#10336b;box-shadow:0 10px 45px #0008;cursor:pointer;font:750 15px system-ui;white-space:nowrap}.game-detail-preview iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.game-detail-note{display:flex;gap:14px;align-items:center;justify-content:space-between;color:#9fb7d8;font-size:12px;margin:14px 0}.game-demo-controls{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.game-about{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin:50px 0 80px}.game-about h2{font-size:28px}.game-about p{color:#a7b9d5;line-height:1.8}.game-actions-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.game-action-card{border:1px solid #2a3c55;border-radius:12px;background:#101b2c;padding:14px}.game-action-card b{display:block;font-size:13px}.game-action-card small{display:block;color:#8dafdf;font-size:12px;margin-top:7px}
.pricing-status{padding:13px 17px;border:1px solid #2b466a;border-radius:11px;background:#14223a;color:#b7cdec;font-size:13px;line-height:1.7;margin:25px 0}.price-card h2{display:flex;align-items:center;gap:10px}.price-card h2 img{width:32px;height:32px}.comparison .coming-soon{color:#a4aec5;font-size:12px}.price-card .coming-soon{color:#92a9ca;font-size:11px;display:block;margin-top:3px}
@media(max-width:700px){.game-detail-heading{display:block}.game-detail-heading>.button{margin:15px 0}.game-detail-preview{aspect-ratio:9/13}.game-detail-preview>img{object-fit:cover}.game-about{grid-template-columns:1fr;gap:25px}.game-detail-note{align-items:start;line-height:1.6}.game-detail-preview>button{font-size:13px;padding:14px 18px}.platform-strip .wrap{gap:20px!important}.platform-strip .wrap small{width:100%;text-align:center}.home-how-controls{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.home-step.active .step-chat-avatar,.tutorial-event{animation:none!important}.sound-pad{transition:none!important}}
.sound-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.sound-grid .sound-pad span{opacity:1!important}.sound-grid .sound-pad b{white-space:normal;overflow-wrap:anywhere;max-width:100%}.panic-button{font-family:inherit!important;font-size:11px!important;font-weight:600!important}

.manifest-board-actions{display:flex;flex-wrap:wrap;gap:7px;padding:12px 0;border-bottom:1px solid #ffffff12;margin-bottom:12px}.manifest-board-actions p{width:100%;margin:0 0 4px}.manifest-board-actions .chip{font-size:11px;padding:9px 11px}
