:root{--paper:#fbf9f4;--ink:#292f35;--teal:#13696d;--warm:#ac4e2a;--line:#d9d7ce}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:22px/1.65 "Microsoft JhengHei",sans-serif}button,input,select,textarea{font:inherit}button,a.link{cursor:pointer;border:1px solid var(--line);border-radius:9px;background:white;color:var(--teal);padding:.45em .8em;text-decoration:none}button:hover,a.link:hover{background:#e9f3f0}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #cf7b21;outline-offset:3px}button.active{background:var(--teal);color:white}header{padding:30px clamp(20px,4vw,70px);background:#123e44;color:white}header p{margin:5px 0}h1{font-size:clamp(28px,3.3vw,44px);margin:0}h2{font-size:30px;margin:0 0 18px}h3{font-size:25px}p{margin:.7em 0}small,.meta{font-size:18px;color:#555d60}.eyebrow{color:#a7dad8;font-size:18px;letter-spacing:.1em}nav{display:flex;gap:10px;flex-wrap:wrap;padding:18px clamp(20px,4vw,70px);border-bottom:1px solid var(--line)}main{max-width:1500px;margin:auto;padding:28px clamp(20px,4vw,70px) 90px}.tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:14px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,370px),1fr));gap:22px}.tile{background:white;border:1px solid var(--line);border-radius:12px;padding:24px}.tile h3{margin-top:0}.tile button{margin:5px}.case{background:white;border:1px solid var(--line);padding:28px;border-radius:12px;margin-top:18px}.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px}.two>*{min-width:0}.q{font-size:24px}.steps p{padding:12px;border-left:4px solid var(--teal);background:#f0f6f3}.conclusion{border:2px solid var(--teal);padding:15px;font-size:25px}.stamp{color:var(--teal);font-weight:bold;letter-spacing:.08em}.graph{width:100%;max-height:330px;object-fit:contain}.original{max-width:220px;max-height:140px;object-fit:contain;display:block}.katex-display{margin:.5em 0;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:8px 0}.katex{font-size:1.12em}textarea{width:100%;min-height:100px;border:1px solid #b5b9b7;border-radius:8px;padding:12px;resize:vertical}input{max-width:100%;padding:8px;border:1px solid #abb5b4;border-radius:6px}.feedback{background:#f0f6f3;padding:14px;margin-top:12px}.banner{padding:16px;background:#f5ead9;border-left:5px solid var(--warm)}.module{position:relative}.full{position:fixed!important;inset:0!important;z-index:40;background:var(--paper);width:100vw;height:100dvh;max-width:none!important;overflow:auto;padding:20px clamp(18px,3vw,60px);border-radius:0;margin:0!important}.fullbar{position:sticky;top:0;z-index:2;background:var(--paper);padding:10px 0;display:flex;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--line)}.muted{color:#596469}.mind{display:flex;gap:16px;flex-wrap:wrap;align-items:stretch}.mind button{flex:1 1 260px;min-height:100px;border-left:5px solid var(--teal)}.boardbar{position:fixed;bottom:0;left:0;right:0;z-index:80;background:#173b42;color:white;display:flex;gap:6px;flex-wrap:wrap;align-items:center;padding:8px;font-size:18px}.boardbar button{font-size:18px;padding:5px 10px}#board{position:fixed;inset:0;width:100vw;height:100dvh;z-index:70;touch-action:none;pointer-events:none}#board.drawing{pointer-events:auto}.badge{font-size:18px;color:#14656c}.choice{display:block;margin:10px 0;width:100%;text-align:left}.selected{background:#d9eeea!important;border-color:#13696d!important}.gamecols{display:grid;grid-template-columns:1fr 1fr;gap:20px}.progress{background:#eef4f1;padding:12px}.no-break{break-inside:avoid}footer{margin-top:30px;padding-top:15px;border-top:1px solid var(--line);font-size:18px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:850px){.two,.gamecols{grid-template-columns:1fr}.case{padding:19px}.q{font-size:22px}header{padding:22px}main{padding:20px}.full{padding:15px}nav{padding:15px}.boardbar{max-height:34vh;overflow:auto}.katex{font-size:1.02em}}@media print{nav,header,button,.boardbar{display:none}body{font-size:16px;background:white}}
select{max-width:100%;min-width:0}.tools>*{min-width:0}td,th{padding:5px 16px;text-align:left}img,svg{max-width:100%}#cardselect{width:min(100%,600px)}
.answer-group{border:1px solid #b9ceca;border-radius:10px;margin:20px 0;padding:15px;min-width:0}.answer-group legend{font-weight:bold;color:#155a60;padding:0 7px}.answer-group small{font-weight:normal}.answer-option{display:flex;gap:12px;align-items:flex-start;text-align:left;width:100%;margin:12px 0;padding:15px;min-width:0;line-height:1.9}.answer-option.picked{border:2px solid #13696d;background:#e7f3ef}.answer-option .option-mark{flex:0 0 48px;white-space:nowrap}.option-text{min-width:0}.graph-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.graph-options .answer-option{flex-wrap:wrap}.graph-options img{width:100%;height:auto}.base-select{min-width:0;border:1px solid #b9ceca;border-radius:8px}.answer-groups .katex{line-height:1.6}@media(max-width:600px){.graph-options{grid-template-columns:1fr}.answer-option{padding:12px;gap:8px}.answer-group{padding:10px}.answer-option .option-mark{flex-basis:40px}}

/* Electronic whiteboard skin: semantic action colors, single-row tools and fitted cards. */
:root{--paper:#eef4ff;--ink:#172443;--teal:#087f8c;--warm:#c34c10;--line:#cbd7ef}
body{font-size:18px;line-height:1.45;background:linear-gradient(135deg,#edf5ff,#f7efff 70%,#fff4e4)}
header{padding:18px 30px;background:linear-gradient(110deg,#2355ce,#7338b9,#bd376b)}h1{font-size:30px}h2{font-size:24px;margin:0 0 10px}h3{font-size:20px;margin:.6em 0}p{margin:.45em 0}small,.meta{font-size:13px;color:#53617a}
button,a.link{--button:#2455c6;--tint:#eaf1ff;background:var(--tint);border:1px solid color-mix(in srgb,var(--button) 45%,white);color:var(--button);border-radius:8px;padding:.38em .65em;line-height:1.25;box-shadow:0 2px 0 color-mix(in srgb,var(--button) 16%,white);transition:background .12s,box-shadow .12s}
button:hover,a.link:hover{background:color-mix(in srgb,var(--button) 18%,white);box-shadow:0 3px 0 color-mix(in srgb,var(--button) 30%,white)}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #fa8c00;outline-offset:2px}button:disabled{opacity:.55;cursor:default}
[data-act=submit],[data-act=spotCheck],[data-act=structure],[data-act=unlock],[data-act=state]{--button:#097543;--tint:#d9fbea}
[data-act=hint],[data-act=gameHint],[data-act=step]{--button:#974600;--tint:#fff0b8}
[data-act=all],[data-act=flip]{--button:#7331ae;--tint:#f1e3ff}
[data-act=open],[data-act=mindopen]{--button:#087585;--tint:#d5f6fc}
[data-act=resetSteps],[data-act=resetProgress],[data-act=clear],[data-act=gameReset],[data-act=logout]{--button:#b22453;--tint:#ffe1eb}
[data-act=full],[data-act=bfull],[data-act=theatre]{--button:#6230c5;--tint:#ece3ff}
[data-act=board],[data-act=btool],[data-act=bclose]{--button:#a8480a;--tint:#ffe6cc}
[data-act=prev],[data-act=next]{--button:#1d50bc;--tint:#deebff}
[data-act=nav]:nth-child(4n+1),[data-act=game]:nth-child(4n+1){--button:#2152c3;--tint:#dfebff}
[data-act=nav]:nth-child(4n+2),[data-act=game]:nth-child(4n+2){--button:#7d2bb0;--tint:#f0dfff}
[data-act=nav]:nth-child(4n+3),[data-act=game]:nth-child(4n+3){--button:#087755;--tint:#d9f9e9}
[data-act=nav]:nth-child(4n+4),[data-act=game]:nth-child(4n+4){--button:#a43a09;--tint:#ffe7ce}
button.active,button.selected,button.picked{background:var(--button)!important;border-color:var(--button)!important;color:white!important;box-shadow:inset 0 0 0 1px white,0 2px 0 #b0bed7}
nav,.tools,.fullbar{flex-wrap:nowrap;gap:6px}.tools{margin:8px 0}.tools>button,.fullbar>button,nav>button{flex-shrink:0;white-space:nowrap}nav{padding:10px 24px;overflow-x:auto;font-size:14px}main{max-width:1880px;padding:18px 24px 40px}.screen-nav{display:none}.screen-title{margin-right:auto;white-space:nowrap;color:#2a3b70}.fullbar{align-items:center;font-size:14px;padding:4px 0 7px;background:#eef4ff;position:relative}.full{padding:10px 18px;overflow:auto;background:linear-gradient(135deg,#eef5ff,#f8f0ff)}.full .screen-nav{display:flex;padding:6px 0 9px;border:0;font-size:13px}.full .screen-nav button{flex:1 0 auto;padding:.4em .55em}.full .fullbar{background:transparent}.full footer{display:none}
.grid{gap:14px}.tile{padding:16px;border-top:4px solid #5277e2;box-shadow:0 3px 12px #233a6a0c}.tile:nth-child(3n+2){border-top-color:#ac49cc}.tile:nth-child(3n){border-top-color:#16a780}.tile button{margin:3px}.two{gap:18px}.case{font-size:17px;line-height:1.35;padding:14px 18px;margin-top:8px;border-top:4px solid #596ce1;box-shadow:0 4px 18px #3155ad12}.case h2{font-size:22px;margin:5px 0 8px}.case h3{font-size:17px;margin:7px 0}.case .q{font-size:19px;margin:6px 0}.case .meta{font-size:12px;line-height:1.3}.case .tools{font-size:14px;margin:7px 0}.case .graph{max-height:155px}.case .original{max-height:90px}.case .conclusion{font-size:18px;padding:9px;border-radius:8px;background:#ecfff8}.case .steps p{margin:5px 0;padding:7px 9px;border-radius:5px}.case .steps p strong{color:#246a76}.case .feedback{padding:8px;margin:6px 0;background:#edf6ff}.case .feedback p{margin:.3em 0}.answer-group{padding:7px 9px;margin:9px 0;border-color:#c4caea;border-radius:9px;background:#fbfcff}.answer-group legend{font-size:14px;color:#493f9a}.answer-group small{font-size:12px}.answer-option{--button:#3154b4;--tint:#f1f5ff;gap:7px;margin:5px 0;padding:7px 9px;line-height:1.35;font-size:16px}.answer-option .option-mark{flex-basis:35px}.answer-option:nth-child(3n+2){--button:#7c36ab;--tint:#faf2ff}.answer-option:nth-child(3n){--button:#087682;--tint:#effcfc}.graph-options{gap:7px}.graph-options img{max-height:105px;object-fit:contain}.graph-options .answer-option{margin:3px 0;padding:5px}.answer-groups .katex{line-height:1.3}.card-toolbar{font-size:14px}.card-toolbar h2{font-size:18px;white-space:nowrap;margin:0}.card-toolbar label{display:flex;align-items:center;gap:3px;white-space:nowrap}#cardselect{width:auto;flex:1;max-width:520px;padding:4px}.card-toolbar select{font-size:14px}.choice{padding:8px;margin:6px 0}.boardbar{font-size:13px;flex-wrap:nowrap;overflow-x:auto}.boardbar button{font-size:13px;white-space:nowrap}.boardbar label{white-space:nowrap}.boardbar input{padding:2px}.boardbar select{font-size:13px}.boardbar[hidden]{display:none}.katex-display{padding:3px 0}.base-select{padding:5px}#structurePlot svg{max-height:240px}.mind button{min-height:72px}footer{font-size:13px}
nav button,.fullbar button,.tools button{background:var(--button);color:white;border-color:var(--button)}nav button:hover,.fullbar button:hover,.tools button:hover{background:color-mix(in srgb,var(--button) 85%,black)}nav button.active{outline:2px solid var(--button);outline-offset:2px;box-shadow:inset 0 0 0 2px white}
@media(min-width:1000px){.case .two{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)}.full .card-toolbar{margin:3px 0}.case .option-list{display:grid;grid-template-columns:1fr 1fr;gap:3px 7px}.case .answer-option{height:100%}}
@media(max-width:999px){.tools{flex-wrap:nowrap;overflow-x:auto;padding:2px 0 5px}.card-toolbar{flex-wrap:wrap;overflow:visible}.card-toolbar h2{display:none}#cardselect{max-width:none;flex:1 1 65%}.full .screen-nav{overflow-x:auto}.full .screen-nav button{flex:none}.fullbar #fullstatus{display:none}.case .two{grid-template-columns:1fr}.case{padding:12px}.full{padding:8px 12px}.case .q{font-size:18px}.answer-option{font-size:16px}.fullbar{font-size:13px}.screen-title{font-size:13px}main{padding:12px}.two{grid-template-columns:1fr}.graph-options{grid-template-columns:1fr 1fr}}
@media print{.fullbar,.screen-nav{display:none}.case{zoom:1!important;box-shadow:none}.full{position:static!important;height:auto;overflow:visible}}
@media(min-width:1000px) and (max-height:800px){.case{padding:10px 14px}.case .graph{max-height:120px}.case .original{max-height:75px}.case .steps p{padding:5px 8px}.case .answer-option{padding:5px 7px}.case .q{font-size:18px}}

#board.laser{cursor:crosshair}[data-act="btool"][data-t="L"]{--button:#bd164b;--tint:#ffe1ee}

body.mouse-select #module{user-select:text;-webkit-user-select:text}body.mouse-select #module p{cursor:text}#board.ink-select{cursor:crosshair}[data-act="btool"][data-t="M"]{--button:#156b56;--tint:#defcef}[data-act="btool"][data-t="S"],[data-act="inkDeselect"]{--button:#175ad6;--tint:#e1ebff}[data-act="inkDelete"]{--button:#b22453;--tint:#ffe1eb}#inkCount{white-space:nowrap;font-size:13px}


[data-act="inkAll"]{--button:#7940b0;--tint:#f0e3ff}[data-act="inkCopy"]{--button:#087585;--tint:#d5f6fc}[data-act="inkPaste"]{--button:#097543;--tint:#d9fbea}#inkShape{max-width:110px}

[data-act="screenCapture"]{--button:#a83278;--tint:#ffe2f5}#captureOverlay{position:fixed;inset:0;z-index:200;background:#142139;color:white;display:flex;flex-direction:column;padding:10px;gap:8px;outline:0}#captureOverlay .capture-bar{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;overflow-x:auto;font-size:14px;flex-shrink:0}#captureOverlay .capture-bar>*{flex-shrink:0;white-space:nowrap}#captureOverlay .capture-bar span{margin-right:auto;font-size:13px}#captureOverlay button{font-size:14px;padding:7px 10px}#captureOverlay .capture-stage{flex:1;min-height:0;position:relative;overflow:hidden}#capturePreview{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}#captureStatus{font-size:14px;min-height:24px}#captureNotice{position:fixed;top:12px;right:12px;z-index:210;max-width:min(600px,94vw);padding:18px;border:2px solid #ad3278;border-radius:10px;background:#fff3fb;color:#512545;font-size:17px;box-shadow:0 4px 20px #20305033}#captureNotice button{margin-left:12px}@media(max-width:1200px){#captureOverlay .capture-bar span{display:none}}

#directCapture{position:fixed;inset:0;z-index:200;outline:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#172443}#directCapture.capture-menu,#directCapture.capture-busy,#directCapture.capture-error{background:#10204055}.direct-menu{padding:24px;background:#f4f7ff;border:2px solid #a83278;border-radius:14px;box-shadow:0 6px 30px #20305044;max-width:94vw}.direct-menu button{margin:5px}.direct-menu [data-direct="whole"]{--button:#7137b1;--tint:#f0e3ff}.direct-menu [data-direct="box"]{--button:#185bc9;--tint:#dfebff}.direct-menu [data-direct="lasso"]{--button:#087d66;--tint:#d5fbea}#directSelection{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}.direct-controls{position:absolute;top:8px;right:12px;display:flex;gap:8px;align-items:center;padding:8px 12px;border-radius:9px;background:#f2f6ff;color:#172443;box-shadow:0 2px 12px #20305044;font-size:14px}.direct-controls button{font-size:14px}.capture-result{background:#142139;padding:12px;gap:10px}.direct-resultbar{display:flex;gap:8px;align-items:center;color:white;flex-shrink:0}.direct-result{flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;background:repeating-conic-gradient(#dce1e8 0% 25%,white 0% 50%) 50%/20px 20px}.direct-result img{max-width:100%;max-height:100%;object-fit:contain}#directStatus{color:white;font-size:15px;margin:0}@media(max-width:700px){.direct-controls span{display:none}.direct-resultbar{max-width:100%;overflow-x:auto;font-size:14px}.direct-resultbar>*{white-space:nowrap}.direct-resultbar button{font-size:14px}}

/* Give the problem and figures the main screen space; keep notes readable and bounded. */
@media(min-width:1000px){
 .case .two{grid-template-columns:minmax(0,1fr) clamp(340px,29vw,560px);gap:22px}
 .case .two>section:first-child{font-size:20px;line-height:1.4}
 .case .two>section:first-child .q{font-size:23px;line-height:1.4}
 .case .two>section:first-child h3{font-size:20px}
 .case .two>section:first-child .meta{font-size:13px}
 .case .two>section:first-child .answer-group legend{font-size:16px}
 .case .two>section:first-child .answer-option{font-size:19px;padding:8px 9px}
 .case .graph{max-height:clamp(190px,23vh,310px)}
 .case .original{max-width:300px;max-height:150px}
 .case .graph-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
 .case .graph-options .answer-option{font-size:16px;padding:5px;gap:3px}
 .case .graph-options img{max-height:clamp(125px,18vh,235px);width:100%;object-fit:contain}
 .case .two>section:last-child{font-size:17px;line-height:1.45}
 .case .two>section:last-child .steps p{padding:8px 10px}
}
@media(min-width:1000px) and (max-width:1199px){.case .two{grid-template-columns:minmax(0,1fr) 340px;gap:14px}.case .graph-options{grid-template-columns:1fr 1fr}.case .two>section:first-child .answer-option{font-size:17px}}

@media(min-width:1000px) and (max-height:800px){.case .two{grid-template-columns:minmax(0,1fr) clamp(350px,32vw,470px);gap:16px}.case .two>section:first-child{font-size:19px;line-height:1.35}.case .two>section:first-child .q{font-size:22px}.case .two>section:first-child h3{font-size:18px}.case .two>section:first-child .answer-option{font-size:18px;padding:6px}.case .graph{max-height:170px}.case .original{max-height:110px}.case .graph-options img{max-height:125px}.case .two>section:last-child{font-size:16px;line-height:1.35}.case .two>section:last-child .steps p{padding:6px 8px}}


/* Calculation and text cards give the problem a larger type scale and put support beside it. */
@media(min-width:1000px){
 .case.text-case .two{grid-template-columns:minmax(0,1fr) clamp(380px,31vw,620px)}
 .case.text-case h2{font-size:26px}
 .case.text-case .two>section:first-child{font-size:23px;line-height:1.45}
 .case.text-case .two>section:first-child .q{font-size:clamp(24px,1.2vw,30px);margin:12px 0 18px}
 .case.text-case .two>section:first-child h3{font-size:22px}
 .case.text-case .two>section:first-child .answer-group legend{font-size:18px}
 .case.text-case .two>section:first-child .answer-option{font-size:clamp(22px,1.15vw,28px);line-height:1.45;padding:12px;min-height:58px}
 .case.text-case .two>section:first-child .option-list.compact-options{grid-template-columns:repeat(4,minmax(0,1fr))}
 .case.text-case .two>section:last-child .feedback{font-size:18px;line-height:1.4;border-left:4px solid #5086d4;margin:0 0 14px;padding:12px}
 .case.text-case .two>section:last-child .feedback p{margin:7px 0}
 .case.text-case .two>section:last-child .feedback .feedback{border:0;padding:0;margin:0}
 .case.text-case .two>section:last-child>h3{margin-top:12px}
 .case.text-case .answer-group{margin:14px 0;padding:12px}
}
@media(min-width:1000px) and (max-width:1399px){.case.text-case .two>section:first-child .answer-option{font-size:21px;padding:9px}.case.text-case .two>section:first-child .q{font-size:24px}.case.text-case .two>section:last-child .feedback{font-size:16px;padding:8px}.case.text-case .answer-group{padding:8px;margin:10px 0}}

.case .option-list{display:grid;grid-template-columns:minmax(0,1fr);gap:7px}.case .option-text{flex:1 1 0;min-width:0;max-width:100%;overflow-wrap:anywhere;overflow-x:auto;overflow-y:hidden;padding:3px 2px 5px}.case .option-text .katex{white-space:nowrap}.case .answer-option{max-width:100%;min-width:0}

/* Only card-local actions may wrap; the main navigation remains a single row. */
.tile{min-width:0;container-type:inline-size}
.tile .tools{flex-wrap:wrap;max-width:100%;overflow:visible;gap:8px}
.tile .tools>button{min-width:0;max-width:100%;margin:0;white-space:normal;overflow-wrap:anywhere;line-height:1.35}
.tile .tools.learning-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:stretch}
.tile .learning-steps>button{width:100%;min-height:44px;text-align:center;padding:9px 10px}
@container(min-width:640px){.tile .tools.learning-steps{grid-template-columns:repeat(4,minmax(0,1fr))}}
@container(max-width:330px){.tile .tools.learning-steps{grid-template-columns:minmax(0,1fr)}}

/* Pin only functional controls; keep the large course banner in normal document flow. */
html{scroll-padding-top:var(--page-controls-h,110px)}
#nav{position:sticky;top:0;z-index:35;background:#eef4ff;box-shadow:0 2px 6px #233a6a18}
.module>.fullbar{position:sticky;top:var(--top-nav-h,50px);z-index:34;background:#eef4ff;box-shadow:0 2px 6px #233a6a12}
.module>.card-toolbar{position:sticky;top:calc(var(--top-nav-h,50px) + var(--fullbar-h,40px));z-index:32;background:#eef4ff;padding:7px 0;box-shadow:0 2px 6px #233a6a12}
.module.full{scroll-padding-top:var(--control-stack-h,120px)}
.module.full>.fullbar{position:sticky;top:0;background:#eef4ff}
.module.full>.screen-nav{position:sticky;top:var(--fullbar-h,40px);z-index:33;background:#eef4ff;box-shadow:0 2px 6px #233a6a12}
.module.full>.card-toolbar{top:calc(var(--fullbar-h,40px) + var(--screen-nav-h,45px));background:#eef4ff}
@media print{#nav,.module>.fullbar,.module>.screen-nav,.module>.card-toolbar{position:static;box-shadow:none}}
.module.full>.fullbar::before{content:"";position:absolute;left:-20px;right:-20px;top:-16px;height:16px;background:#eef4ff;pointer-events:none}

/* Return belongs to the top right, only for content transitions. */
.fullbar>.return-origin{margin-left:auto;justify-self:end;white-space:nowrap}
@media(max-width:600px){.fullbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px}.fullbar>.screen-title{grid-column:1;grid-row:1;white-space:normal;margin-right:0}.fullbar>.return-origin{grid-column:2;grid-row:1}.fullbar>[data-act="full"]{grid-column:1;grid-row:2;justify-self:start}.fullbar>#fullstatus{grid-column:1 / -1;grid-row:3}}