:root { color-scheme: dark; --pk-bg:#090b12; --pk-panel:#121620; --pk-line:#252a37; --pk-muted:#8b91a5; --pk-text:#eff0f6; --pk-red:#ff496b; --pk-purple:#b193ff; --pk-green:#79d4ac; }
body.sector-site { background: radial-gradient(ellipse at 15% -20%,#25203355,transparent 55%),#090b12; color:var(--pk-text); font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif; }
.sector-site *, .sector-site *::before, .sector-site *::after { box-sizing:border-box; }
.sector-site [hidden] { display:none!important; }
.sector-shell,.sector-site .shell,.sector-site .page-shell { width:min(1360px,calc(100% - 64px)); margin:0 auto; padding:27px 0 24px; }
.sector-site .topbar { display:flex; gap:24px; align-items:center; padding-bottom:23px; margin-bottom:0; border-bottom:1px solid #ffffff0c; }
.sector-site .brand { display:flex; gap:13px; align-items:center; color:#f2f2f7; text-decoration:none; font:600 16px/1 system-ui,sans-serif; letter-spacing:.1em; white-space:nowrap; }
.pk-wordmark { font:italic 800 31px/1 Arial,sans-serif; letter-spacing:-3px; padding-right:2px; }.pk-wordmark>span{color:var(--pk-red);letter-spacing:0}.brand-title{font-size:10px;letter-spacing:.19em;border-left:1px solid #3b3141;padding:7px 0 7px 13px;color:#a3a4b5;}
.sector-site .nav { gap:3px; justify-content:center; }.sector-site .nav a { padding:10px 12px; border-radius:8px; font-size:11px; color:#8f94a7; text-decoration:none; white-space:nowrap; }.sector-site .nav a:hover,.sector-site .nav a.active{color:#e7e4ef;background:#ffffff08;}.sector-site .nav a.active{box-shadow:inset 0 -1px 0 #8c7799;}
.sector-site .identity-controls{display:flex;gap:11px;align-items:center;font-size:10px;color:#c2bccd}.sector-site .identity-controls>span{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sector-site button,.sector-site .button-link,.sector-primary-link{font:600 12px/1.3 Inter,system-ui,sans-serif;border:1px solid #e970822b;background:#d83a59;color:#fff3f5;box-shadow:none;border-radius:9px;padding:12px 17px;cursor:pointer;text-decoration:none;transition:background .18s,border-color .18s,transform .18s;}.sector-site button:hover,.sector-primary-link:hover{background:#ea4567}.sector-site button:disabled{cursor:not-allowed;opacity:.38}.sector-site button.secondary,.sector-site .secondary-link{background:#1c202c;border:1px solid #303242;color:#bab5ca;}.sector-site button.secondary:hover{background:#272737}.sector-site button.compact{font-size:10px;padding:8px 10px}.sector-site button:focus-visible,.sector-site a:focus-visible,.sector-site summary:focus-visible{outline:2px solid #c6a4ec;outline-offset:4px;}.sector-site .muted{color:var(--pk-muted)}
.sector-site .eyebrow,.sector-site .table-kicker{font:600 9px/1.6 system-ui,sans-serif;letter-spacing:.18em;color:#a68caa;margin-bottom:9px;}.sector-site h1,.sector-site h2,.sector-site h3{font-family:Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.04em;}.sector-site h1{font-size:clamp(32px,3.5vw,48px);font-weight:600;line-height:1.14;}.sector-site h2{font-weight:550}.sector-site .card{border:1px solid var(--pk-line);border-radius:16px;background:linear-gradient(145deg,#151924,#11151e);box-shadow:none;padding:23px;}.sector-site input,.sector-site select,.sector-site textarea{border:1px solid #323341;border-radius:8px;background:#0e1119;color:#e5e2ec;padding:12px;font-size:13px;outline:none;}.sector-site input:focus,.sector-site select:focus,.sector-site textarea:focus{border-color:#8b709b;box-shadow:0 0 0 3px #7e5a8a17;}.sector-site label{font-size:12px;font-weight:500;color:#c0bacb}.sector-site .lead{font-size:15px;line-height:1.85;color:#a3a1b4}.sector-site .table-text-link{color:#c0a9dc;font-size:11px}.sector-site .section-heading{margin-bottom:17px}.sector-site .section-heading h2{font-size:21px;letter-spacing:-.035em;color:#e4deee;margin:0;}
.heading-dot{color:#f44a6d}.room-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:36px 0 29px}.room-heading h1{margin:8px 0 11px}.room-heading p{font-size:12px;color:#89879c;margin:0}.room-sync{display:flex;align-items:center;gap:11px;font-size:9px;color:#7a7e91}.sector-site .icon-refresh{background:#171922;border:1px solid #2a2a39;color:#aaa4b9;padding:7px 9px;font-size:15px;}.sync-error{color:#e694a2!important}.sector-room-layout{display:grid;grid-template-columns:minmax(0,1fr) 315px;gap:24px;align-items:start}.voice-room-main,.room-context{min-width:0}.room-context{display:grid;gap:15px}.sector-footer{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin:32px 0 6px;padding-top:17px;border-top:1px solid #ffffff0a;font-size:9px;color:#65677c;line-height:1.6}
#pk-voice-sector{font-family:Inter,system-ui,sans-serif;color:#fff1f0}#pk-voice-sector .voice-stage{position:relative;isolation:isolate;overflow:hidden;text-align:center;padding:25px 27px 15px;border:1px solid #37232f;border-radius:21px;background:radial-gradient(ellipse at 45% 48%,#300a17 0%,#140d17 46%,#0b0c14 86%);}
#pk-voice-sector .voice-stage::before,#pk-voice-sector .voice-stage::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity 850ms ease}#pk-voice-sector .voice-stage::before{background:radial-gradient(ellipse at 98% 0%,#157a55b3 0%,#12644670 19%,#104b3433 34%,transparent 57%)}#pk-voice-sector[data-speaker=green] .voice-stage::before{opacity:1}#pk-voice-sector .voice-stage::after{background:radial-gradient(ellipse at 98% 15%,#6644b59c 0%,#48328166 23%,#33204f22 43%,transparent 65%)}#pk-voice-sector[data-speaker=violet] .voice-stage::after{opacity:1}#pk-voice-sector[data-speaker=blue] .voice-stage::after{opacity:1;background:radial-gradient(ellipse at 95% 10%,#194f879c,transparent 65%)}
.voice-top{display:flex;align-items:center;gap:9px;color:#c9a6b4;font-size:10px;letter-spacing:1.4px;text-align:left;font-weight:500;flex-wrap:wrap}.voice-dot{width:6px;height:6px;border-radius:50%;background:#ee4967;box-shadow:0 0 12px #ff334f88}.brand-divider{width:1px;height:11px;background:#754d60;margin:0 3px}.voice-connection{margin-left:auto;font-size:9px;letter-spacing:.1em;color:#816677}.voice-connection.is-connected{color:#a3c9b3}.voice-orb{position:relative;width:min(100%,410px);aspect-ratio:1;margin:3px auto 0;container-type:inline-size}.voice-orb canvas{display:block;width:100%;height:100%}.voice-mic{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.brand-core{width:26cqw;height:26cqw}.brand-logo{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 10px #e71b3822)}.voice-caption{font-size:22px;font-weight:500;letter-spacing:-.035em;margin-top:-11px}.voice-sub{font-size:9px;color:#ad8595;letter-spacing:.12em;margin-top:11px;line-height:1.7}
.orb-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 22px;margin:24px 0 25px}.orb-legend-item{display:grid;grid-template-columns:auto auto;gap:2px 7px;text-align:left;color:#a69aaf;min-width:65px}.orb-legend-item i{grid-row:1/3;width:6px;height:6px;margin-top:5px;border-radius:50%;background:currentColor;opacity:.55}.orb-legend-item span{font-size:10px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.orb-legend-item small{font-size:7px;color:#6f647c;letter-spacing:.1em}.orb-legend-item.red{color:#ff7b91}.orb-legend-item.green{color:#8ec7ae}.orb-legend-item.violet{color:#b39aff}.orb-legend-item.blue{color:#7cc4ff}.orb-legend-item.is-speaking i{box-shadow:0 0 10px currentColor;opacity:1}.orb-legend-item.is-speaking span{color:#fff0f6}
.voice-control-deck{max-width:410px;margin:0 auto}.voice-control-deck #voice-status{font-size:10px;line-height:1.7;color:#9c8197;margin:15px 0 0;min-height:17px}.voice-control-deck #join-room{font-size:12px;min-width:235px}.voice-control-deck #join-room>span{margin-left:20px}.prep-gate{padding:4px 0 0}.prep-gate p{font-size:12px;color:#c3abba}.sector-primary-link{display:inline-block}.prep-gate .sector-primary-link span{margin-left:20px}.mic-button-row{display:flex;justify-content:center;gap:9px}.sector-site .talk-button{flex:1;min-height:43px;padding:12px;font-size:12px;background:#c52b50;border:1px solid #fd648852;color:#ffedf2}.sector-site .talk-button.talking{background:#7d213e;border-color:#ff7694;box-shadow:0 0 23px #f04b7022}.sector-site .leave-button{padding:11px 13px;font-size:10px;background:#201824;border-color:#49283e;color:#cbafc5}.microphone-hint{font-size:9px;color:#a389a1;line-height:1.6;margin:10px 0 4px}.pj-control-row{display:flex;align-items:center;justify-content:center;gap:7px;border-top:1px solid #ffffff0a;padding-top:13px;margin-top:14px;flex-wrap:wrap}.pj-control-row>span{font-size:9px;color:#9c849c;margin-right:auto}.sector-site .pj-control-row button{font-size:9px;padding:8px 10px;background:#2b2334;border:1px solid #56415f;color:#d8bfdb}.sector-site .pj-control-row button.secondary{background:transparent;border-color:#372b40;color:#a389a8}.voice-stage-footer{display:flex;gap:12px;align-items:center;justify-content:space-between;border-top:1px solid #ffffff09;margin-top:23px;padding-top:13px;color:#705f78;font-size:8px}.voice-stage-footer [data-orb-motion]{background:none;border:0;font-size:8px;color:#9b839f;padding:4px}.voice-ai-disclosure{margin-right:auto}.voice-stage-footer .backend-status{font-size:8px;color:#9eceb6}.voice-stage-footer .backend-status+.voice-ai-disclosure{margin-right:auto}
.sector-site .scene-card{padding:23px}.sector-site .scene-card .eyebrow{font-size:8px;color:#967c9d}.sector-site .scene-card h2{font-size:22px;font-weight:500;margin:10px 0 16px;color:#e4dcec}.sector-site .scene-round{font-size:8px;color:#7a6a87}.sector-site .turn-instruction{font-size:11px;line-height:1.8;border-left:2px solid #a170aa;padding:9px 12px;background:#825c8d0c;color:#bda3c4;margin:0 0 18px}.sector-site .scene-card.is-my-turn{border-color:#865e91;box-shadow:0 0 25px #8c54a70c}.sector-site .scene-card.is-my-turn .turn-instruction{color:#d3b8e6;border-color:#ba8bd1}.scene-location{display:flex;align-items:center;gap:7px;font-size:9px;color:#a691b0}.scene-location>span:first-child{font-size:16px;color:#bba2c7}.sector-site .scene-narration{font:11px/1.95 Inter,system-ui,sans-serif;color:#a39ab0;margin:13px 0 0;max-height:260px;overflow:auto;scrollbar-width:thin}.scene-sync-note{display:flex;align-items:center;gap:6px;margin-top:19px;font-size:8px;color:#72687f}.scene-sync-note i{width:4px;height:4px;border-radius:50%;background:#7a9e8a}.sector-site .last-roll{font-size:10px;color:#d6b4ee;background:#34223e33;border-color:#62476e;padding:10px}.sector-site .room-context .card>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;list-style:none;color:#bbb0ca;font-size:11px;font-weight:500}.sector-site .room-context .card>summary::-webkit-details-marker{display:none}.sector-site .room-context .card>summary>span:last-child{color:#786087}.sector-site .room-context details[open]>summary{margin-bottom:18px}.room-party .section-heading{margin-bottom:12px}.room-party #connected-count{font-size:10px;background:#282433;color:#c5b6d8;border-radius:6px;min-width:23px;height:23px;display:grid;place-items:center}.sector-participant{display:flex;align-items:center;gap:8px;padding:8px 0;font-size:10px}.sector-participant i{width:5px;height:5px;flex-shrink:0;background:#81b69d;border-radius:50%}.sector-participant i.is-talking{background:#c69dff;box-shadow:0 0 10px #ae78ff}.sector-participant small{margin-left:auto;color:#716780;font-size:7px}.room-party #roster-hint{font-size:10px;color:#7b7188;margin-bottom:0}.room-reference{display:flex;justify-content:space-between;gap:10px;padding:0 5px}.room-reference a{font-size:9px;color:#867891;text-decoration:none}.room-context .valley-map{filter:hue-rotate(40deg) saturate(.35);margin-bottom:14px}.sector-site .map-location-buttons button{background:#20212d;border-color:#343041;font-size:9px;color:#ad9bbc}.sector-site .map-location-buttons button[aria-pressed=true]{border-color:#8c679a;color:#d6b6e5}.room-map #map-description{font-size:10px;line-height:1.7;color:#9987a8}.room-map #map-description strong{display:block;color:#bc9bd0}.sector-site .journal-summary,.sector-site .journal-quest p,.sector-site .journal-known p{font-size:10px;line-height:1.8;color:#9f92ae}.sector-site .journal-quest strong{font-size:11px;color:#c9b2dd}.sector-site .journal-quest{border-color:#30283c}.sector-site .quest-mark{color:#aa87c5}.sector-site .journal-quest small{font-size:8px}.sector-site .journal-section summary{color:#bcabce;font-size:10px}.sector-site .journal-known{border-color:#584464}.sector-site .journal-known strong{font-size:10px}.sector-site .table-empty{color:#897b99;font-size:11px;line-height:1.8}.sector-site .live-transcripts{font-size:11px;color:#a698b7}.sector-site .live-transcripts strong{color:#c297d7}
.room-widgets-section{margin-top:29px}.room-widgets-section .eyebrow{font-size:8px}.widget-help{font-size:8px;color:#786d85;max-width:130px;text-align:right;line-height:1.7}.player-widgets{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:12px;align-items:start}.player-widget{min-width:0;border:1px solid #343040;border-radius:13px;background:#13151f;overflow:hidden;--widget-color:#f07d9c}.player-widget[data-color=violet]{--widget-color:#b49aff}.player-widget[data-color=blue]{--widget-color:#89bcf4}.widget-heading{display:flex;align-items:center;gap:9px;list-style:none;padding:15px 13px;cursor:pointer;background:linear-gradient(140deg,#ffffff04,transparent)}.widget-heading::-webkit-details-marker{display:none}.widget-avatar{display:grid;place-items:center;width:32px;height:36px;flex-shrink:0;border:1px solid color-mix(in srgb,var(--widget-color) 30%,transparent);border-radius:9px;color:var(--widget-color);background:color-mix(in srgb,var(--widget-color) 8%,transparent);font-size:13px}.widget-heading-copy{display:grid;gap:4px;min-width:0;flex:1}.widget-heading-copy strong{font-size:12px;font-weight:550;overflow-wrap:anywhere}.widget-heading-copy small{font-size:8px;color:#867b93;line-height:1.6}.widget-heading-tools{display:flex;align-items:center;gap:8px}.widget-presence{font-size:6px;letter-spacing:.08em;color:#675f77}.widget-presence.is-online{color:#8fb3a0}.widget-chevron{color:#927ea2;font-size:16px;transition:transform .2s}.player-widget[open] .widget-chevron{transform:rotate(180deg)}.widget-content{padding:17px;min-width:0}.widget-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 13px 10px;border-bottom:1px solid #ffffff08}.sector-site .widget-float{border:0;background:none;color:#937ba6;font-size:8px;padding:4px 0}.widget-drag-handle{font-size:8px;color:#786787;opacity:0;cursor:move;touch-action:none;user-select:none}.player-widget.is-floating .widget-drag-handle{opacity:1}.player-widget.is-floating{position:fixed;z-index:80;width:340px;box-shadow:0 22px 90px #000b;border-color:#796185}.player-widget.is-floating .widget-content{max-height:min(65vh,630px);overflow:auto;scrollbar-width:thin}.player-widget.is-current-turn{border-color:color-mix(in srgb,var(--widget-color) 60%,transparent)}.widget-updated{animation:widget-update 1.2s ease-out}@keyframes widget-update{0%{box-shadow:0 0 0 3px #c4a0fb77}100%{box-shadow:0 0 0 0 #c4a0fb00}}
.sector-site .widget-content .table-character-heading{display:none}.sector-site .table-resource>div span{font-size:10px;color:#a69ab5}.sector-site .table-resource>div strong{font-size:11px}.sector-site .table-resource progress,.sector-site .table-resource progress::-webkit-progress-bar{background:#282333}.sector-site .table-resource progress::-webkit-progress-value{background:#bd768c}.sector-site .table-resource.soul progress::-webkit-progress-value{background:#9b8ac6}.sector-site .table-resource.influence progress::-webkit-progress-value{background:#80ad9c}.sector-site .table-gauges{gap:6px;margin:16px 0}.sector-site .table-gauges>div{padding:8px 3px;border:1px solid #2d293b;background:#0f111a}.sector-site .table-gauges span{font-size:8px;color:#92829f}.sector-site .table-gauges strong{font-size:17px;color:#cdb8db}.sector-site .character-tabs{border-color:#30283d;gap:3px}.sector-site .character-tabs button{font-size:9px;background:transparent;border:0;border-bottom:1px solid transparent;border-radius:0;color:#8c799d;padding:9px 0}.sector-site .character-tabs button[aria-selected=true]{color:#d2b4e6;border-color:#b18cc9}.sector-site .table-inventory input{font-size:10px;padding:8px}.sector-site .inventory-caption{font-size:8px;color:#796c88}.sector-site .table-item-list{max-height:280px}.sector-site .table-item{border-color:#2b2537}.sector-site .table-item strong{font-size:10px;color:#c1b7ce}.sector-site .table-item small{font-size:8px;color:#7f728e}.sector-site .item-mark{width:25px;height:28px;font-size:14px;background:#292132;color:#b599c8}.sector-site .table-item summary>b{font-size:8px;color:#9582a5}.sector-site .table-item p,.sector-site .ability-detail p{font-size:10px;color:#a391b5}.sector-site .item-unusable strong{color:#bd7890}.sector-site .item-story strong{color:#bea0e2}.sector-site .table-item .item-usage{color:#b399ce}.sector-site .ability-detail{border-color:#30283b}.sector-site .ability-detail summary{font-size:10px;color:#c4b2d6}.sector-site .secret-detail{background:#2b203b;border-color:#644d7a}.sector-site .table-effects{border-color:#69506e;background:#33223666}.sector-site .table-effects h3{font-size:11px;color:#c5accd}.sector-site .table-effects p{font-size:10px;color:#b59bbc}.sector-site .roll-total{color:#d2b4e5;border-color:#645077;font-size:18px;width:32px;height:32px}.sector-site .roll-entry{border-color:#30263c}.sector-site .roll-entry p{font-size:9px}.sector-site .character-panel-footer{border-color:#30273a}.sector-site .character-panel-footer small{font-size:8px;color:#84718f}.sector-site .character-panel-footer a{font-size:10px}
/* Character preparation */
.prep-shell{max-width:1320px!important}.prep-intro{display:flex;justify-content:space-between;gap:30px;align-items:center;margin:47px 0 28px}.prep-intro h1{margin:12px 0 17px;font-size:clamp(35px,4vw,53px);font-weight:550;letter-spacing:-.05em;line-height:1.12}.prep-intro h1>span{color:#8c819c}.prep-intro p{max-width:540px;font-size:13px;color:#8f879e;line-height:1.85}.prep-readiness{min-width:230px;padding:20px 22px;border:1px solid #302c3c;background:#17151f;border-radius:13px;display:grid;grid-template-columns:auto 1fr;gap:8px 10px}.prep-readiness>span{width:7px;height:7px;border-radius:50%;background:#a77ab8;margin-top:5px}.prep-readiness>span.ready{background:#84c5a5;box-shadow:0 0 10px #84c5a533}.prep-readiness strong{font-size:12px;color:#cbc0d8;font-weight:500}.prep-readiness small{grid-column:2;font-size:9px;line-height:1.7;color:#82758f;max-width:215px}.prep-preset-row{display:flex;align-items:center;gap:17px;flex-wrap:wrap;margin:0 0 27px}.prep-preset-row>span{font-size:10px;color:#796e88}.prep-preset-row>div{display:flex;gap:6px;flex-wrap:wrap}.sector-site .prep-preset{font-size:9px;padding:8px 12px;background:#1d1a29;border:1px solid #3a2e4b;color:#b29ac9}.prep-steps{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid #2d293b;border-radius:11px;overflow:hidden;margin:0 0 25px;padding:5px;background:#11111b}.sector-site .prep-steps button{background:none;border:0;display:flex;align-items:center;justify-content:center;gap:9px;border-radius:7px;font-size:10px;color:#81718f;padding:13px 8px;white-space:nowrap}.sector-site .prep-steps button b{font-weight:400;font-size:9px;color:#685575}.sector-site .prep-steps button.active{background:#32223f;color:#dcc1ef}.sector-site .prep-steps button.active b{color:#b186cc}.sector-site .prep-editor{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:26px;align-items:start}.sector-site #character-form{display:block;min-width:0}.sector-site .form-section{border:1px solid #2d293a;border-radius:15px;background:#14141f;padding:29px;margin:0;box-shadow:none}.sector-site .creator-heading{display:flex;gap:12px;align-items:center;margin:0 0 17px;border:0;padding:0}.sector-site .creator-heading>span{font-size:10px;color:#b48ac8;background:#31213e;border-radius:7px;width:28px;height:28px;display:grid;place-items:center;border:0}.sector-site .creator-heading h2{font:500 19px/1.35 system-ui,sans-serif;letter-spacing:-.025em;color:#e5dced;margin:0}.sector-site .creator-heading .points{font-size:9px;padding:6px 8px;background:#241c2f;color:#b39ac9;border:1px solid #483553;border-radius:7px;white-space:nowrap;margin-left:auto;box-shadow:none}.sector-site .creator-heading .points.complete{color:#a2c5b1;border-color:#3c5d4b;background:#1c3026}.sector-site .helper{font-size:11px;color:#8d7f9c;line-height:1.85;max-width:none}.sector-site .field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.sector-site .full-width{grid-column:1/-1}.sector-site .form-section label{font-size:11px;color:#bcaecb;margin:18px 0 0}.sector-site .form-section input,.sector-site .form-section textarea,.sector-site .form-section select{font-size:12px}.sector-site .prep-step-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 0}.prep-step-actions span{font-size:10px;color:#7e6b90}.sector-site .prep-step-actions button{font-size:11px;padding:12px 18px}.sector-site .character-card{position:sticky;top:20px;border:1px solid #3d304b;border-radius:15px;background:linear-gradient(155deg,#21182d,#12141e);box-shadow:none;overflow:hidden;color:#d5c6e1}.sector-site .card-top{background:transparent;border-bottom:1px solid #3b2c47;color:#8a6da2;padding:16px 20px;font-size:7px;letter-spacing:.13em;display:flex;justify-content:space-between;gap:8px}.sector-site .card-top #class-badge{font-size:7px;color:#bb9cd1}.prep-preview-head{display:flex;align-items:center;gap:13px;padding:23px 20px}.sector-site .character-card .portrait{margin:0;width:53px;height:62px;flex-shrink:0;background:#2d223b;border:1px solid #614377;border-radius:12px;box-shadow:none;display:grid;place-items:center}.sector-site .character-card .portrait>.game-icon{width:43px;height:43px}.sector-site .character-card h2{font:500 21px/1.2 system-ui,sans-serif;margin:0 0 7px;padding:0;color:#f1e6f6;overflow-wrap:anywhere}.sector-site .character-card #card-player,.sector-site .character-card #card-origin{font:9px/1.7 system-ui,sans-serif;margin:0;padding:0;color:#8e7e9c}.sector-site .character-card .resource-bars{padding:0 20px;margin:0 0 15px}.sector-site .resource-row{margin:0 0 11px}.sector-site .resource-row>div{font-size:10px;margin-bottom:4px;color:#c7b5d5}.sector-site .resource-progress{height:5px;background:#32253f;border-radius:4px;border:0;width:100%;display:block}.sector-site .resource-progress::-webkit-progress-bar{background:#32253f;border-radius:4px}.sector-site .resource-progress::-webkit-progress-value{background:#b87897;border-radius:4px}.sector-site .resource-progress.resource-soul::-webkit-progress-value{background:#a28bc4}.sector-site .resource-progress.resource-influence::-webkit-progress-value{background:#82af9b}.sector-site .character-card .stat-grid{margin:0;padding:0 20px 15px;grid-template-columns:repeat(3,1fr);gap:7px}.sector-site .character-card .stat{padding:8px;border:1px solid #3a2b47;border-radius:8px;background:#17121e;color:#d4bee3}.sector-site .character-card .stat span{font-size:8px;color:#846995}.sector-site .character-card .stat strong{font-size:16px}.sector-site .character-card .card-block{margin:0 20px;padding:14px 0;border-top:1px solid #352740;background:none;box-shadow:none;border-left:0;border-right:0;border-bottom:0;border-radius:0}.sector-site .card-label{font:500 9px/1.5 system-ui,sans-serif;color:#b499ca;letter-spacing:0;text-transform:none;margin:0;cursor:pointer}.sector-site .character-card .card-block p,.sector-site .character-card .card-block li{font-size:10px;line-height:1.8;color:#9d86b0}.sector-site .character-card ul{padding-left:16px;margin:11px 0 0}.sector-site .character-card .card-block strong{font-size:11px;color:#b99ace;margin-top:10px;display:block}.sector-site .secret-ready{font-size:8px;color:#9cbbab}.sector-site .character-card .card-footer{margin:0 20px;padding:16px 0;color:#8c6ba6;background:none;border-top:1px solid #352740;font-size:8px}.prep-storage-note{font-size:8px;line-height:1.7;color:#73607f;padding:0 20px 16px;margin:0}.sector-site .attributes{display:grid;gap:12px;margin-top:25px}.sector-site .attribute{border:1px solid #3a2c46;border-radius:10px;background:#1c1626;padding:18px;display:flex;justify-content:space-between;gap:15px}.sector-site .attribute>div:first-child{display:grid;gap:5px}.sector-site .attribute strong{font-size:14px;color:#d6bfe7}.sector-site .attribute span{font-size:10px;color:#8c719d;line-height:1.7}.sector-site .stepper{display:flex;align-items:center;gap:12px}.sector-site .stepper button{width:29px;height:29px;display:grid;place-items:center;padding:0;border-radius:7px;background:#382347;border:1px solid #5d3f70;color:#d7b8ee;font-size:17px}.sector-site .stepper output{font-size:17px;color:#e0c8ef;min-width:19px;text-align:center}.sector-site .profession-card{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:13px;padding:15px;border:1px solid #35283f;border-radius:10px;background:#1a1523;box-shadow:none}.sector-site .profession-card.active{border-color:#8a60a4;background:#2b1c38}.sector-site .profession-card>.game-icon{width:35px;height:35px}.sector-site .profession-copy strong{font-size:12px;color:#d4bde5}.sector-site .profession-copy small{font-size:9px;line-height:1.8;color:#8c729d}.sector-site .profession-card>button{grid-column:2/4;justify-self:end;font-size:7px;padding:5px 8px;border-radius:5px;background:#251a31;color:#ac84c4;border:1px solid #493058}.sector-site .class-options{display:grid;gap:10px}.sector-site .class-description{font-size:11px;color:#a68abb;line-height:1.7}.sector-site .equipment-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sector-site .shop-section-title{font-size:11px;color:#b89cc9;grid-column:1/-1;margin:20px 0 6px;letter-spacing:0}.sector-site .creator-item{display:flex;gap:9px;align-items:center;margin:0!important;padding:11px;border:1px solid #34263f;border-radius:8px;background:#1b1424;min-width:0}.sector-site .creator-item input{width:13px;height:13px;accent-color:#aa7acb;flex-shrink:0}.sector-site .creator-item>.game-icon{width:29px;height:29px;flex-shrink:0}.sector-site .creator-item strong{font-size:10px;color:#c4a9d8}.sector-site .creator-item small{font-size:8px;color:#896d9c;line-height:1.6}.sector-site .creator-item:has(input:checked){border-color:#845ca1;background:#31203f}.prep-shop-tools{display:flex;gap:8px;margin:19px 0 5px}.prep-shop-tools input{flex:1;min-width:0}.prep-shop-tools select{width:145px}.sector-site .carry-meter{font-size:10px;color:#9275a5;background:#251a2d;border:1px solid #42304f;border-radius:7px;padding:10px;margin:17px 0}.sector-site .secret-power-description{font-size:11px;line-height:1.8;color:#b28acb;background:#291a36;border:1px solid #4c325d;border-radius:9px;padding:13px}.sector-site .validation{color:#be93b2;font-size:11px;line-height:1.9;margin-top:20px;background:#301b2b33;border:1px solid #65415c55;border-radius:9px;padding:14px}.sector-site .validation:empty{display:none}.sector-site .save-actions{display:flex;gap:15px;align-items:center;justify-content:space-between;margin:23px 0}.sector-site #save-status{font-size:10px;line-height:1.6;max-width:240px}.sector-site #save-status.status-ok{color:#9bc4ac}.prep-room-link{color:#bd9ad2;font-size:11px;text-decoration:none;display:block;margin-top:22px}.draft-conflict{display:flex;gap:12px;align-items:center;flex-wrap:wrap;border:1px solid #7d526b;padding:16px;border-radius:12px;background:#2b1e2a;font-size:11px;color:#cba8c3;margin-bottom:20px}.draft-conflict>span{flex:1}.sector-site .rich-tooltip{z-index:110;background:#21182c;border-color:#654c77;color:#c2a5d5}.sector-site .tooltip-content strong{color:#e1c8f1}.sector-site .tooltip-content small{color:#9b79b3}.sector-site .tooltip-content span,.sector-site .tooltip-content em{color:#b19ac6}.sector-site .rich-tooltip::after{background:#21182c;border-color:#654c77}
/* Rest of the application */
.dashboard-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:45px;align-items:center;margin:55px 0 40px}.dashboard-hero h1{font-size:clamp(38px,4.6vw,61px);font-weight:550;letter-spacing:-.055em;margin:13px 0 22px}.dashboard-hero h1 span{color:#9a829f}.dashboard-hero p{font-size:13px;color:#8b819c;line-height:1.85;max-width:460px}.dashboard-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.dashboard-actions a{padding:13px 18px;font-size:11px}.dashboard-actions .secondary-link{color:#c0abc9;text-decoration:none;background:#221a2b;border:1px solid #413047;border-radius:9px}.dashboard-art{position:relative;min-height:310px;overflow:hidden;border:1px solid #3b2e42;border-radius:18px;background:#17101f}.dashboard-art img{display:block;width:100%;height:310px;object-fit:cover;opacity:.75}.dashboard-art::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#140e21ed,transparent 75%)}.dashboard-art-copy{position:absolute;bottom:26px;left:25px;right:25px;z-index:1}.dashboard-art-copy span{font-size:8px;letter-spacing:.15em;color:#bda4cf}.dashboard-art-copy h2{font-size:25px;color:#f4e4ff;font-weight:500;margin:10px 0 0;letter-spacing:-.04em}.dashboard-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.dashboard-step{padding:26px!important}.dashboard-step>span{display:grid;place-items:center;border:1px solid #604161;color:#c293c7;border-radius:10px;width:35px;height:35px;font-size:12px}.dashboard-step h2{font-size:19px;margin:26px 0 12px;color:#e1cfe9}.dashboard-step p{font-size:11px;color:#93819f;line-height:1.85;min-height:59px}.dashboard-step a{font-size:11px;text-decoration:none;color:#bda0d0}.dashboard-status{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px;padding:25px 28px!important}.dashboard-status p{font-size:11px;color:#95849f;line-height:1.8;margin:4px 0 0}.dashboard-status h2{font-size:19px;margin:0;color:#ddc9e7}.dashboard-status a{font-size:11px;color:#b29ac2;white-space:nowrap}.sector-site .party-hero,.sector-site .bestiary-hero,.sector-site .rules{margin-top:30px}.sector-site .party-hero h1,.sector-site .bestiary-hero h1{font-size:36px;margin:12px 0 20px}.sector-site .party-turn strong{color:#d1b7e3}.sector-site .dm-narration{background:#241a30;border-color:#523561;color:#b99acb}.sector-site .dm-narration>span{color:#b28dc8}.sector-site .dm-narration p{font-size:12px;line-height:1.8;color:#aa91bb}.sector-site .party-grid{gap:17px}.sector-site .party-character{background:#15121e;border-color:#3c2b46;box-shadow:none}.sector-site .party-character header h2{font-size:22px;color:#e2c9ed}.sector-site .party-item{background:#1c1426;border-color:#42304f}.sector-site .party-item strong{font-size:11px;color:#c5a6da}.sector-site .party-item span{color:#80678f;font-size:8px}.sector-site .party-health{color:#ae8cc4}.sector-site .party-stats>div{background:#23162e;border-color:#493255}.sector-site .party-stats strong{color:#c7a5dc}.sector-site .party-stats span{color:#8e6ca2}.sector-site .bestiary-controls{gap:18px}.sector-site .bestiary-list,.sector-site .bestiary-detail{background:#15121d;border-color:#392940}.sector-site .bestiary-list button{background:transparent;border-color:#34223c;color:#ac88c1}.sector-site .bestiary-list button.active{background:#382044;border-color:#8d579d;color:#edcefb}.sector-site .rules>h1{font-size:36px}.sector-site .rules-grid article{background:#1b1525;border-color:#3c2a46}.sector-site .rules-grid article>b{background:#53325f;color:#e3c7ef}.sector-site .rules-grid article h2{font-size:19px;color:#dec5e8}.sector-site .rules-grid article p{color:#a98cb9;font-size:12px}.sector-site .rules a{color:#c5a6de}
.sector-site .login{width:min(430px,calc(100% - 32px));margin:11vh auto;padding:35px;background:#14141ff2;border:1px solid #392a42;box-shadow:0 20px 100px #0005}.sector-site:has(.login){background:radial-gradient(ellipse at 30% 0%,#42213b66,transparent 55%),radial-gradient(ellipse at 100% 90%,#18363155,transparent 55%),#090b12}.sector-site .login .brand{margin-bottom:24px;font-size:20px}.sector-site .login p.muted{font-size:12px;line-height:1.8}.sector-site .login label{font-size:11px}.sector-site .login button{width:100%;margin-top:10px}.sector-site .auth-switch{font-size:11px;color:#897298}.sector-site .auth-switch a{color:#c49bdc}.sector-site .error{font-size:11px;color:#e58ba9}
@media(min-width:1500px){.sector-room-layout{grid-template-columns:minmax(0,1fr) 340px}.voice-orb{width:440px!important}}
@media(max-width:1150px){.sector-shell,.sector-site .shell,.sector-site .page-shell{width:calc(100% - 36px)}.sector-site .topbar{flex-wrap:wrap;gap:17px}.sector-site .nav{order:3;flex-basis:100%;justify-content:flex-start;gap:5px}.sector-site .identity-controls{margin-left:auto}.sector-site .nav a{font-size:10px}.sector-room-layout{grid-template-columns:minmax(0,1fr) 285px;gap:17px}.sector-site .prep-editor{grid-template-columns:minmax(0,1fr) 295px;gap:20px}.sector-site .creator-heading{flex-wrap:wrap}.sector-site .creator-heading .points{margin-left:40px}.player-widgets{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.voice-caption{font-size:20px}.dashboard-hero{gap:27px}.dashboard-hero h1{font-size:45px}.sector-site .prep-steps button{font-size:9px;gap:6px}}
@media(max-width:800px){.sector-shell,.sector-site .shell,.sector-site .page-shell{width:calc(100% - 24px);padding-top:17px}.sector-site .topbar{gap:15px;padding-bottom:17px}.sector-site .nav{overflow:auto;flex-wrap:nowrap;scrollbar-width:none}.sector-site .nav a{font-size:9px;padding:9px 10px}.sector-site .brand{gap:10px}.pk-wordmark{font-size:27px}.brand-title{font-size:8px}.sector-site .identity-controls{font-size:9px}.sector-site button.compact{font-size:8px}.room-heading{margin:28px 0 22px;align-items:center}.room-heading h1{font-size:31px}.room-heading p{font-size:10px;max-width:240px;line-height:1.7}.room-sync{max-width:82px;font-size:8px;line-height:1.7;gap:5px}.room-sync #sync-state{max-width:56px}.sector-room-layout{grid-template-columns:1fr;gap:22px}.room-context{grid-template-columns:1fr 1fr;gap:12px}.room-context .scene-card{grid-column:1/-1}.room-context .room-reference{grid-column:1/-1}.room-context .card{padding:18px}.voice-room-main{min-width:0}#pk-voice-sector .voice-stage{padding:20px 17px 14px;border-radius:16px}.voice-top{font-size:8px;gap:7px;letter-spacing:1px}.voice-connection{font-size:7px}.voice-orb{width:min(100%,370px);margin-top:10px}.voice-caption{font-size:21px;margin-top:-3px}.voice-sub{font-size:8px;letter-spacing:.09em}.orb-legend{gap:13px 19px;margin:22px 0}.orb-legend-item span{font-size:10px}.voice-control-deck{max-width:390px}.voice-stage-footer{gap:8px;font-size:7px;flex-wrap:wrap}.voice-stage-footer [data-orb-motion]{font-size:7px}.voice-stage-footer .backend-status{font-size:7px}.voice-ai-disclosure{font-size:7px}.room-widgets-section{margin-top:25px}.room-widgets-section .section-heading h2{font-size:20px}.widget-help{max-width:105px;font-size:7px}.player-widgets{grid-template-columns:1fr 1fr;gap:10px}.player-widget.is-floating{position:static;width:auto!important;left:auto!important;top:auto!important;z-index:auto;box-shadow:none}.widget-float,.widget-drag-handle{display:none!important}.widget-toolbar{padding:0;border:0}.widget-content{padding:14px}.widget-heading{padding:13px 10px;gap:7px}.widget-avatar{width:27px;height:31px;font-size:11px}.widget-heading-copy strong{font-size:11px}.widget-heading-copy small{font-size:7px}.widget-presence{display:none}.sector-site .table-gauges strong{font-size:15px}.sector-site .table-gauges span{font-size:7px}.sector-site .character-tabs button{font-size:8px}.sector-site .table-item strong{font-size:9px}.sector-site .item-mark{width:22px;height:25px}.sector-site .table-item summary{gap:6px}.sector-footer{font-size:8px;margin-top:25px}.prep-intro{margin:30px 0 22px;flex-direction:column;align-items:stretch;gap:15px}.prep-intro h1{font-size:38px;margin-top:12px}.prep-intro p{font-size:12px;margin-bottom:0}.prep-readiness{padding:16px;min-width:0}.prep-readiness small{max-width:none}.prep-preset-row{gap:11px}.prep-preset-row>span{font-size:9px}.sector-site .prep-preset{font-size:8px;padding:7px 9px}.prep-steps{grid-template-columns:repeat(3,1fr);gap:4px}.sector-site .prep-steps button{font-size:9px;justify-content:flex-start;padding:11px 9px}.sector-site .prep-editor{grid-template-columns:1fr}.sector-site .form-section{padding:22px}.sector-site .creator-heading h2{font-size:18px}.sector-site .creator-heading .points{font-size:8px}.sector-site .character-card{position:static}.sector-site .character-card .card-block p,.sector-site .character-card .card-block li{font-size:11px}.sector-site .field-grid{gap:0 12px}.sector-site .equipment-options{grid-template-columns:1fr 1fr}.sector-site .creator-item{padding:9px;gap:7px}.sector-site .creator-item>.game-icon{width:23px;height:23px}.sector-site .creator-item strong{font-size:9px}.sector-site .creator-item small{font-size:7px}.sector-site .profession-card{grid-template-columns:31px minmax(0,1fr) auto;gap:10px;padding:12px}.sector-site .profession-copy strong{font-size:11px}.sector-site .profession-copy small{font-size:8px}.sector-site .stepper{gap:8px}.sector-site .stepper button{width:26px;height:26px}.sector-site .save-actions{flex-direction:column;align-items:stretch}.sector-site #save-status{max-width:none}.dashboard-hero{grid-template-columns:1fr;margin:35px 0 25px;gap:25px}.dashboard-hero h1{font-size:43px}.dashboard-art{min-height:240px}.dashboard-art img{height:240px}.dashboard-art-copy h2{font-size:23px}.dashboard-cards{grid-template-columns:1fr;gap:13px}.dashboard-step{padding:23px!important}.dashboard-step h2{margin-top:19px}.dashboard-step p{min-height:0}.dashboard-status{align-items:flex-start;padding:22px!important}.dashboard-status h2{font-size:16px}.dashboard-status a{font-size:9px}.sector-site .rules-grid{grid-template-columns:1fr}.sector-site .bestiary-layout{grid-template-columns:1fr}.sector-site .bestiary-controls{grid-template-columns:1fr}.sector-site .login{margin-top:9vh;padding:28px}}
@media(max-width:420px){.player-widgets{grid-template-columns:1fr}.widget-presence{display:inline}.widget-content{padding:18px}.widget-heading{padding:15px}.sector-site .table-gauges span{font-size:9px}.sector-site .table-gauges strong{font-size:19px}.sector-site .character-tabs button{font-size:11px}.sector-site .table-item strong{font-size:11px}.sector-site .table-item small{font-size:9px}.sector-site .room-context{grid-template-columns:1fr}.room-context .card,.room-context .room-reference{grid-column:auto}.sector-site .field-grid{grid-template-columns:1fr}.sector-site .full-width{grid-column:auto}.sector-site .creator-heading h2{font-size:17px}.sector-site .attribute{padding:14px}.sector-site .equipment-options{grid-template-columns:1fr}.sector-site .creator-item>.game-icon{width:29px;height:29px}.sector-site .creator-item strong{font-size:11px}.sector-site .creator-item small{font-size:9px}.sector-site .creator-item{padding:12px;gap:10px}.prep-shop-tools select{width:130px}.voice-connection{letter-spacing:0}.dashboard-status{flex-direction:column;gap:12px}}
@media(prefers-reduced-motion:reduce){.sector-site *,.sector-site *::before,.sector-site *::after{transition:none!important;animation:none!important}}
@media(max-width:800px){.sector-site .room-context>*{order:initial}.sector-site .room-context .scene-card{order:initial}}

/* The room itself is the voice stage; the ring remains a separate instrument. */
body.voice-room{isolation:isolate;background:#090b12;--voice-accent:#ff496b}
.voice-atmosphere{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 32% 42%,#36132288,transparent 65%),#090b12}
.voice-atmosphere-canvas,.atmosphere-wash,.atmosphere-grain{position:absolute;inset:0;width:100%;height:100%}
.atmosphere-wash{background:radial-gradient(ellipse at 100% 0%,#18694b88,transparent 62%);opacity:.08;transition:opacity 900ms,background 900ms}
body[data-voice-speaker=green] .atmosphere-wash{opacity:1}
body[data-voice-speaker=violet] .atmosphere-wash{opacity:1;background:radial-gradient(ellipse at 95% 5%,#6e439888,transparent 74%)}
body[data-voice-speaker=blue] .atmosphere-wash{opacity:1;background:radial-gradient(ellipse at 90% 10%,#245f9188,transparent 74%)}
body[data-voice-speaker=red] .atmosphere-wash{opacity:1;background:radial-gradient(ellipse at 20% 70%,#80253a88,transparent 74%)}
.atmosphere-grain{opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' opacity='.22' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.voice-room .sector-shell{width:min(1600px,calc(100% - 64px))}
.voice-room .room-heading{margin:28px 0 12px}.voice-room .room-heading h1{font-size:34px}
.voice-room .sector-room-layout{grid-template-columns:minmax(0,1fr) 300px;gap:36px}
.voice-room #pk-voice-sector .voice-stage{background:transparent;border:0;border-radius:0;overflow:visible;padding:16px 10px 12px}
.voice-room #pk-voice-sector .voice-stage::before,.voice-room #pk-voice-sector .voice-stage::after{display:none}
.voice-room .voice-orb{width:min(100%,680px)!important;margin:-28px auto -32px}
.voice-room .brand-core{width:29cqw;height:29cqw}.voice-room .brand-logo{filter:drop-shadow(0 0 18px #d79d6c22)}
.voice-room .voice-caption{font-size:clamp(23px,2.2vw,32px);letter-spacing:-.04em}
.voice-room .voice-top{max-width:680px;margin:auto}.voice-room .voice-control-deck{max-width:460px}
.voice-room .room-context{padding-top:15px}.voice-room .room-context .card{background:#10131dd9;backdrop-filter:blur(16px)}
.voice-room .player-widget{background:#11151fe8;backdrop-filter:blur(18px)}
.widget-heading{cursor:grab;touch-action:pan-y;user-select:none}.widget-heading:active{cursor:grabbing}
.widget-drag-handle{opacity:1;font-size:10px;color:#af98ba}
.player-widget.is-dragging{cursor:grabbing;box-shadow:0 25px 100px #000b,0 0 0 1px var(--widget-color)}
.player-widget.is-floating .widget-heading{touch-action:none}
.player-widget.is-floating .widget-content{max-height:min(60vh,600px)}
@media(max-width:1150px){.voice-room .sector-shell{width:calc(100% - 36px)}.voice-room .sector-room-layout{grid-template-columns:minmax(0,1fr) 270px;gap:18px}}
@media(max-width:800px){.voice-room .sector-shell{width:calc(100% - 24px)}.voice-room .sector-room-layout{grid-template-columns:1fr}.voice-room .voice-orb{width:min(100%,520px)!important;margin:-10px auto -10px}.voice-room #pk-voice-sector .voice-stage{padding:15px 0}.voice-room .room-context{padding-top:0}.voice-room .room-heading h1{font-size:29px}.voice-room .room-heading{margin-top:25px}.widget-heading{cursor:pointer}.voice-room .voice-caption{font-size:24px}}
.brand-emblem{display:block;width:40px;height:44px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 0 8px #e1af7233)}
@media(max-width:800px){.brand-emblem{width:33px;height:36px}}
.private-play-notes p{white-space:pre-line;line-height:1.8}
.game-readiness{font-size:10px;line-height:1.7;color:#a9c8b7;max-width:440px;margin:0 auto 17px;padding:9px 14px;border:1px solid #8ab89b22;border-radius:9px;background:#101b1777}
/* Reserved master rail: floating character widgets stay to its left. */
.voice-room .room-context{position:sticky;top:18px;max-height:calc(100dvh - 36px);overflow:auto;scrollbar-width:thin;padding:0 0 6px}
.master-widget{position:sticky;top:0;z-index:3;background:linear-gradient(150deg,#302136,#131820 75%);border:1px solid #936b7966;border-radius:16px;padding:20px;box-shadow:0 16px 50px #0006}
.master-label{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #70516b55;padding-bottom:14px;margin-bottom:18px}.master-lock{font-size:8px;color:#8f7a9a}.master-label .eyebrow{font-size:8px;color:#c5a4bb}.master-widget h2{font-size:21px;font-weight:500;letter-spacing:-.035em;color:#f0d9e6;margin:10px 0}.master-widget p{font-size:11px;color:#ad94a8;line-height:1.8;margin:8px 0 13px}.encounter-idle-mark{font-size:35px;color:#ba8ca7}.encounter-creature+ .encounter-creature{border-top:1px solid #69506755;margin-top:20px;padding-top:18px}.encounter-creature header{display:flex;align-items:center;gap:13px}.encounter-mark{display:grid;place-items:center;width:42px;height:48px;background:#513143;border:1px solid #96707b55;border-radius:10px;font-size:26px;color:#e8b7c7}.encounter-creature .eyebrow{font-size:7px}.encounter-creature h2{margin:5px 0}.encounter-boundaries{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:15px 0}.encounter-boundaries>div{border:1px solid #9f738555;border-radius:9px;padding:11px 8px;background:#14131c;text-align:center}.encounter-boundaries strong{display:block;font-size:24px;font-weight:500;color:#e5bacd}.encounter-boundaries span{display:block;margin-top:4px;font-size:8px;color:#8f7a99}.encounter-boundaries .soul strong{color:#bca4e1}.encounter-boundaries .influence strong{color:#99c5b0}.encounter-creature h3{font-size:10px;color:#d6b2c4;margin:15px 0 7px}.encounter-creature a{font-size:10px;color:#d0adc9;text-decoration:none}
@media(max-width:800px){.voice-room .room-context{position:static;max-height:none;overflow:visible}.master-widget{position:fixed;top:auto;bottom:12px;left:12px;right:12px;max-height:39dvh;overflow:auto;padding:16px;z-index:95;box-shadow:0 -12px 70px #000b}.master-widget[data-active=false]{display:none}.master-label{margin-bottom:10px;padding-bottom:10px}.encounter-creature header{gap:10px}.encounter-creature h2{font-size:20px}.encounter-boundaries{margin:10px 0}.encounter-boundaries>div{padding:8px}.voice-room[data-encounter-active=true]{padding-bottom:40dvh}}
.sector-site .nav a.nav-herna{color:#ffcedb;background:#9d294b33;border:1px solid #ef5a8555;margin-left:8px;animation:herna-breathe 3.8s ease-in-out infinite}.sector-site .nav a.nav-herna.active{color:#fff0f6;background:#a42d5355;border-color:#f27a9a99}.sector-site .nav a.nav-herna:hover{background:#bc385a66;color:#fff}
@keyframes herna-breathe{0%,100%{box-shadow:0 0 0 0 #e34c7500}50%{box-shadow:0 0 17px 1px #e34c752b;border-color:#f187a48f}}
.equipment-art,.game-icon.equipment-art{display:inline-block;background-image:url('/assets/generated/equipment-atlas-v2.png');background-size:800% 600%;background-repeat:no-repeat;background-color:#15121e;border-radius:8px;flex-shrink:0;vertical-align:middle}
.sector-site .table-item .equipment-art{width:44px;height:44px;border:1px solid #61506555}.sector-site .table-item .item-art-preview{display:block;width:120px;height:120px;margin:10px auto 15px;border:1px solid #77566844;border-radius:14px}.sector-site .creator-item>.game-icon.equipment-art{width:42px;height:42px}.sector-site .tooltip-image.equipment-art{width:95px;height:95px;min-width:95px;background-size:800% 600%}
@media(max-width:800px){.sector-site .nav a.nav-herna{margin-left:4px}.sector-site .creator-item>.game-icon.equipment-art{width:35px;height:35px}}
.sector-site .equipment-art{background-image:url('/assets/generated/equipment-atlas-v2.png');background-size:800% 600%;background-repeat:no-repeat}
.master-label #master-toggle{font-size:8px;padding:5px 8px;border:1px solid #88607255;background:#312034;color:#c2a8bf;border-radius:6px}.master-label #master-toggle:disabled{opacity:.4}
@media(max-width:800px){.voice-room[data-encounter-active=true][data-encounter-collapsed=true]{padding-bottom:75px}.voice-room[data-encounter-collapsed=true] .master-label{margin-bottom:0;border-bottom:0;padding-bottom:0}}
.prep-story{border:1px solid #52635455;border-radius:10px;background:linear-gradient(120deg,#1d2c2455,#1c1625);padding:18px 20px;margin:20px 0 24px}.prep-story>.eyebrow{font-size:8px;color:#a7bdac}.prep-story p{font-size:12px;line-height:1.9;color:#b5a9bc;margin:10px 0}.prep-story a{font-size:10px;color:#b99fce;text-decoration:none}.campaign-primer{display:grid;grid-template-columns:1fr auto;align-items:center;gap:40px;border:1px solid #41544877;border-radius:17px;background:linear-gradient(120deg,#1c2b2355,#19141f);padding:30px;margin:0 0 28px;scroll-margin-top:24px}.campaign-primer h2{font-size:25px;font-weight:500;letter-spacing:-.035em;margin:13px 0}.campaign-primer p{font-size:13px;line-height:1.9;color:#a79caa;margin:0;max-width:790px}.campaign-primer>a{font-size:12px;color:#c1a7cf;text-decoration:none;max-width:180px;line-height:1.8}
@media(max-width:800px){.campaign-primer{grid-template-columns:1fr;gap:19px;padding:23px}.campaign-primer h2{font-size:23px}.campaign-primer p{font-size:12px}.campaign-primer>a{max-width:none}.prep-story{padding:16px}.prep-story p{font-size:12px}}

/* Home dashboard: participant task queue */
.dashboard-tasks{border:1px solid #54455888;border-radius:17px;background:linear-gradient(125deg,#211b26 0%,#19161d 70%,#241b1d 100%);padding:24px 28px;margin:0 0 28px;box-shadow:0 16px 42px #08070a44}.dashboard-tasks-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:17px}.dashboard-tasks-heading h2{font-size:21px;font-weight:500;letter-spacing:-.025em;margin:7px 0 0;color:#eee5ee}.dashboard-tasks-heading>a{color:#c4a8d2;text-decoration:none;font-size:11px;white-space:nowrap}.dashboard-task-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px}.dashboard-task{min-width:0;border:1px solid #65596b66;border-left:3px solid #9b82a4;border-radius:11px;background:#17141bd9;padding:15px 17px}.dashboard-task.priority-urgent{border-color:#9a624e99;border-left-color:#f28a5d;background:linear-gradient(120deg,#36221f99,#1d171b)}.dashboard-task.priority-high{border-left-color:#dcad62}.dashboard-task.priority-low{opacity:.82}.dashboard-task-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#a79ba9;font-size:9px;letter-spacing:.04em}.dashboard-task-priority{color:#c4b0ca}.priority-urgent .dashboard-task-priority{color:#ffad83;font-weight:700;text-transform:uppercase}.dashboard-task h3{font-size:15px;line-height:1.45;font-weight:600;color:#eee5ed;margin:12px 0 6px}.dashboard-task p{font-size:11px;line-height:1.7;color:#b4aab6;margin:0}.dashboard-task small{display:block;margin-top:10px;color:#c9a987;font-size:10px}.dashboard-tasks-empty{color:#aaa0ad;font-size:12px;margin:4px 0}.dashboard-task-link{display:inline-block;margin-top:12px;color:#cfb3dc;text-decoration:none;font-size:10px}
@media(max-width:800px){.dashboard-tasks{padding:19px;margin-bottom:21px}.dashboard-tasks-heading{align-items:flex-start}.dashboard-tasks-heading h2{font-size:19px}.dashboard-task-list{grid-template-columns:1fr}}