/* Fracture: shared production direction selected from the 3.58 proposals. */
:root{--fracture:#ef91b4;--fracture-panel:#101c29ed}html[data-universe=blue]{--fracture:#80baff}
.panel-dialog,.fracture-pause,dialog:not(.panel-dialog){color:#e8edf0;background:var(--fracture-panel);border:1px solid #93a9bc55;border-radius:24px;box-shadow:0 24px 90px #030a1c99;backdrop-filter:blur(20px);max-width:min(510px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:30px}
dialog::backdrop{background:#07101dd6;backdrop-filter:blur(7px)}.panel-dialog h2,.fracture-pause h2{font-weight:500;letter-spacing:-.045em;line-height:1.1}.panel-dialog button:not(.icon-button):not(.close-dialog),.panel-dialog a.secondary-button{border-radius:24px}.panel-dialog .eyebrow,.fracture-kicker{font:600 10px/1.5 system-ui;letter-spacing:.18em;color:var(--fracture);margin:0 0 14px}.fracture-pause{width:410px}.fracture-pause h2{font-size:42px;margin:0 0 15px}.fracture-description,.fracture-status{font:13px/1.65 system-ui;color:#bccad4}.fracture-status:empty{display:none}.fracture-choices{display:grid;gap:10px;margin-top:24px}.fracture-choices button{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;width:100%;border:1px solid #7894a45c;border-radius:28px;padding:13px 20px;background:#233447cc;color:#eef1f1;font:600 14px system-ui;cursor:pointer}.fracture-choices .fracture-primary{background:var(--fracture);border-color:transparent;color:#101c29}.fracture-choices button:focus-visible,.fracture-session-actions button:focus-visible{outline:2px solid var(--fracture);outline-offset:4px}.fracture-choices button:hover{filter:brightness(1.14)}
.fracture-session-actions{position:fixed;top:max(14px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));z-index:27;display:flex;gap:8px}.fracture-session-actions[hidden]{display:none}.fracture-session-actions button{min-width:44px;height:44px;display:flex;align-items:center;justify-content:center;gap:7px;background:#152435e8;border:1px solid #94adbd60;color:#edf2f3;border-radius:24px;padding:10px;cursor:pointer;font:600 11px system-ui}.fracture-session-actions svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
body.xr-mode .fracture-session-actions,body.xr-mode .fracture-pause,body.in-xr .fracture-session-actions,body.in-xr .fracture-pause{display:none!important}body.xr-mode .pw-companion{display:none}
#lobby .intro{width:min(400px,100%);max-width:100%;padding:22px;border:1px solid #9cb4c540;border-radius:24px;background:linear-gradient(120deg,#112031d9,#1120317a);backdrop-filter:blur(10px)}#lobby h1{font-size:clamp(39px,4.3vw,62px);letter-spacing:-.055em;line-height:1.02;margin:16px 0}#lobby .tagline{font-size:14px;margin:12px 0}#lobby .description{font-size:12px;line-height:1.6;margin-bottom:18px}#lobby .mission-intro{border:0;padding:0;margin:12px 0}#lobby .mission-intro h2{font-size:18px}#lobby .mission-intro p{font-size:11px;line-height:1.5}#lobby .mode-choice{display:flex;flex-wrap:wrap;gap:5px}#lobby .mode-choice button,#lobby .mode-choice a{flex:1;min-height:42px;border:1px solid #a0b5c147;border-radius:22px;background:#132331d9;padding:10px 13px;color:#e9edf0;font:600 10px system-ui;white-space:nowrap}#lobby .mode-choice [aria-pressed=true]{border-color:var(--fracture);color:var(--fracture);background:#294054}#lobby .character-choice{margin:14px 0}#lobby .character-choice-heading{font-size:9px}#lobby .character-cards{display:flex;gap:8px}#lobby .character-card{min-height:38px;padding:8px;flex:1;border:1px solid #9cb4c54a;border-radius:22px;background:#132331b0}#lobby .character-card.selected{border-color:var(--fracture);color:var(--fracture)}#lobby .play-button{border-radius:30px;min-height:55px;background:var(--fracture);color:#101c29;padding:10px 19px}#lobby .play-icon{display:none}#lobby .play-arrow{color:inherit}#lobby .play-note,#lobby .scene-caption,#lobby .lobby-bottom,#lobby .lobby-art-credit{display:none}#lobby .launch-status{font-size:10px;color:#b5c9d3}#lobby .lore-link{font-size:10px;margin-top:14px}#lobby .training-shortcut{font-size:10px;padding:10px 0}.masthead .header-actions{gap:8px}.masthead .vr-menu-button,.masthead .icon-button,.masthead .text-button{border-radius:24px}.masthead .hands-menu-button{display:none}#welcome-art:after{background:linear-gradient(90deg,#0c142ed9,#1b1c4155,transparent),linear-gradient(0deg,#101c36d9,transparent 75%)}
.pw-companion-toggle{border-radius:50%;background:#152435e8;border-color:#94adbd60}.pw-companion-panel{border-radius:24px;background:#101c29f5;border-color:#9cb4c54a;border-top-color:var(--partner);padding:22px}.pw-companion-skill{border-radius:20px;padding:14px;background:#243447aa}.pw-companion-panel header button{border-radius:50%}
.pw-mission-loading .pw-load-track{height:4px;border-radius:4px}.pw-load-error{border-radius:24px}
body.pw-live-combat #btnPauseMobile{display:none!important}
body.fracture-home{background:linear-gradient(100deg,#0d1828ed,#101c36b8),var(--home-art,url('./art/accueil.webp')) center/cover fixed}.fracture-home .panel{border-radius:24px;background:#101c29dc;border:1px solid #94adbd55;backdrop-filter:blur(15px)}.fracture-home button,.fracture-home .back{border-radius:26px}.fracture-home h1{font-weight:500}.fracture-home .eyebrow{margin-top:50px}.fracture-home .lead{font-size:17px}.fracture-home .layout{max-width:930px}
@media(max-width:700px){#lobby{padding:95px 20px 26px;align-items:flex-end;height:auto;min-height:100dvh}#lobby .intro{padding:18px;width:100%;border-radius:22px}#lobby h1{font-size:40px}.masthead{padding:16px 20px}.masthead #how-button,.masthead #outfit-button,.masthead .header-divider{display:none}.masthead .brand{font-size:16px}#lobby .character-label{display:none}.panel-dialog,.fracture-pause{padding:24px}.fracture-home .layout{padding-top:90px}.fracture-home .header .back{font-size:10px}.fracture-session-actions{gap:6px;right:12px}.fracture-session-actions button{height:40px;min-width:40px}.fracture-session-actions span{display:none}}
@media(max-height:550px) and (min-width:701px){#lobby{padding-top:82px;align-items:flex-start;height:auto;min-height:100dvh}#lobby .intro{padding:16px;width:370px}#lobby h1{font-size:35px}#lobby .description,#lobby .mission-intro p,#lobby .character-choice-heading{display:none}#lobby .mission-intro{margin:8px 0}#lobby .character-choice{margin:8px 0}#lobby .tagline{margin:7px 0}#lobby .lore-link{margin-top:7px}.fracture-pause{padding:20px}.fracture-pause h2{font-size:30px}.fracture-choices{margin-top:14px;gap:7px}.fracture-choices button{min-height:44px}}
@media(prefers-reduced-motion:reduce){.fracture-choices button,.pw-load-track i{transition:none}}

.fracture-home .actions #at-home-enter{font-family:system-ui}.fracture-home .header{padding-right:110px}body.xr-mode #touchControls,body.xr-mode #combatHud,body.xr-mode #hud,body.xr-mode #m02-touch-controls,body.xr-mode #shade,body.xr-mode #pwMission,body.xr-mode #pwSettings{display:none!important}

#lobby .intro{align-self:center;height:auto;min-height:0}#lobby .character-choice{border:0;background:none;padding:0}.masthead .vr-menu-button,.masthead .icon-button{background:#152435dc;color:#e7eef5;border-color:#92acbd60}#game #quickSettings,#pwSettings{right:max(130px,calc(env(safe-area-inset-right) + 125px))}#help .helpCard,#controlsPanel,#mapPanel,#objectivePanel,#shade .panel{border-radius:24px;background:#101c29ee;border-color:#93a9bc55}#help .helpCard button{border-radius:24px}

.fracture-controls{margin:22px 0;color:#b9cbd7}.fracture-controls summary{font-size:12px;cursor:pointer;padding:8px}.fracture-controls .pause-commands{margin-top:14px}.panel-dialog.pause-dialog>p{font-size:13px;color:#b8c9d4}.panel-dialog.pause-dialog>.secondary-button{display:block;margin-top:10px}.panel-dialog.pause-dialog>.hands-menu-button{display:none}

.fracture-choices [data-pause-view]{border-color:var(--fracture);color:var(--fracture);letter-spacing:.04em}
.fracture-choices [data-pause-view]:disabled{opacity:.5;cursor:default}

#lobby{display:flex;justify-content:flex-start}#lobby .intro{position:relative;left:auto;right:auto;top:auto;bottom:auto;transform:none;max-width:100%;pointer-events:auto}@media(max-width:700px){#lobby .intro{width:100%}}
/* The Fracture lobby is positioned with an id selector: hide it explicitly while playing or inspecting the outfit,
   and keep the desktop card below the masthead brand. */
body.playing #lobby,body.outfit-mode #lobby{display:none}
@media(min-width:701px) and (min-height:551px){#lobby{padding-top:max(84px,calc(env(safe-area-inset-top) + 72px))}}


/* PINK WARS / ENVIRONMENT & MENU FINISH 2026-10-29
   Scoped entirely to interface elements. No characters, rigs or game controls. */
:root{--pw-panel-edge:#92b3c378;--pw-menu-accent:var(--fracture,#f198c8)}
#lobby{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#708da17d transparent}
#lobby .intro{position:relative;isolation:isolate;background:
 linear-gradient(128deg,rgba(26,42,59,.96),rgba(12,23,39,.92) 66%,rgba(15,29,43,.88))!important;
 border:1px solid var(--pw-panel-edge)!important;
 box-shadow:inset 0 1px rgba(232,248,255,.14),0 25px 90px #020810a8,0 3px 25px #80b6cf12;
 overflow:hidden}
#lobby .intro::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:repeating-linear-gradient(90deg,transparent 0 35px,rgba(150,196,217,.05) 35px 36px),
 linear-gradient(142deg,transparent 48%,rgba(114,173,196,.055) 49%,transparent 50%);
 opacity:.62}
#lobby .intro::after{content:"";position:absolute;top:0;left:25px;right:25px;height:2px;
 background:linear-gradient(90deg,var(--pw-menu-accent),#7bcbdf 64%,transparent 100%);pointer-events:none}
#lobby h1{font-weight:900!important;letter-spacing:-.047em;text-shadow:0 8px 28px #060f1da8}
#lobby .tagline{color:#f2f6fc;font-weight:550}
#lobby .mission-intro{position:relative!important;padding:11px 14px!important;border-left:2px solid var(--pw-menu-accent)!important;
 background:linear-gradient(90deg,#8ab8cf10,transparent 95%);border-radius:0 9px 9px 0}
#lobby .mission-intro h2{font-weight:750;line-height:1.25;letter-spacing:-.02em;color:#f4f7fb}
#lobby .mission-intro p{max-width:35em;color:#b8cad8}
#lobby .mode-choice{gap:8px!important}
#lobby .mode-choice button,#lobby .mode-choice a{position:relative;min-height:46px!important;
 border:1px solid #8cabc76a!important;border-radius:12px!important;
 background:linear-gradient(135deg,#253b50,#142536)!important;
 box-shadow:inset 0 1px #ffffff18,0 8px 14px #0004;
 font-weight:750!important;letter-spacing:.055em;transition:border-color .18s,background .18s,transform .18s}
#lobby .mode-choice [aria-pressed=true]{color:#fff!important;border-color:var(--pw-menu-accent)!important;
 box-shadow:inset 0 0 0 1px #e1abde33,0 0 18px #c777b122}
#lobby .mode-choice button:hover,#lobby .mode-choice a:hover{border-color:var(--pw-menu-accent)!important;filter:brightness(1.13)}
#lobby .character-choice{padding:10px 0 5px!important}
#lobby .character-card{border:1px solid #738ca277!important;border-radius:11px!important}
#lobby .character-card.selected{background:#273d51b8!important;border-color:var(--pw-menu-accent)!important}
#lobby #play-button{border:1px solid #fff5!important;border-radius:12px!important;box-shadow:0 9px 28px #03091688,inset 0 1px #fff5}
#story-chapters{border:1px solid #7995b175!important;background:#0b1825ef!important;border-radius:13px!important}
#story-chapters button{border-radius:9px!important;min-height:46px;border:1px solid #728aa06b!important;background:#22374c!important}
#story-chapters button:focus-visible{outline:2px solid var(--pw-menu-accent);outline-offset:2px}
.masthead .header-actions .vr-menu-button,.masthead .header-actions .icon-button{border-color:#93a7b581!important;
 box-shadow:inset 0 1px #ffffff16,0 5px 16px #01061144;min-width:42px;min-height:42px}
.panel-dialog,.fracture-pause,dialog:not(.panel-dialog){border-color:#9bb8ca77;
 background:linear-gradient(135deg,#16293af7,#0b1726f5 76%)!important;
 box-shadow:inset 0 1px #ffffff14,0 26px 88px #01050de0!important}
.panel-dialog h2,.fracture-pause h2{font-weight:700;letter-spacing:-.035em}
.panel-dialog .setting-row{border-bottom:1px solid #7494a329;padding-block:10px}
.panel-dialog :is(button,select,input):focus-visible,.fracture-pause button:focus-visible{outline:2px solid var(--pw-menu-accent);outline-offset:3px}
.fracture-choices button{border-radius:13px!important;min-height:46px;box-shadow:inset 0 1px #ffffff12}
.fracture-choices .fracture-primary{box-shadow:0 12px 30px #020b18a1}
#controlsPanel,#objectivePanel,#shade .panel,#intro .introCard{border:1px solid #819eb282!important;
 background:linear-gradient(135deg,#132738f0,#091624e9)!important;box-shadow:inset 0 1px #fff2,0 18px 50px #0008!important;
 backdrop-filter:blur(12px)}
#controlsPanel,#shade .panel,#intro .introCard{border-radius:13px!important}
#controlsPanel .group select{min-height:39px;border-color:#8aaabe78}
#shade .primary,#intro .primary{border-radius:9px;box-shadow:0 10px 25px #0005}
@media(max-width:700px){
 #lobby{padding-block:76px 24px!important;align-items:flex-start!important}
 #lobby .intro{margin:auto 0!important;padding:17px!important}
 #lobby .mode-choice{gap:6px!important}
 #lobby .mode-choice button,#lobby .mode-choice a{min-height:44px!important}
 .masthead{padding:13px 16px!important}
 #controlsPanel,#objectivePanel{max-width:calc(100vw - 22px)}
}
@media(max-height:550px) and (min-width:701px){
 #lobby{padding-top:71px!important}
 #lobby .intro{margin-bottom:16px}
}
@media(prefers-reduced-motion:reduce){#lobby .mode-choice button,#lobby .mode-choice a{transition:none}}