button.on small{color:#ffb3cb} #sp-talk .sp-tabs .sp-close2{flex:0 0 56px} #sp-talk>*{order:1} #sp-talk .sc-talk-h{order:0} @media (max-width:768px){#hyper-controller{bottom:calc(140px + env(safe-area-inset-bottom))}} /* 2026-10-10 fixes: the action button (BOARD / EXIT SHIP ...) sits above the HUD layers; the cockpit mini-player moves up so it never covers it */ .sc-act{z-index:16} @media (min-width:900px){.mp-mini.is-cockpit{bottom:calc(92px + env(safe-area-inset-bottom))}} #rf-following{position:absolute;z-index:15;left:50%;transform:translateX(-50%);bottom:calc(150px + env(safe-area-inset-bottom));font-size:13px;color:#f6e9c4;background:rgba(8,4,8,.85);border:1px solid #e8c36a;border-radius:14px;padding:6px 8px 6px 12px;display:flex;gap:8px;align-items:center;max-width:90vw;pointer-events:auto;font-family:system-ui,sans-serif;letter-spacing:.06em} #rf-following b{color:#ffd27a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #rf-following button{min-height:40px;min-width:44px;padding:0 12px;border-radius:12px;border:1px solid #e8c36a;background:#140c10;color:#f6dc8e;font:700 12px system-ui,sans-serif;cursor:pointer} @media (max-width:600px){#rf-following{bottom:calc(235px + env(safe-area-inset-bottom))}} /* 2026-10-10: ARRIVED toast + real-state mode label */ #hc-arrived{position:absolute;z-index:17;left:50%;top:34%;transform:translate(-50%,-50%) scale(.96);padding:10px 18px;border-radius:14px;border:2px solid #e8c36a;background:rgba(8,4,8,.9);color:#ffd27a;font:800 15px/1.2 system-ui,sans-serif;letter-spacing:.12em;max-width:86vw;text-align:center;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s} #hc-arrived.show{opacity:1;transform:translate(-50%,-50%) scale(1)} #hc-mode-indicator{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} @media (max-width:600px){#hc-mode-indicator{max-width:150px}} /* Voice Speed V1 — listener setting, SABLE talk panel (not main screen) */ .sc-voice-speed{display:flex;align-items:center;gap:8px;padding:6px 12px;border-bottom:1px solid #2a2033;font-size:11px;color:#a49aa8;letter-spacing:.15em} .sc-voice-speed span{flex:1} .sc-voice-speed button{background:none;border:1px solid #6b5220;color:#cfc0c0;border-radius:6px;padding:4px 10px;font-size:11px;cursor:pointer;min-height:32px} .sc-voice-speed button.on{border-color:#e8c872;color:#e8c872} /* Audio Drive — receiver mode, SABLE talk panel (not main screen) */ .sc-receive{display:flex;align-items:center;gap:8px;padding:6px 12px;border-bottom:1px solid #2a2033;font-size:11px;color:#a49aa8;letter-spacing:.15em} .sc-receive span{flex:1} .sc-receive button{background:none;border:1px solid #6b5220;color:#cfc0c0;border-radius:6px;padding:4px 10px;font-size:11px;cursor:pointer;min-height:32px} .sc-receive button.on{border-color:#e8c872;color:#e8c872} ===== FILE: public/city/city.css.bak-marquee-20261011 ===== /* SOLID CITY — red / black / gold, iPhone-first */ *{box-sizing:border-box;-webkit-tap-highlight-color:transparent} html,body{margin:0;height:100%;background:#000;overflow:hidden;overscroll-behavior:none;touch-action:none;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#f2f2f2;-webkit-user-select:none;user-select:none} #sc{position:fixed;inset:0} #sc-gl{position:absolute;inset:0;width:100%;height:100%;display:block} [hidden]{display:none !important} .sc-boot{position:absolute;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;background:radial-gradient(80% 60% at 50% 30%,#3a0710 0,#0a0204 60%,#000 100%)} .sc-crest{font-size:44px;color:#e8c36a;text-shadow:0 0 22px rgba(232,195,106,.6)} .sc-boot h1{font:700 clamp(34px,10vw,64px)/1 Georgia,serif;letter-spacing:.08em;color:#e8c36a;margin:8px 0 10px;text-shadow:0 3px 0 #5a0410} .sc-boot p{max-width:440px;color:#cfc8d2;line-height:1.5;margin:0 0 20px} .sc-big{min-width:240px;min-height:58px;border-radius:14px;border:2px solid #e8c36a;background:linear-gradient(180deg,#ff3048,#a30d1d);color:#fff;font:900 17px/1 system-ui,sans-serif;letter-spacing:.18em;cursor:pointer;box-shadow:0 10px 30px rgba(227,18,44,.45)} .sc-big[disabled]{opacity:.5} .sc-load{margin-top:14px;font-size:12px;color:#a49aa8;letter-spacing:.12em} .sc-back{margin-top:22px;color:#e8c36a;font-size:13px;text-decoration:none} #sc-hud{position:absolute;inset:0;pointer-events:none;z-index:10} #sc-hud button,#sc-hud a,.sc-stick{pointer-events:auto} .sc-top{position:absolute;top:calc(8px + env(safe-area-inset-top));left:8px;right:8px;display:flex;gap:6px;align-items:stretch} .sc-stat{background:rgba(6,4,8,.72);border:1px solid #6b5220;border-radius:9px;padding:5px 8px;min-width:58px;display:flex;flex-direction:column;justify-content:center} .sc-stat b{font:700 15px/1.1 ui-monospace,Menlo,monospace;color:#f6dc8e} .sc-stat span{font-size:9px;letter-spacing:.14em;color:#b9aeb8;margin-top:2px} .sc-stat:first-child{flex:1;min-width:0}.sc-stat