
@font-face{font-family:MiSans;src:url('assets/fonts/MiSans-Regular.woff2') format('woff2');font-style:normal;font-weight:100 500;font-display:swap}
@font-face{font-family:MiSans;src:url('assets/fonts/MiSans-Bold.woff2') format('woff2');font-style:normal;font-weight:600 900;font-display:swap}
body.studio.reference-ui{--accent:#c55252;--mint:#d1a9a9;background:#111111;background-image:radial-gradient(ellipse at 75% 0,#5b1b1b29,transparent 55%);color:#efefef}
.studio.reference-ui,.studio.reference-ui *{font-family:MiSans,'Microsoft YaHei',sans-serif!important;letter-spacing:normal}
.reference-ui header{border-color:#363636}.reference-ui header strong,.reference-ui header strong span{color:#efefef}.reference-ui header small{color:#b0b0b0;font-size:11px}.reference-ui #studioMeta{color:#bfbfbf;font-size:12px}.reference-ui #studioMeta b{color:#989898;font-size:10px}.reference-ui #studioMeta i{background:#4e4e4e}
.reference-ui .rail-title{color:#b9b9b9;font-size:12px}.reference-ui #uiNav{border-color:#313131}.reference-ui #uiNav button,.reference-ui.game-running #uiNav button{color:#cdcdcd;font-size:14px}.reference-ui #uiNav button[aria-current=true]{background:linear-gradient(120deg,#733030,#491e1e)!important;border-color:#a34d4d!important;color:#f7f7f7!important;box-shadow:inset 0 1px #bc77772b,0 5px 15px #0002}.reference-ui #uiNav button:hover:not(:disabled){background:#2a2a2a;color:#fff}
.reference-ui #studioHeading,.reference-ui #studioSession{background:linear-gradient(115deg,#2b2b2b,#1b1b1b 80%);border-color:#624040}.reference-ui #studioHeading:before{background:#b85555}.reference-ui #studioModeTitle,.reference-ui #studioSession>strong{color:#f7f7f7}.reference-ui .studio-caption{color:#c0c0c0;font-size:11px}.reference-ui .map-heading strong{color:#f1f1f1}.reference-ui .map-heading strong:before{background:#b14b4b}.reference-ui #clues{color:#b9b9b9;font-size:12px}.reference-ui .session-status{background:#272727;color:#dfdfdf;border-color:#6b3c3c}
.reference-ui aside>.card>label:not([hidden]),.reference-ui #trainingOptions{background:linear-gradient(110deg,#242424,#1d1d1d);border-color:#3e3e3e;color:#dadada;font-size:14px}.reference-ui #trainingOptions label{color:#dadada;font-size:14px}.reference-ui .studio-segment{background:#131313;border-color:#343434}.reference-ui .studio-segment button{font-size:14px;min-height:39px;color:#cbcbcb}.reference-ui .studio-segment button[aria-pressed=true]{background:#622b2b;color:#f9f9f9;border-color:#a04c4c;box-shadow:inset 0 1px #d68a8a25}.reference-ui .studio-segment button:hover:not(:disabled){background:#452323;color:#fff}.reference-ui select,.reference-ui.simulation-ui select{background:#161616!important;border-color:#494949!important;color:#e8e8e8;font-size:14px}
.reference-ui #instructions,.reference-ui #hint{color:#bbbbbb;font-size:13px;line-height:1.8}.reference-ui #studioFoot{border-color:#383838;color:#cecece;font-size:14px;line-height:1.8}.reference-ui #studioFoot small{color:#b4b4b4;font-size:12px;letter-spacing:0}.reference-ui #studioFoot>span:first-child{color:#bf7373}
.reference-ui #start,.reference-ui #submit,.reference-ui #next,.reference-ui #studioDeploy,.reference-ui #dockConfirm{background:linear-gradient(110deg,#843333,#582020)!important;border-color:#a95151!important;color:#f8f8f8;box-shadow:inset 0 1px #ce81812b,0 7px 20px #0003!important;font-size:15px!important}.reference-ui #start:hover:not(:disabled),.reference-ui #submit:hover:not(:disabled),.reference-ui #studioDeploy:hover{background:linear-gradient(110deg,#9b4040,#742a2a)!important;border-color:#cd7171!important}.reference-ui button:focus-visible{outline-color:#ec9c9c}.reference-ui button:disabled{opacity:.5}
.reference-ui .deck-heading{color:#c5c5c5;font-size:13px}.reference-ui #studioRandom{color:#c0c0c0;font-size:12px}.reference-ui #studioRandom[aria-pressed=true]{background:#303030;color:#e1e1e1}.reference-ui .deck-grid button{border-color:#4d4d4d}.reference-ui .deck-grid button[aria-pressed=true]{border-color:#bd6363;box-shadow:0 0 0 1px #925151,0 5px 14px #0003}.reference-ui .deck-grid span{color:#ebebeb;border-left-color:#bc5d5d;font-size:12px;background:#171717ea}.reference-ui .deck-grid i{background:#a34b4b;color:#fff}.reference-ui #viewport{border-color:#604040!important;box-shadow:none!important}
.reference-ui #liveBrief,.reference-ui #routeBrief,.reference-ui #intelBrief,.reference-ui #recentEvents{background:linear-gradient(115deg,#262626,#1c1c1c);border-color:#543333}.reference-ui #missionTitle{color:#ebebeb}.reference-ui #missionHint,.reference-ui #routeRisk,.reference-ui #intelSummary,.reference-ui #intelExpiry{color:#c3c3c3;font-size:13px}.reference-ui .eyebrow{color:#c5c5c5;font-size:11px}.reference-ui #roundClock{color:#e7e7e7}.reference-ui #simSettings{color:#c7c7c7;border-color:#3c3c3c}.reference-ui #simSettings summary{font-size:13px}.reference-ui #studioSession strong i{font-size:13px;color:#bfbfbf}.reference-ui .session-rule{background:#151515;color:#d6d6d6;font-size:14px}.reference-ui #studioRoundBar{color:#c1c1c1;font-size:11px}.reference-ui #studioRoundBar b{color:#ededed}.reference-ui #studioRoundBar small,.reference-ui .round-status{color:#c0c0c0;font-size:12px}.reference-ui #studioRoundBar i.current{background:#c97070;box-shadow:none}
.reference-ui #guessScout,.reference-ui #mapDock #dockPause,.reference-ui #mapDock #dockIntel[data-state=ready]{background:#2c2c2c;border-color:#895252;color:#e2e2e2}.reference-ui #beaconDecision,.reference-ui #studioRibbon{background:linear-gradient(105deg,#2b2b2bf8,#1b1b1bf8);border-color:#a16161;color:#e8e8e8}.reference-ui #beaconDecision p,.reference-ui #beaconDecision small,.reference-ui #studioRibbon small{color:#c8c8c8}.reference-ui #beaconDecision .beacon-emblem{color:#c78282}.reference-ui #beaconDecision #beaconScan{background:#783030;border-color:#b76c6c;color:#fff}.reference-ui #beaconDecision #beaconCancel{background:#272727;border-color:#656565;color:#e0e0e0}
.reference-ui #guessReward{background:linear-gradient(145deg,#333333,#1b1b1b)!important;border-color:#845252!important}.reference-ui #guessReward:before,.reference-ui #guessReward h3,.reference-ui #guessReward .reward-rate{color:#e4e4e4}.reference-ui #guessReward p,.reference-ui #guessReward small{color:#c5c5c5}.reference-ui #guessReward .reward-note{font-size:12px;line-height:1.7}
@media(max-width:850px){.reference-ui #uiNav button,.reference-ui.game-running #uiNav button{font-size:13px}.reference-ui .deck-grid span{font-size:11px}.reference-ui #clues{font-size:11px}.reference-ui .studio-segment button{font-size:14px}}

/* Neutral black surfaces and deep competition red, without purple tint. */
body.studio.reference-ui{--accent:#b63131;--mint:#d6b0b0;background:#101010;background-image:radial-gradient(ellipse at 75% 0,#55131320,transparent 55%)}
.reference-ui #studioHeading,.reference-ui #studioSession{background:linear-gradient(115deg,#301818,#1b1b1b 80%);border-color:#4b3030}
.reference-ui aside>.card>label:not([hidden]),.reference-ui #trainingOptions{background:#1d1d1d;border-color:#353535}
.reference-ui .studio-segment{background:#111;border-color:#363030}
.reference-ui .studio-segment button[aria-pressed=true]{background:#691c1c;color:#fff;border-color:#993232;box-shadow:inset 0 1px #be5b5b25}
.reference-ui #uiNav button[aria-current=true]{background:#711d1d!important;border-color:#9b3030!important;color:#fff!important;box-shadow:inset 0 1px #bf595925,0 5px 15px #0002}
.reference-ui #start,.reference-ui #submit,.reference-ui #next,.reference-ui #studioDeploy,.reference-ui #dockConfirm{background:linear-gradient(110deg,#8a2323,#681919)!important;border-color:#a13737!important;color:#fff}
.reference-ui #start:hover:not(:disabled),.reference-ui #submit:hover:not(:disabled),.reference-ui #studioDeploy:hover{background:linear-gradient(110deg,#a42c2c,#842020)!important;border-color:#c44b4b!important}
.reference-ui #liveBrief,.reference-ui #routeBrief,.reference-ui #intelBrief,.reference-ui #recentEvents{background:linear-gradient(115deg,#271b1b,#1b1b1b);border-color:#493030}
