.sound-settings{flex-direction:column;gap:12px;display:flex}.sound-row{grid-template-columns:56px 1fr auto;align-items:center;gap:10px;display:grid}.sound-label{color:var(--brown-dark);font-size:13px;font-weight:600}.sound-toggle{gap:6px;display:flex}.sound-row>button{justify-self:start}.sound-volume{width:100%;accent-color:var(--blue)}.sound-value{text-align:right;font-variant-numeric:tabular-nums;min-width:28px;color:var(--brown-dark);font-size:13px}.sound-settings .hint{margin:0}.sound-settings .modal-actions{margin-top:4px}@media (pointer:coarse),(width<=720px),(height<=480px){.sound-volume{height:44px}}.start-backdrop{--brand:#5b3cc4;--brand-dark:#3a2585;--brand-light:#8a6fe0;--brand-yellow:#f6c21b;z-index:10;background:linear-gradient(90deg,#fbf3dff2 0,#fbf3dfe0 460px,#fbf3df00 620px);align-items:center;padding:24px 32px;animation:.4s ease-out title-fade;display:flex;position:fixed;inset:0}@keyframes title-fade{0%{opacity:0}}.title-mode .top-bar,.title-mode .bottom-bar{visibility:hidden}.title-panel{width:min(420px,100%);max-height:100%;overflow:auto}.title-logo{align-items:stretch;margin:0 0 14px;font-weight:800;line-height:1;display:flex}.title-mark{background:var(--brand);border:calc(var(--px) * 2) solid var(--brand-dark);flex-direction:column;justify-content:center;gap:7px;width:92px;padding:0 16px;display:flex}.title-mark i{background:#fff;height:11px;display:block}.title-mark i:first-child{background:var(--brand-yellow)}.title-mark i:last-child{width:88%}.title-words{border:calc(var(--px) * 2) solid var(--brand);background:#ffffffb3;border-left:none;flex-direction:column;justify-content:center;gap:8px;padding:10px 14px;display:flex}.title-wordmark{letter-spacing:.04em;color:var(--brand);font-size:46px}.title-sub{letter-spacing:.16em;color:var(--brand-dark);font-size:14px}.start-tagline{letter-spacing:.04em;color:var(--brown-dark);margin:0 0 22px;font-size:16px;font-weight:600}.start-actions{flex-direction:column;gap:10px;width:min(300px,100%);display:flex}.start-button{text-align:left;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:11px 40px 11px 16px;font-size:16px;display:flex;position:relative}.start-button.selected,.start-button.selected:hover:not(:disabled){color:#fff;background:var(--brand);border-color:var(--brand-dark);box-shadow:inset calc(var(--px) * -1) calc(var(--px) * -1) 0 var(--brand-dark), inset var(--px) var(--px) 0 var(--brand-light), 0 var(--px) 0 var(--brown-dark)}.start-button.selected:after{content:"";border-left:11px solid var(--brand-yellow);border-top:8px solid #0000;border-bottom:8px solid #0000;margin-top:-8px;position:absolute;top:50%;right:14px}.start-button:focus-visible{outline-color:var(--brand-yellow)}.start-save{opacity:.85;font-size:12px;font-weight:400}.start-hint{color:var(--muted);margin:14px 0 0;font-size:12px}.start-error{color:var(--warn);margin:10px 0 0;font-size:12px}.title-sound{background:var(--cream);border:calc(var(--px) * 2) solid var(--brown-dark);width:min(360px,100%);padding:14px 16px}.title-sound h2{color:var(--brand-dark);margin:0 0 10px;font-size:16px}.start-credits{color:var(--muted);margin:18px 0 0;font-size:11px}.start-credits a{color:var(--brand-dark)}@media (width<=720px),(height<=480px){.start-backdrop{background:#fbf3dfe6;justify-content:center;padding:16px}.title-panel{text-align:center;flex-direction:column;align-items:center;display:flex}.title-mark{gap:5px;width:64px;padding:0 11px}.title-mark i{height:8px}.title-wordmark{font-size:32px}.title-sub{font-size:11px}}.start-backdrop.intro{cursor:pointer}.start-backdrop.intro:before{content:"";pointer-events:none;background:#140e0a;animation:1.4s linear both lights-on;position:absolute;inset:0}@keyframes lights-on{0%,35%{opacity:1}40%{opacity:.35}46%{opacity:.9}58%{opacity:.2}64%{opacity:.7}to{opacity:0}}.intro .title-panel{pointer-events:none;position:relative}.intro .title-logo,.intro .start-tagline,.intro .start-actions,.intro .start-hint,.intro .start-credits{animation:.5s ease-out both title-rise}.intro .title-logo{animation-delay:1.4s}.intro .start-tagline{animation-delay:2s}.intro .start-actions{animation-delay:2.4s}.intro .start-hint,.intro .start-credits{animation-delay:2.8s}@keyframes title-rise{0%{opacity:0;transform:translateY(8px)}}.intro-skip{z-index:1;color:var(--cream-3);margin:0;font-size:12px;animation:.4s ease-out .4s both title-fade;position:absolute;bottom:12px;right:16px}@media (prefers-reduced-motion:reduce){.start-backdrop{animation:none}}:root{--bg:#2b2119;--bg-dot:#33271d;--cream:#fbf3df;--cream-2:#f3e4c2;--cream-3:#e6cf9f;--brown:#5b4632;--brown-dark:#3b2a1e;--edge:#8a6a4a;--ink:#2b2420;--muted:#76614a;--blue:#3d6ea8;--blue-dark:#2a4f7a;--blue-light:#6b98cc;--blue-wash:#e4edf7;--ok:#3f8a4e;--warn:#c8573a;--gold:#e8b64a;--font:"Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", system-ui, sans-serif;--px:2px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background-color:var(--bg);background-image:radial-gradient(var(--bg-dot) 1px, transparent 1px);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;background-size:8px 8px}canvas{image-rendering:pixelated}button{font:inherit;cursor:pointer;color:var(--brown-dark);background:var(--cream);border:var(--px) solid var(--brown-dark);box-shadow:inset calc(var(--px) * -1) calc(var(--px) * -1) 0 var(--cream-3), inset var(--px) var(--px) 0 #fff, 0 var(--px) 0 var(--brown-dark);border-radius:0;padding:6px 14px;font-size:14px;font-weight:600;transition:background-color 80ms}button:hover:not(:disabled){background:#fffaf0}button:active:not(:disabled){transform:translateY(var(--px));box-shadow:inset var(--px) var(--px) 0 var(--cream-3), 0 0 0 var(--brown-dark)}button:disabled{cursor:not-allowed;color:#9a8a74;box-shadow:none;background:#ece0c6;border-color:#a8957a}button:focus-visible{outline:3px solid var(--blue-light);outline-offset:2px}button.primary{color:#fffaf0;background:var(--blue);border-color:var(--blue-dark);box-shadow:inset calc(var(--px) * -1) calc(var(--px) * -1) 0 var(--blue-dark), inset var(--px) var(--px) 0 var(--blue-light), 0 var(--px) 0 var(--brown-dark)}button.primary:hover:not(:disabled){background:#4a7cb6}button.primary:disabled{color:#e4edf7;background:#8fa6c0;border-color:#6f86a0}button.toggle.on{box-shadow:inset var(--px) var(--px) 0 #e8c070, 0 var(--px) 0 var(--brown-dark);background:#ffe6a8}.app{grid-template-rows:auto 1fr auto;height:100%;min-height:0;display:grid}.top-bar,.bottom-bar{background:var(--cream-2);border-bottom:calc(var(--px) * 2) solid var(--brown-dark);box-shadow:inset 0 calc(var(--px) * -1) 0 var(--cream-3);flex-wrap:wrap;align-items:stretch;gap:8px;padding:8px 16px;display:flex}.bottom-bar{border-bottom:0;border-top:calc(var(--px) * 2) solid var(--brown-dark);box-shadow:inset 0 var(--px) 0 #fff8e8;justify-content:space-between;align-items:center}.bar-group{gap:8px;display:flex}.stat{background:var(--cream);border:var(--px) solid var(--edge);min-width:84px;box-shadow:inset var(--px) var(--px) 0 #fff;flex-direction:column;justify-content:center;padding:4px 10px;display:flex}.stat strong{color:var(--brown-dark);font-variant-numeric:tabular-nums;font-size:15px}.stat-label,.stat-sub{color:var(--muted);font-size:11px}.stat.goal{text-align:right;background:var(--blue-wash);border-color:var(--blue);margin-left:auto}.stat.goal strong{color:var(--blue-dark)}.stage{min-height:0;position:relative;overflow:hidden}.phaser-container{width:100%;height:100%}.modal-backdrop{z-index:10;background:#1b140e8c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:var(--cream);border:calc(var(--px) * 2) solid var(--brown-dark);width:min(720px,100%);max-height:calc(100vh - 32px);box-shadow:inset 0 0 0 var(--px) var(--cream-3), 0 6px 0 #00000059;overflow:auto}.modal-header{z-index:1;background:var(--brown);color:var(--cream);border-bottom:var(--px) solid var(--brown-dark);box-shadow:inset 0 var(--px) 0 #7a5f44;align-items:center;gap:10px;padding:8px 12px 8px 16px;display:flex;position:sticky;top:0}.modal-header h2{letter-spacing:.02em;margin:0;font-size:17px}.paused-tag{color:var(--brown-dark);background:var(--gold);border:var(--px) solid var(--brown-dark);padding:0 6px;font-size:11px;font-weight:600}.modal-header .close{margin-left:auto;padding:2px 10px}.modal-body{padding:16px}.staff-tabs{gap:8px;margin-bottom:14px;display:flex}.tab{flex-direction:column;align-items:flex-start;min-width:110px;display:flex}.tab.on{background:var(--blue-wash);border-color:var(--blue-dark);box-shadow:inset var(--px) var(--px) 0 #fff, 0 var(--px) 0 var(--blue-dark)}.tab-sub{color:var(--muted);font-size:11px;font-weight:400}.staff-detail{align-items:center;gap:16px;display:flex}.staff-portrait{background:var(--cream-2);border:var(--px) solid var(--edge);width:72px;height:88px;box-shadow:inset var(--px) var(--px) 0 var(--cream-3);flex:none;position:relative;overflow:hidden}.staff-portrait span{position:absolute;left:50%;transform:translate(-50%)}.p-head{background:var(--skin);width:30px;height:28px;top:20px}.p-hair{background:var(--hair);z-index:1;width:34px;height:14px;top:14px}.p-body{background:var(--outfit);width:40px;height:40px;top:50px}.staff-info h3{color:var(--brown-dark);margin:0 0 4px}.staff-info p{margin:2px 0;font-size:14px}.meter{align-items:center;gap:8px;margin-top:6px;font-size:13px;display:flex}.meter-track{background:var(--cream-3);border:var(--px) solid var(--brown);min-width:120px;height:12px;box-shadow:inset var(--px) var(--px) 0 #d4ba86;flex:1}.meter-fill{background:var(--ok);height:100%;box-shadow:inset 0 var(--px) 0 #ffffff59}.meter-fill.warn{background:var(--warn)}.meter-fill.ability-fill{background:var(--blue)}.meter-value{text-align:right;font-variant-numeric:tabular-nums;width:28px;font-weight:600}.abilities{background:var(--cream-2);border:var(--px) solid var(--cream-3);grid-template-columns:repeat(2,1fr);gap:8px 24px;margin:16px 0;padding:10px 12px;display:grid}.ability{align-items:center;gap:8px;display:flex}.ability dt{width:68px;font-size:13px;font-weight:600}.ability dd{flex:1;align-items:center;gap:8px;margin:0;display:flex}.badge{color:#6a4a12;vertical-align:middle;background:#ffe6a8;border:1px solid #c89a3a;margin-left:6px;padding:0 5px;font-size:10px;font-weight:600;display:inline-block}.badge.done{color:var(--ok);border-color:var(--ok);background:#d6efd9}.section-title{color:var(--brown-dark);margin:8px 0}.choice-table{border-collapse:collapse;border:var(--px) solid var(--edge);width:100%;font-size:14px}.choice-table th,.choice-table td{border-bottom:var(--px) solid var(--cream-3);text-align:left;padding:6px 8px}.choice-table th{color:var(--cream);background:var(--brown);font-size:12px;font-weight:600}.choice-table td{font-variant-numeric:tabular-nums;background:#fffaf0}.choice-table tr.current td{background:var(--blue-wash)}.choice-table button{padding:2px 10px;font-size:13px}.hint{color:var(--muted);margin:10px 0 0;font-size:12px;line-height:1.5}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin:12px 0 0;padding:0;list-style:none;display:grid}.tool-card{text-align:left;background:var(--cream-2);border:var(--px) solid var(--edge);width:100%;height:100%;box-shadow:inset var(--px) var(--px) 0 #fff, 0 var(--px) 0 var(--cream-3);flex-direction:column;gap:6px;padding:10px;font-weight:400;display:flex}.tool-card.ready{border-color:var(--brown);background:#fffaf0}.tool-head{color:var(--brown-dark);justify-content:space-between;align-items:center;gap:6px;display:flex}.tool-desc{color:var(--muted);font-size:12px;line-height:1.5}.notice{border:var(--px) solid #c89a3a;color:#5a3e10;background:#fff3d0;margin:0 0 12px;padding:8px 10px;font-size:13px}.notice.ok{border-color:var(--ok);color:#24502c;background:#e2f2e4}.modal-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.eyebrow{color:var(--muted);font-size:12px}.contract-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.contract-head h3{color:var(--brown-dark);margin:2px 0 12px}.spec-list{border:var(--px) solid var(--edge);margin:0}.spec-list>div{border-bottom:var(--px) solid var(--cream-3);grid-template-columns:96px 1fr;display:grid}.spec-list>div:last-child{border-bottom:0}.spec-list dt{color:var(--cream);background:var(--brown);padding:8px 10px;font-size:12px;font-weight:600}.spec-list dd{background:#fffaf0;margin:0;padding:8px 10px;font-size:14px}.choice-group{border:0;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;margin:0 0 12px;padding:0;display:grid}.choice-group legend{color:var(--brown-dark);margin-bottom:6px;padding:0;font-weight:700}.choice{cursor:pointer;border:var(--px) solid var(--cream-3);background:#fffaf0;align-items:flex-start;gap:8px;padding:8px 10px;display:flex}.choice.on{background:var(--blue-wash);border-color:var(--blue)}.choice-group:disabled .choice{cursor:default}.choice-group:disabled .choice:not(.on){opacity:.55}.choice input{accent-color:var(--blue);margin-top:3px}.choice-body{flex-direction:column;gap:2px;display:flex}.choice-effect{color:var(--muted);font-size:12px;line-height:1.45}.choice-meta{color:var(--brown);flex-wrap:wrap;gap:4px 10px;margin-top:2px;font-size:12px;font-weight:600;display:flex}.plan-summary{background:var(--cream-2);border:var(--px) solid var(--cream-3);grid-template-columns:3fr 2fr;gap:16px;padding:12px;display:grid}.plan-summary h4{color:var(--brown-dark);margin:0 0 6px}.plan-summary ul{margin:0;padding:0;font-size:13px;list-style:none}.plan-summary li{font-variant-numeric:tabular-nums;justify-content:space-between;gap:8px;padding:3px 0;display:flex}.plan-summary li.total{border-top:var(--px) solid var(--edge);margin-top:4px;padding-top:6px;font-weight:700}.plan-summary .warn,.big.warn{color:var(--warn)}.big{color:var(--brown-dark);font-variant-numeric:tabular-nums;margin:0;font-size:28px;font-weight:700}.big small{color:var(--muted);font-size:14px}.checklist{margin:0 0 12px;padding:0;font-size:13px;list-style:none}.checklist li{color:var(--muted);padding:2px 0 2px 22px;position:relative}.checklist li:before{content:"";border:var(--px) solid var(--edge);background:#fffaf0;width:10px;height:10px;position:absolute;top:6px;left:2px}.checklist li.on{color:var(--ink);font-weight:600}.checklist li.on:before{background:var(--ok);border-color:#24502c}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;display:grid}.stat-card{border:var(--px) solid var(--edge);box-shadow:inset var(--px) var(--px) 0 #fff;background:#fffaf0;flex-direction:column;padding:8px 10px;display:flex}.stat-card strong{color:var(--brown-dark);font-variant-numeric:tabular-nums;font-size:18px}.table-scroll{border:var(--px) solid var(--edge);max-height:260px;overflow:auto}.table-scroll .choice-table{border:0}.table-scroll th{position:sticky;top:0}.unknown{color:#a8957a;font-style:italic}.status{text-align:center;border:1px solid;min-width:36px;padding:0 6px;font-size:12px;font-weight:600;display:inline-block}.status-confirmed{color:var(--ok);background:#e2f2e4}.status-waitlisted{color:#6a4a12;background:#fff3d0;border-style:dashed}.status-cancelled{color:var(--muted);background:#ece0c6;text-decoration:line-through}.choice-table tr.muted td{color:var(--muted);background:#f6efe0}button.attention{background:#ffe6a8;animation:1.2s steps(2,end) infinite attention}@keyframes attention{50%{background:#fff6dc}}@media (prefers-reduced-motion:reduce){button.attention{animation:none}}.count{color:#fffaf0;background:var(--blue);border:1px solid var(--blue-dark);min-width:20px;margin-left:6px;padding:0 4px;font-size:11px;display:inline-block}.toasts{pointer-events:none;z-index:5;flex-direction:column;gap:6px;width:min(440px,100% - 32px);display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.toast{color:var(--brown-dark);background:var(--cream);border:var(--px) solid var(--brown-dark);padding:8px 12px;font-size:13px;font-weight:600;box-shadow:0 3px #00000040}.toast.ok{border-left:8px solid var(--ok)}.toast.warn{border-left:8px solid var(--warn)}.toast.info{border-left:8px solid var(--blue)}@media (width<=640px){.stat.goal{text-align:left;margin-left:0}.abilities{grid-template-columns:1fr}.choice-table{font-size:13px}.plan-summary{grid-template-columns:1fr}.spec-list>div{grid-template-columns:80px 1fr}}.segmented{flex-wrap:wrap;gap:4px;display:inline-flex}.segmented button{padding:3px 10px;font-size:13px}.segmented button.on{color:#fffaf0;background:var(--blue);border-color:var(--blue-dark);box-shadow:inset var(--px) var(--px) 0 var(--blue-light), 0 var(--px) 0 var(--blue-dark)}.role-table td{vertical-align:middle}.cell-sub{color:var(--muted);font-size:11px;display:block}.cell-sub-block{color:var(--muted);font-size:12px}.cell-sub-block span{display:block}.live-stats{color:var(--brown-dark);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:4px 12px;margin-left:8px;font-size:13px;font-weight:600;display:inline-flex}button.link{font-size:inherit;color:var(--blue-dark);box-shadow:none;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.choice-group.single{grid-template-columns:1fr}.evidence{color:var(--warn);font-size:11px;font-weight:600}.evidence.ok{color:var(--ok)}.choice[aria-disabled=true]{opacity:.6}.reply-letter{border:var(--px) solid var(--edge);box-shadow:inset var(--px) var(--px) 0 #fff;background:#fffaf0;margin-bottom:12px;padding:12px 14px}.reply-letter h3{color:var(--brown-dark);margin:2px 0 8px}.reply-letter ul{margin:0;padding-left:18px;font-size:14px;line-height:1.6}.choice-table td.num{text-align:right;white-space:nowrap}.choice-table td.plus{color:var(--ok)}.choice-table td.minus{color:var(--warn)}.factor-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.factor{border:var(--px) solid var(--cream-3);border-left:8px solid var(--blue);background:#fffaf0;padding:8px 10px 8px 14px;font-size:14px}.factor.good{border-left-color:var(--ok)}.factor.bad{border-left-color:var(--warn)}.candidate-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.candidate{border:var(--px) solid var(--cream-3);background:#fffaf0;align-items:center;gap:12px;padding:8px 10px;display:flex}.candidate.on{background:var(--blue-wash);border-color:var(--blue)}.candidate .staff-portrait{width:56px;height:68px}.candidate-body{flex-direction:column;flex:1;gap:2px;display:flex}.offer-actions{flex-direction:column;gap:6px;display:flex}.league-table tr.player td{background:var(--blue-wash);font-weight:700}.staff-portrait .portrait-sprite{width:64px;height:128px;image-rendering:pixelated;position:absolute;bottom:-16px;left:50%;transform:translate(-50%)}.candidate .staff-portrait .portrait-sprite{width:56px;height:112px;bottom:-20px}.tab-sub.idle{color:var(--warn);font-weight:600}.notice.suggest{justify-content:space-between;align-items:center;gap:10px;display:flex}.notice.suggest button{flex-shrink:0}.stage-loading{color:var(--cream-3);place-items:center;font-size:14px;display:grid}.ability dd{flex-wrap:wrap}.exp-bar{background:var(--cream-3);flex-basis:100%;height:4px;margin-right:36px}.exp-bar span{background:var(--gold);height:100%;display:block}.choice.locked{opacity:.6;cursor:not-allowed}.choice-lock{color:var(--muted);margin-top:4px;font-size:11px;font-weight:600;display:block}.booth-pick{margin-top:4px}.booth-pick button{min-width:44px;min-height:32px}.app{height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);grid-template-columns:minmax(0,1fr)}@media (pointer:coarse),(width<=720px),(height<=480px){button{min-height:44px}.modal-header .close{min-width:44px}.booth-pick button{min-height:44px}button.link{padding:0}.choice{min-height:44px}.modal-backdrop{padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left))}.modal{max-height:100%}.modal-body{padding:12px}}@media (width<=720px),(height<=480px){.top-bar{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:6px 8px;display:grid}.stat{min-width:0;padding:2px 6px}.stat strong{word-break:keep-all;font-size:13px}.stat-label,.stat-sub{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.stat.goal{text-align:left;grid-column:1/-1;margin-left:0}.stat.goal .stat-label{white-space:normal}.bottom-bar{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:6px 8px;display:grid}.bottom-bar .bar-group{display:contents}.bottom-bar button{word-break:keep-all;padding:4px 2px;font-size:13px;line-height:1.2}.bottom-bar button.primary{order:-2;grid-column:1/-1}.bottom-bar button.attention{order:-1}.bottom-bar .live-stats{order:-3;grid-column:1/-1;margin-left:0}.choice-table th,.choice-table td{padding:6px 4px}.choice-table button{white-space:nowrap;min-width:44px}.staff-tabs{flex-wrap:wrap}.tab{flex:1 1 0;min-width:0}.role-table thead{display:none}.role-table,.role-table tbody,.role-table tr,.role-table td{display:block}.role-table tr{border-bottom:var(--px) solid var(--edge);background:#fffaf0;flex-wrap:wrap;align-items:flex-start;gap:4px 16px;padding:8px;display:flex}.role-table td{border-bottom:0;padding:0}.role-table td[data-label]:before{content:attr(data-label) " ";color:var(--muted);font-size:12px}.role-table td:last-child{flex-basis:100%}}@media (height<=480px) and (orientation:landscape){.app{grid-template:"stage top""stage bottom"minmax(0,1fr)/minmax(0,1fr) 260px}.app>.stage{grid-area:stage}.top-bar{border-bottom:0;border-left:calc(var(--px) * 2) solid var(--brown-dark);grid-area:top}.top-bar .stat-sub{display:none}.bottom-bar{border-top:0;border-left:calc(var(--px) * 2) solid var(--brown-dark);grid-area:bottom;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;overflow-y:auto}}