/* The arcade belongs to the same warm-brass / midnight-green story world. */
.training-game-open{overflow:hidden!important}
.training-game-open #stage,.training-game-open #stage *{animation-play-state:paused!important}
.literature-pause-toggle{border:1px solid #c7b27966;background:#142a2e;color:#e7d7ac;font:11px 'Microsoft YaHei';border-radius:5px;padding:8px;cursor:pointer}
.literature-pause-screen{position:absolute;inset:0;z-index:35;background:#06151ced;display:grid;place-items:center;padding:25px;text-align:center;backdrop-filter:blur(5px);color:#e7d7ac}
.literature-pause-screen h2{font:27px 'SimSun',serif;letter-spacing:3px;margin:16px 0}
.literature-pause-screen p{font-size:12px;line-height:1.9;color:#abc4b6;margin:12px 0 18px}
.tg-root{--tg-gold:#e7c782;--tg-mint:#8de0cc;--tg-paper:#f1e7d2;--tg-border:#d3b77c38;position:fixed;inset:0;z-index:18000;display:flex;flex-direction:column;background:#091518;color:var(--tg-paper);font-family:"Microsoft YaHei","PingFang SC",sans-serif;overflow:hidden;isolation:isolate;overscroll-behavior:none}
.tg-root *{box-sizing:border-box}
.tg-root [hidden]{display:none!important}
.tg-root button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.tg-root button:focus-visible,.tg-root a:focus-visible{outline:2px solid #a5f4dd;outline-offset:4px}
.tg-root button:disabled{cursor:default;opacity:.45}
.tg-root button{transition:background .16s,border-color .16s,transform .16s}
.tg-root button:active:not(:disabled){transform:translateY(1px)}
.tg-root h1,.tg-root h2,.tg-root h3,.tg-root p,.tg-root figure{margin:0}
.tg-root kbd{font:11px Georgia,serif;border:1px solid #bca77266;border-radius:3px;padding:3px 5px;color:#e9d2a2;background:#030c1180;white-space:nowrap}
.tg-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 26px;border-bottom:1px solid var(--tg-border);background:#091418ed;position:relative;z-index:12;flex:none}
.tg-eyebrow{display:block;font:10px/1.5 Georgia,serif;letter-spacing:2.8px;color:var(--tg-gold);text-transform:uppercase}
.tg-header h1{font-size:23px;letter-spacing:3px;margin-top:4px;font-family:"STSong","SimSun",serif;font-weight:600}
.tg-header h1 small{font:11px/1.5 "Microsoft YaHei",sans-serif;color:#abb8b2;letter-spacing:1px;margin-left:20px}
.tg-header-actions{display:flex;gap:9px;flex:none}
.tg-header-actions button,.cb-question button,.cb-guide-btn,.vn-progress button{border:1px solid #ab9a6844;background:#12262980;border-radius:5px;padding:9px 12px;font-size:11px}
.tg-header-actions button:hover,.cb-question button:hover,.vn-progress button:hover{background:#2b403a}
.tg-header-actions span{margin-left:12px;color:var(--tg-gold);font-size:18px}
.tg-body{flex:1;min-height:0;position:relative;display:flex;flex-direction:column;overflow:hidden}
.tg-primary,.tg-secondary{min-height:45px;padding:12px 22px;border-radius:5px;font-size:13px;letter-spacing:.6px}
.tg-primary{background:linear-gradient(120deg,#edd59a,#c49c52);color:#142321!important;border:1px solid #fce7b6;box-shadow:0 3px 24px #d8b3651d;font-weight:700}
.tg-primary:hover{background:linear-gradient(120deg,#ffebba,#d4b16f)}
.tg-secondary{background:#102b2eab;border:1px solid #acb5a75c}
.tg-button-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.tg-meter{height:7px;border:1px solid #96b7a642;overflow:hidden;background:#0005;border-radius:20px}
.tg-meter i{display:block;height:100%;background:linear-gradient(90deg,#498a7f,#a1e0c8);transition:width .22s}
.tg-pause,.tg-result{position:absolute;inset:0;z-index:60;background:#050c13db;display:flex;align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(6px)}
.tg-pause-card,.tg-result-card{width:min(680px,100%);max-height:100%;overflow:auto;background:radial-gradient(ellipse at top,#28403c,#101f24 75%);border:1px solid #dbc58766;padding:34px;border-radius:12px;box-shadow:0 20px 100px #0009;text-align:center}
.tg-pause-card h2,.tg-result-card h2{font-family:"STSong","SimSun",serif;letter-spacing:4px;font-size:30px;margin:12px 0 18px}
.tg-pause-card p,.tg-result-card p{color:#c2d0c9;line-height:1.9;font-size:14px;margin:12px 0}
.tg-pause-card small{display:block;color:#9aaea9;line-height:1.8;font-size:11px;margin:12px 0}
.tg-pause-card a{color:#d9c88e;margin-left:8px}
.tg-pause-card>.tg-primary,.tg-pause-card>.tg-secondary{margin:12px 4px 0}
.tg-medal{font-size:75px;color:#ffe1a0;text-shadow:0 0 45px #ffe0a68a;animation:tg-medal-in .7s both}
.tg-reward{font:42px Georgia,serif;color:#ffda85;margin:22px 0 30px;animation:tg-medal-in .8s .1s both}
.tg-reward span{font:16px "Microsoft YaHei",sans-serif;white-space:nowrap}
@keyframes tg-medal-in{from{opacity:0;transform:scale(.6) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}

/* Arena: readable decisions sit above physical wooden targets; controls never cover play. */
.cb-question{flex:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 26px 10px;background:linear-gradient(90deg,#132c2d,#0c1b20)}
.cb-question h2{font-size:17px;font-weight:500;letter-spacing:.5px;margin-top:5px}
.cb-status{height:39px;display:flex;gap:24px;align-items:center;padding:0 26px;border-bottom:1px solid #79989133;background:#09161c;color:#a5bab1;font-size:11px;flex:none}
.cb-vital{display:flex;align-items:center;gap:12px;min-width:38%}
.cb-vital b{font:14px Georgia;letter-spacing:2px;color:#ecd396}
.cb-vital .tg-meter{flex:1;height:10px}
.cb-vital span{font:12px Georgia;color:#c3d9c7;min-width:64px}
.cb-status>[data-combo]{margin-left:auto;color:#e8c882}
.cb-layout{display:flex;flex:1;min-height:0}
.cb-world{position:relative;flex:1;min-width:0;background:#101b1e;overflow:hidden}
.cb-world canvas{width:100%;height:100%;display:block;touch-action:none;outline:none}
.cb-targets{position:absolute;top:10px;left:9%;right:9%;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;pointer-events:none}
.cb-targets button{pointer-events:auto;background:linear-gradient(140deg,#0e1f25f0,#162c2bf2);border:1px solid #8a9c8159;border-radius:6px;padding:10px 12px;text-align:left;box-shadow:0 5px 20px #0005;min-width:0}
.cb-targets button[aria-pressed=true]{border-color:#efd39b;box-shadow:0 0 20px #d1b76e25;background:linear-gradient(130deg,#30443c,#182b2bf0)}
.cb-targets button b{font:19px Georgia;color:#e9ce91;display:flex;justify-content:space-between;align-items:center}
.cb-targets button span{font-size:12px;line-height:1.55;display:block;min-height:37px;margin:6px 0}
.cb-targets button small{font:10px Georgia;color:#adc2b1;display:block;text-align:right;margin-top:4px}
.cb-targets .is-dead{opacity:.4;text-decoration:line-through}
.cb-targets .tg-meter i{background:linear-gradient(90deg,#8f6246,#e2b278)}
.cb-notice{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);max-width:92%;width:max-content;background:#071116ce;border:1px solid #d1ba7740;padding:8px 16px;border-radius:30px;font-size:11px;line-height:1.5;color:#dccb9f;text-align:center;pointer-events:none}
.cb-equipment{flex:0 0 210px;background:linear-gradient(160deg,#162a2e,#0c1920);border-left:1px solid var(--tg-border);padding:16px 12px;display:flex;flex-direction:column;gap:9px;overflow:auto}
.cb-equipment>.tg-eyebrow{margin-bottom:4px}
.cb-skill{position:relative;display:flex;align-items:center;gap:8px;min-height:65px;flex:1;max-height:92px;border:1px solid #85948c47;border-radius:6px;overflow:hidden;background:#080e12;color:#e3d5ba;padding:8px;text-align:left;isolation:isolate}
.cb-skill:hover{border-color:#e0c38a}
.cb-skill img{position:relative;width:50px;height:50px;object-fit:contain;z-index:2}
.cb-skill span{flex:1;z-index:2;min-width:0}
.cb-skill b{display:block;font-size:12px;font-weight:500}
.cb-skill small{display:block;font:9px Georgia;color:#9faeac;margin-top:5px}
.cb-skill kbd{position:absolute;right:5px;top:4px;font-size:10px;z-index:2}
.cb-skill em{position:absolute;right:7px;bottom:4px;color:#e5d8ad;font:11px Georgia;z-index:2}
.cb-cd{position:absolute;inset:0;background:#c7ac642c;transform-origin:bottom;transform:scaleY(0);z-index:1}
.cb-controls{display:flex;align-items:center;gap:22px;min-height:82px;padding:10px 24px;background:#0a191e;border-top:1px solid var(--tg-border);flex:none}
.cb-pad,.cb-action-pad{display:flex;align-items:center;gap:6px}
.cb-pad>div{display:flex;flex-direction:column;gap:4px}
.cb-pad button{width:41px;height:29px;background:#1b3035;border:1px solid #76928766;border-radius:4px;touch-action:none}
.cb-pad>button{height:44px}
.cb-action-pad button{height:49px;padding:8px 12px;background:linear-gradient(140deg,#2d3c36,#12232a);border:1px solid #b6a36d77;border-radius:5px;font-size:12px;touch-action:none}
.cb-action-pad kbd{margin-right:4px}
.cb-controls p{font-size:10px;color:#a9b8b0;line-height:1.7}
.cb-practice-end{margin-left:auto;background:#ddc284;color:#1f3030!important;padding:11px;border:0;border-radius:4px;font-size:12px}
.cb-intro,.vn-welcome,.co-welcome{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,#1d393be8,#071219f5 80%);z-index:25;display:flex;justify-content:center;align-items:center;padding:20px;overflow:auto}
.cb-intro>div,.vn-welcome>div,.co-welcome>div{max-width:790px;text-align:center;margin:auto}
.cb-intro h2,.vn-welcome h2,.co-welcome h2{font:38px/1.45 "STSong","SimSun",serif;letter-spacing:5px;color:#f0dda6;margin:10px 0 14px}
.cb-intro p,.vn-welcome p,.co-welcome p{font-size:14px;color:#c1d2c9;line-height:1.9}
.cb-intro-products{display:flex;justify-content:center;gap:46px;margin:14px 0}
.cb-intro-products figure{width:145px}
.cb-intro-products img{width:135px;height:135px;object-fit:contain;border-radius:9px;background:#101215;filter:drop-shadow(0 8px 14px #0008)}
.cb-intro-products figcaption{font-size:13px;line-height:1.6;margin-top:6px;color:#e4c687}
.cb-intro-products small{display:block;font:10px Georgia;color:#8da6a0;margin-top:2px}
.cb-rule-tags{display:flex;justify-content:center;gap:12px;margin:17px 0}
.cb-rule-tags span{border:1px solid #99b3a447;border-radius:24px;font-size:11px;color:#a8d2c3;padding:6px 12px}
.cb-intro .cb-intro-controls{font-size:11px;line-height:1.7;margin:8px 0 15px;color:#91aaa3}
.cb-intro>div>small,.co-welcome small{font-size:10px;color:#79938d;display:block;margin-top:14px}
.cb-round-curtain{position:absolute;inset:0;background:#08191ce8;backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:30px;z-index:8;text-align:center}
.cb-round-curtain>div{max-width:560px}
.cb-round-curtain h2{font:30px "STSong","SimSun",serif;letter-spacing:2px;margin:15px 0}
.cb-round-curtain p{color:#b6cec5;line-height:1.8;font-size:14px}
.cb-round-curtain strong{display:block;color:#eccb88;font-size:13px;margin:18px 0 26px}
.cb-round-curtain button{margin:5px}
.cb-manual{text-align:left;margin:20px 0}
.cb-manual>div{display:grid;grid-template-columns:30px 115px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid #758c7f30;align-items:start;font-size:12px;line-height:1.7}
.cb-manual b{color:#e6ce99;font-weight:500}
.cb-manual span{color:#bdd0c4}

/* Visual novel: one calm, continuous room, rather than combat scenery. */
.tg-customer .tg-body{background:#203236}
.vn-scene{position:absolute;inset:0;background:linear-gradient(180deg,#365055b0,#172a33bd),url('scene-training.png') center/cover}
.vn-window{position:absolute;left:8%;top:6%;width:33%;height:58%;border:12px solid #a79d7760;box-shadow:inset 0 0 60px #d7e8cf66,0 0 60px #a5e9d522;background:linear-gradient(140deg,#cff0d152,#96cfca1c 60%),repeating-linear-gradient(90deg,transparent 0 32%,#708e813c 32% 34%),repeating-linear-gradient(0deg,transparent 0 48%,#9a998333 48% 51%);transform:perspective(700px) rotateY(9deg)}
.vn-desk{position:absolute;left:0;right:0;bottom:0;height:20%;background:linear-gradient(10deg,#1e282b,#675e46);border-top:6px solid #928464;box-shadow:0 -15px 70px #07191d}
.vn-researcher{position:absolute;right:12%;bottom:6%;width:41%;height:95%;display:flex;align-items:flex-end;justify-content:center;filter:drop-shadow(20px 20px 35px #06131677)}
.vn-researcher img{max-width:100%;max-height:100%;object-fit:contain;object-position:bottom}
.vn-nameplate{position:absolute;left:9%;top:29%;color:#e1e6cf;text-shadow:0 3px 10px #071b20}
.vn-nameplate span{font:10px Georgia;letter-spacing:4px;display:block;color:#c5ccad}
.vn-nameplate b{display:block;font:28px "STSong","SimSun",serif;letter-spacing:4px;margin:12px 0}
.vn-nameplate small{font-size:12px;color:#c5d4c8;display:block}
.vn-progress{position:absolute;left:25px;top:20px;width:240px;padding:17px;background:#0b2025d6;border:1px solid #d3bf8361;border-radius:7px;z-index:2;box-shadow:0 8px 26px #041c2055}
.vn-progress b{display:flex;justify-content:space-between;align-items:center;margin:8px 0;font-size:12px;font-weight:400}
.vn-progress strong{font:27px Georgia;color:#ddcb97}
.vn-progress>span[data-route]{font-size:10px;color:#a7c3b7;display:block;margin-top:9px}
.vn-progress button{font-size:10px;margin-top:12px;padding:5px 10px}
.vn-dots{display:flex;gap:7px;margin-top:13px}
.vn-dots i{height:4px;flex:1;background:#6b817b55}
.vn-dots i.done{background:#a4d7c2}.vn-dots i.current{background:#e4c180}
.vn-dialog{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);width:min(1060px,91%);z-index:5;background:linear-gradient(110deg,#0d212aef,#172e31ed);border:1px solid #e2c9908c;border-radius:9px;padding:18px 24px;box-shadow:0 15px 40px #0005;backdrop-filter:blur(8px)}
.vn-chapter{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #c4ac7838;padding-bottom:10px}
.vn-chapter b{font-size:12px;letter-spacing:3px;color:#e2c987}
.vn-chapter span{font:11px Georgia;color:#a3b6b0}
.vn-line{display:block;background:none;border:0;text-align:left;font-size:18px!important;line-height:1.6;min-height:59px;padding:13px 0;width:100%;color:#f3eedc!important}
.vn-options{display:grid;gap:7px}
.vn-options button{display:flex;align-items:center;gap:12px;border:1px solid #8faf994f;background:#accfb30a;text-align:left;padding:10px 14px;font-size:12px;line-height:1.6;border-radius:4px}
.vn-options button:hover{border-color:#e3c487;background:#3d5b5066}
.vn-options button b{font:15px Georgia;color:#dccc9e}
.vn-response{position:relative;padding:4px 0}
.vn-response p{font-size:15px;line-height:1.8;color:#e2e8d6;margin:8px 0}
.vn-response small{display:block;font-size:11px;color:#9dc0af;line-height:1.7;margin:8px 0 15px}
.vn-response h2{font-size:24px;letter-spacing:2px;margin-top:10px}
.vn-change{font-size:12px;animation:vn-change .55s both;display:flex;gap:12px;align-items:center;color:#aee5c7}
.vn-change strong{font:25px Georgia}.vn-change.negative{color:#efac96}
.vn-progress .is-danger{background:linear-gradient(90deg,#954e4e,#de9977)}
.vn-welcome{background:linear-gradient(90deg,#0c202dfc 10%,#0b222ccd)}
.vn-welcome>div{max-width:600px}
.vn-welcome .vn-warning{font-size:12px;color:#cab48c;margin:16px 0 26px}
.vn-researcher.is-nodding{animation:vn-nod .9s both}.vn-researcher.is-distant{filter:drop-shadow(20px 20px 35px #06131677) saturate(.7)}
.vn-log-list{text-align:left;max-height:50vh;overflow:auto}
.vn-log-list article{padding:14px 0;border-bottom:1px solid #93aa9133}
.vn-log-list b{font-size:13px;color:#dcc690}.vn-log-list p{font-size:12px}
@keyframes vn-nod{0%,100%{transform:translateY(0)}40%{transform:translateY(7px)}}
@keyframes vn-change{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}

/* Co-learning: tangible experience cards, same mascot, different companions. */
.tg-internal .tg-body{background:radial-gradient(ellipse at 65% 20%,#294a4855,transparent 60%),linear-gradient(#091e25ec,#091821ee),url('scene-training.png') center/cover;overflow:auto}
.co-stars{pointer-events:none;position:absolute;inset:0;background-image:radial-gradient(circle at 21% 22%,#f0d89a 0 1px,transparent 2px),radial-gradient(circle at 80% 13%,#74bbaf 0 1px,transparent 2px),radial-gradient(circle at 60% 30%,#e2c889 0 1px,transparent 2px);background-size:193px 163px,233px 211px,271px 223px;opacity:.38}
.co-heading{position:relative;padding:22px 32px 17px;text-align:center;flex:none}
.co-heading h2{font:25px "STSong","SimSun",serif;letter-spacing:3px;color:#e7d39e;margin:7px 0 10px}
.co-heading>p:last-child{font-size:12px;color:#a4bcb2;line-height:1.7}
.co-layout{position:relative;display:flex;gap:24px;max-width:1270px;width:100%;padding:0 28px 28px;margin:auto;align-items:center;flex:1;min-height:460px}
.co-peers{width:190px;flex-shrink:0;display:flex;flex-direction:column;gap:12px}
.co-peer{position:relative;display:grid;grid-template-columns:65px 1fr;text-align:left;column-gap:12px;align-items:center;border:1px solid #809e9566;border-radius:9px;background:linear-gradient(110deg,#214344bb,#142c33);padding:10px}
.co-peer>div{grid-row:span 2;position:relative;height:76px}
.co-peer img{width:62px;height:76px;object-fit:contain}
.co-peer i{position:absolute;right:-4px;bottom:-4px;border-radius:50%;background:#bda163;color:#071a1f;font:17px Georgia;width:20px;height:20px;text-align:center}
.co-peer b{font-size:12px;color:#c9d8c9}
.co-peer small{font-size:9px;line-height:1.7;color:#8da8a0}
.co-blue img{filter:hue-rotate(85deg)}.co-mint img{filter:hue-rotate(145deg)}
.co-peer.is-visited{border-color:#8fceae;background:linear-gradient(110deg,#2b5848a3,#142c33)}
.co-peer:hover{border-color:#e6d197;transform:translateX(3px)}
.co-board{flex:1;min-width:0;padding:24px;border:1px solid #a9b99355;border-radius:12px;background:radial-gradient(ellipse at top,#243f3b9c,#0b2028d6 70%);box-shadow:0 15px 50px #06111888;transition:box-shadow .5s,border-color .5s}
.co-board-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;gap:10px}
.co-board-label b{font:16px "STSong","SimSun",serif;letter-spacing:3px;color:#ddcd9e}
.co-board-label span{font-size:10px;color:#93b2a7}
.co-chain{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative}
.co-chain:before{content:'';position:absolute;left:6%;right:6%;top:50%;height:1px;background:linear-gradient(90deg,#619f94,#cebb83);pointer-events:none}
.co-slot{position:relative;min-height:124px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#0c2229;border:1px dashed #7caca27a;border-radius:8px;padding:12px;isolation:isolate}
.co-slot i{font:19px Georgia;font-style:normal;color:#829f96}
.co-slot span{font-size:12px;line-height:1.65;color:#a7bcae}
.co-slot small{font-size:9px;color:#8d9d88}
.co-slot.filled{background:linear-gradient(145deg,#3f5146,#233b38);border:1px solid #c8b580a8}
.co-slot.filled span{color:#ecddba}
.co-slot.is-correct{box-shadow:0 0 18px #83d7ac33;border-color:#b8dbb3}
.co-deck{min-height:164px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0 12px;align-content:start}
.co-card{border:1px solid #a7997161;background:linear-gradient(140deg,#e3d5b9,#b9ae91);color:#293b36!important;padding:11px 14px;border-radius:4px;min-height:75px;text-align:left;box-shadow:0 6px 14px #0003}
.co-card>span{font-size:9px;color:#676e55;display:block;margin-bottom:5px;letter-spacing:2px}
.co-card b{font-size:12px;font-weight:500;line-height:1.55}
.co-card.selected{outline:3px solid #a9edce;transform:translateY(-4px);box-shadow:0 8px 22px #9ce8c332}
.co-empty{grid-column:1/-1;text-align:center;padding:30px;font-size:13px;color:#79988d}
.co-feedback{min-height:51px;padding:9px 12px;border-left:2px solid #c9b681;background:#091a2055;color:#c5d7c6;line-height:1.8;font-size:12px;margin-bottom:18px!important}
.co-help{text-align:center;font-size:10px;color:#859f94;line-height:1.7;margin-top:14px!important}
.co-board.is-lit{box-shadow:0 0 65px #d9c16e22,inset 0 0 30px #8ddaab16;border-color:#ead29a}
.co-board.is-lit .co-slot{border-color:#f0d996;background:linear-gradient(145deg,#566346,#2b4c3c);animation:tg-medal-in .55s both}
.co-board.is-lit .co-chain:before{height:3px;box-shadow:0 0 12px #dfd081}
.co-preview-crew{display:flex;justify-content:center;gap:26px;margin:20px 0}
.co-preview-crew img{width:85px;height:110px;object-fit:contain;filter:drop-shadow(0 8px 15px #0006)}
.co-preview-crew img:nth-child(1){filter:hue-rotate(85deg)}.co-preview-crew img:nth-child(3){filter:hue-rotate(145deg)}
.co-welcome>div{max-width:650px}

@media(max-height:780px) and (min-width:801px){
 .tg-header{padding:10px 22px}.tg-header h1{font-size:21px}.cb-question{padding:10px 22px 7px}.cb-question h2{font-size:15px}.cb-status{height:32px}.cb-controls{min-height:72px;padding:5px 22px}.cb-equipment{padding:10px;gap:7px}.cb-skill{min-height:55px}.cb-skill img{width:40px;height:40px}.cb-targets{gap:12px;top:7px}.cb-targets button{padding:6px 10px}.cb-targets button span{font-size:11px;min-height:32px;margin:4px 0}.cb-intro-products img{height:92px;width:110px}.cb-intro h2{font-size:31px;margin:7px 0 9px}.cb-intro-products{margin:7px 0}.cb-rule-tags{margin:10px 0}.cb-intro p{font-size:12px}.cb-intro .cb-intro-controls{margin:6px 0 10px}.vn-dialog{bottom:15px;padding:12px 20px}.vn-line{font-size:16px!important;min-height:50px;padding:10px 0}.vn-options button{padding:8px 12px}.vn-progress{top:13px;padding:12px}.vn-nameplate{top:35%}.co-heading{padding:14px 25px 10px}.co-heading h2{font-size:23px}.co-layout{min-height:420px}.co-board{padding:18px}.co-board-label{margin-bottom:17px}.co-slot{min-height:103px;padding:8px}.co-deck{min-height:140px;margin:18px 0 8px}.co-card{min-height:62px;padding:8px 10px}.co-feedback{margin-bottom:10px!important}
}
@media(max-width:1000px){.tg-header h1 small{display:none}.cb-equipment{flex-basis:164px;padding:9px}.cb-skill{gap:5px;padding:6px}.cb-skill img{width:39px;height:42px}.cb-skill b{font-size:10px}.cb-skill small{font-size:8px}.cb-targets{left:7%;right:7%;gap:8px}.cb-targets button span{font-size:10px}.cb-controls{gap:14px;padding:8px 15px}.cb-controls p{display:none}.co-layout{gap:15px;padding:0 16px 20px}.co-peers{width:152px}.co-peer{grid-template-columns:48px 1fr;gap:8px;padding:8px}.co-peer img{width:45px}.co-chain{gap:13px}.co-board{padding:17px}.co-card{padding:10px}.vn-researcher{right:2%;width:48%}.vn-nameplate{left:8%;top:37%}}
@media(max-width:700px){
 .tg-header{padding:10px 13px;gap:8px}.tg-header h1{font-size:18px;letter-spacing:1px}.tg-header .tg-eyebrow{font-size:8px;letter-spacing:1.5px}.tg-header-actions{gap:5px}.tg-header-actions button{padding:7px;font-size:9px}.tg-header-actions span{display:none}.tg-body{min-height:0}.tg-primary,.tg-secondary{padding:11px 15px;font-size:12px;min-height:43px}.tg-pause,.tg-result{padding:15px}.tg-pause-card,.tg-result-card{padding:23px}.tg-pause-card h2,.tg-result-card h2{font-size:25px}.tg-pause-card p,.tg-result-card p{font-size:12px}.tg-reward{font-size:33px}.tg-reward span{display:block;font-size:14px;margin-top:9px}.cb-question{padding:10px 12px;gap:8px}.cb-question h2{font-size:13px;line-height:1.55;margin-top:3px}.cb-question .tg-eyebrow{font-size:8px}.cb-question button{font-size:10px;padding:6px;white-space:nowrap}.cb-status{height:44px;flex-wrap:wrap;gap:3px 12px;padding:5px 12px;font-size:9px}.cb-vital{width:100%;height:14px}.cb-vital b{font-size:11px}.cb-vital span{font-size:10px}.cb-vital .tg-meter{height:7px}.cb-status>[data-combo]{font-size:9px}.cb-layout{flex-direction:column}.cb-world{min-height:200px;flex:1}.cb-equipment{flex:0 0 79px;border-left:0;border-top:1px solid #b0a27f40;display:grid;grid-template-columns:repeat(5,1fr);gap:5px;padding:5px 7px;overflow:visible}.cb-equipment>.tg-eyebrow,.cb-guide-btn{display:none}.cb-skill{min-height:68px;height:68px;padding:4px;display:block;text-align:center}.cb-skill img{width:38px;height:33px;display:block;margin:0 auto}.cb-skill b{font-size:9px;white-space:nowrap}.cb-skill small{display:none}.cb-skill kbd{top:2px;right:2px;font-size:8px;padding:1px 3px}.cb-skill em{font-size:9px;bottom:2px;right:3px}.cb-targets{left:3%;right:3%;gap:5px;top:7px}.cb-targets button{padding:5px 6px}.cb-targets button b{font-size:15px}.cb-targets button kbd{font-size:8px;padding:1px 4px}.cb-targets button span{font-size:9px;line-height:1.55;min-height:40px;margin:3px 0}.cb-targets button small{font-size:8px}.cb-targets .tg-meter{height:4px}.cb-notice{font-size:9px;padding:5px 9px;bottom:7px;border-radius:7px}.cb-controls{min-height:88px;gap:12px;padding:8px 10px;justify-content:space-between;position:relative}.cb-pad{gap:4px}.cb-pad button{width:34px;height:28px}.cb-pad>button{height:44px}.cb-action-pad{gap:5px}.cb-action-pad button{padding:6px 9px;font-size:11px;height:48px}.cb-action-pad kbd{display:none}.cb-practice-end{position:absolute;bottom:94px;right:10px;padding:8px;font-size:10px;z-index:10}.cb-intro,.vn-welcome,.co-welcome{padding:20px}.cb-intro h2,.vn-welcome h2,.co-welcome h2{font-size:29px;letter-spacing:2px}.cb-intro p,.vn-welcome p,.co-welcome p{font-size:12px}.cb-intro-products{gap:15px;margin:17px 0}.cb-intro-products figure{width:90px}.cb-intro-products img{width:80px;height:100px}.cb-intro-products figcaption{font-size:10px}.cb-intro-products small{font-size:8px}.cb-rule-tags{gap:5px;margin:15px 0}.cb-rule-tags span{font-size:9px;padding:5px 7px}.cb-intro .cb-intro-controls{font-size:10px;line-height:1.8;margin:12px 0 20px}.cb-intro>div>small{font-size:8px}.cb-round-curtain{padding:18px}.cb-round-curtain h2{font-size:23px;line-height:1.5}.cb-round-curtain p{font-size:12px}.cb-round-curtain strong{font-size:11px;margin:12px 0}.cb-manual>div{grid-template-columns:25px 90px 1fr;font-size:10px;gap:6px}.vn-progress{left:12px;top:12px;width:180px;padding:10px}.vn-progress .tg-eyebrow{font-size:8px}.vn-progress b{font-size:10px;margin:5px 0}.vn-progress strong{font-size:23px}.vn-progress>span[data-route]{font-size:8px}.vn-progress button{margin-top:7px;font-size:9px}.vn-dots{gap:4px;margin-top:8px}.vn-researcher{right:-9%;top:5%;bottom:auto;height:63%;width:69%}.vn-nameplate{left:6%;top:31%}.vn-nameplate span{font-size:8px;letter-spacing:2px}.vn-nameplate b{font-size:20px;letter-spacing:1px}.vn-nameplate small{max-width:150px;font-size:9px;line-height:1.7}.vn-window{width:46%;left:4%;top:3%;height:51%;border-width:7px}.vn-dialog{bottom:12px;width:94%;padding:13px 14px;max-height:58%;overflow:auto}.vn-line{font-size:14px!important;line-height:1.7;min-height:65px;padding:10px 0}.vn-chapter b{font-size:10px}.vn-options button{font-size:11px;gap:9px;padding:9px 10px}.vn-response p{font-size:12px}.vn-response small{font-size:10px}.vn-response h2{font-size:21px}.vn-change strong{font-size:21px}.co-heading{padding:17px 16px}.co-heading h2{font-size:20px;letter-spacing:1px;line-height:1.5}.co-heading>p:last-child{font-size:11px}.co-layout{display:block;padding:0 12px 25px;min-height:0;margin:0}.co-peers{flex-direction:row;width:100%;gap:7px;margin-bottom:14px}.co-peer{width:33.333%;display:flex;flex-direction:column;padding:8px 5px;gap:4px;text-align:center}.co-peer>div{height:65px}.co-peer img{height:65px;width:55px}.co-peer b{font-size:10px}.co-peer small{font-size:8px}.co-peer i{right:-9px;width:17px;height:17px;font-size:14px}.co-board{padding:14px}.co-board-label{margin-bottom:18px}.co-board-label b{font-size:13px}.co-board-label span{font-size:9px}.co-chain{grid-template-columns:repeat(2,1fr);gap:12px}.co-chain:before{left:50%;right:auto;width:1px;top:10%;bottom:10%;height:auto}.co-slot{min-height:104px;gap:6px;padding:8px}.co-slot i{font-size:15px}.co-slot span{font-size:11px}.co-deck{grid-template-columns:repeat(2,1fr);min-height:100px;gap:7px;margin-top:19px}.co-card{min-height:75px;padding:9px 11px}.co-card b{font-size:11px}.co-card>span{font-size:8px}.co-feedback{font-size:11px;margin:12px 0!important}.co-help{font-size:9px}.co-preview-crew{gap:18px}.co-preview-crew img{width:70px;height:100px}
}
@media(max-height:540px){.tg-body{overflow:auto}.cb-layout{min-height:360px}.cb-intro{position:fixed;top:65px}.tg-header{padding:8px 12px}.cb-intro-products img{height:70px}.cb-intro h2{font-size:25px}.cb-intro-products{margin:8px 0}.cb-intro p{font-size:11px}.cb-intro>div>small{font-size:8px}.vn-dialog{position:relative;left:auto;transform:none;margin:170px auto 15px;width:94%;bottom:auto}.vn-progress{width:200px}.vn-researcher{height:350px;top:0;bottom:auto}.vn-nameplate{display:none}}
@media(prefers-reduced-motion:reduce){.tg-root *{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media(max-width:700px){
  .cb-targets button span{font-size:11px;min-height:49px}
  .cb-practice-end{bottom:calc(100% + 80px)}
  .tg-experiment.is-practice .cb-notice{bottom:55px}
}