@font-face{font-family:LabSans;src:local('Pretendard'),local('Noto Sans KR'),local('Malgun Gothic');font-display:swap}
:root{--navy:#172e43;--navy-deep:#112437;--navy-light:#27465e;--ink:#233345;--muted:#71808c;--gold:#cba461;--gold-light:#f6ead0;--teal:#297c70;--line:#e0e5e7;--surface:#fff;--bg:#f3f5f5;--sidebar:234px;--radius:12px;font-family:LabSans,'Segoe UI','Malgun Gothic',sans-serif;color:var(--ink);font-synthesis:none;line-height:1.6;font-size:14px}
*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select,textarea{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.42}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}a:hover{color:var(--teal)}img{max-width:100%}svg{flex-shrink:0;vertical-align:middle}button{border:0;background:none}input,select{min-width:0}h1,h2,h3,p{margin:0}h1{font-size:30px;line-height:1.35;letter-spacing:-1.1px}h2{font-size:19px;letter-spacing:-.55px;line-height:1.45}h3{font-size:16px;line-height:1.5}p{line-height:1.8}small{font-size:11px}strong{font-weight:700}:focus-visible{outline:3px solid #4cae9d;outline-offset:3px}button:focus-visible{z-index:2}code{font-family:'Cascadia Code',Consolas,monospace;font-size:12px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f2f5f7;border:1px solid var(--line);border-radius:7px;padding:15px;font-size:12px;line-height:1.75;max-height:360px;overflow:auto}ul,ol{padding-left:22px}li+li{margin-top:8px}[hidden]{display:none!important}.skip-link{position:fixed;top:-60px;left:260px;z-index:100;background:white;padding:14px}.skip-link:focus{top:10px}
#sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:var(--navy);color:#c8d4de;display:flex;flex-direction:column;z-index:30;overflow:auto;padding:27px 16px 18px}.brand{display:flex;align-items:center;gap:11px;padding:0 7px;color:#fff;font-size:15px;font-weight:700;line-height:1.4;letter-spacing:-.2px}.brand:hover{color:#fff}.brand small{display:block;font-size:11px;color:#a9bccb;font-weight:400;letter-spacing:1.1px;margin-top:2px}.brand-mark{display:grid;place-items:center;width:40px;height:43px;color:#e8c580;border:1px solid #cba46165;border-radius:10px}.build-label{margin:25px 9px 14px;font-size:10px;display:flex;align-items:center;gap:7px;color:#99b2c3}.live-dot{display:inline-block;width:6px;height:6px;background:#58af9f;border-radius:50%;box-shadow:0 0 0 3px #58af9f12;flex-shrink:0}.nav-group{font-size:10px;letter-spacing:.4px;color:#7f9cb0;padding:15px 15px 7px}.nav-link{display:flex;align-items:center;gap:12px;padding:11px 14px;margin:3px 0;border-radius:7px;font-size:12px;color:#c1cfdb;transition:background .15s}.nav-link:hover{background:#ffffff08;color:#fff}.nav-link.active{background:#345164;color:#fff;box-shadow:inset 3px 0 0 var(--gold)}.nav-link.active svg{color:#e8c580}.nav-new{margin-left:auto;font-size:9px;color:#ebcf97;background:#cba4611c;border-radius:4px;padding:1px 5px}.sidebar-foot{margin-top:auto;padding:25px 8px 0;display:flex;gap:10px;align-items:center;font-size:11px;color:#d3dde4}.sidebar-foot img{width:35px;height:35px;border-radius:9px}.sidebar-foot small{display:block;color:#8199ab;margin-top:3px;font-size:9px}.workspace{margin-left:var(--sidebar)}#topbar{height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 38px;background:#ffffffb8;border-bottom:1px solid var(--line);position:relative;z-index:10}.breadcrumbs{display:flex;align-items:center;gap:13px;font-size:11px;white-space:nowrap}.breadcrumbs a{color:var(--muted)}.breadcrumbs>span{color:#ccd4da}.breadcrumbs strong{font-weight:600}.search-field{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:white;border-radius:7px;padding:8px 12px;min-height:39px;color:#80909d}.search-field input{background:none;border:0;outline:0!important;width:100%;font-size:12px;color:var(--ink)}.search-field:focus-within{border-color:#5b9b91;box-shadow:0 0 0 2px #297c7012}.search-field input::placeholder{color:#91a0a9}#global-search{margin-left:auto;width:min(310px,35%)}kbd{font:10px inherit;border:1px solid var(--line);border-radius:3px;padding:0 5px}.top-lab{font-size:11px;font-weight:600;display:flex;align-items:center;gap:7px}.mobile-menu{display:none!important}#main{padding:38px;max-width:1720px;margin:auto;min-height:calc(100vh - 140px)}footer{padding:18px 38px;border-top:1px solid var(--line);font-size:10px;color:#84919a;display:flex;justify-content:space-between;gap:10px}footer span{color:#9aa5ad}.loading{padding:100px 20px;text-align:center;color:var(--muted)}.loading-mark{display:block;margin:0 auto 20px;width:24px;height:24px;border:2px solid var(--line);border-top-color:var(--teal);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid #d9e0e3;background:white;border-radius:7px;min-height:40px;padding:9px 15px;font-size:12px;font-weight:600;line-height:1.4;transition:background .15s,border-color .15s;color:#30485b}.button:hover{background:#f5f8f8;border-color:#a9c1be;color:var(--ink)}.button.primary{background:var(--navy);border-color:var(--navy);color:#fff}.button.primary:hover{background:#284960}.button.small{font-size:11px;min-height:32px;padding:6px 10px}.button.full{width:100%}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;border-radius:6px;color:#667b8b;font-size:23px}.icon-button:hover{background:#edf1f3}.badge{display:inline-flex;align-items:center;padding:3px 7px;border-radius:4px;font-size:9px;font-weight:600;white-space:nowrap;line-height:1.55;letter-spacing:-.1px;flex-shrink:0}.badge.observed{background:#e7f2ee;color:#287461}.badge.official{background:#e8eef8;color:#4b6c9b}.badge.inferred{background:#f5eddd;color:#927141}.badge.simulation{background:#e9edf2;color:#5b7184}.page-heading{margin-bottom:28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.page-heading p{color:var(--muted);font-size:12px;margin-top:9px}.surface{background:white;border:1px solid var(--line);border-radius:var(--radius)}.section-block{margin-top:32px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.section-heading>a{font-size:11px;display:inline-flex;align-items:center;gap:6px;color:#6c7c87}.section-heading.compact{font-size:11px;margin:18px 0}.section-desc{font-size:11px;color:var(--muted);margin-top:6px}.fine-print{font-size:11px;line-height:1.85;color:var(--muted)}.small-label{font-size:10px;color:var(--muted)}.info-banner{padding:12px 15px;background:#eaf0f3;border:1px solid #dae5ea;border-radius:7px;display:flex;gap:10px;align-items:flex-start;font-size:11px;color:#5a7384;line-height:1.8}.info-banner svg{margin-top:2px}.warning-note{padding:12px;background:#fbf1dc;border-radius:7px;font-size:11px;color:#8e6d38;margin:12px 0}.digest{display:block;font-size:10px;overflow-wrap:anywhere;color:#83919c;line-height:1.8}.empty-state{grid-column:1/-1;text-align:center;color:var(--muted);padding:65px 25px;background:#fff;border:1px dashed var(--line);border-radius:10px}
.overview-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:30px;align-items:center;min-height:375px;background:#eaf0ee;border:1px solid #e1e8e4;border-radius:15px;padding:40px 43px;overflow:hidden;position:relative}.hero-copy{position:relative;z-index:2}.hero-kicker{display:flex;gap:9px;align-items:center;font-size:10px;color:#6c7f7a;margin-bottom:18px}.hero-copy h1{font-size:42px;letter-spacing:-1.8px;font-weight:750;line-height:1.26;color:#1b3640}.hero-copy>p{font-size:13px;color:#728580;line-height:1.9;margin-top:17px}.hero-buttons{display:flex;gap:9px;margin-top:24px}.hero-meta{margin-top:30px;display:flex;align-items:center;gap:10px;font-size:10px;line-height:1.7;color:#516b66}.hero-meta img{height:32px;width:32px;border-radius:8px}.hero-meta small{font-size:9px;color:#8a9892}.hero-demo{justify-self:end;width:min(100%,315px);background:#1b3b52;border:5px solid #deca9d;border-radius:16px;padding:13px 14px 12px;box-shadow:0 14px 25px #223c4820;transform:rotate(-3deg);position:relative}.hero-demo:before{content:'';position:absolute;width:350px;height:350px;border:1px solid #b6c9bc77;border-radius:50%;left:-20px;top:0;z-index:-1}.hero-board-top{display:flex;justify-content:space-between;align-items:center;color:#e6cf9c;font-size:9px;margin-bottom:12px;gap:8px}.hero-board-top span{display:flex;align-items:center;gap:7px}.hero-board-top b{font-size:8px;background:#4c6474;color:#e1ebee;padding:2px 6px;border-radius:3px;font-weight:400}.hero-board{display:grid;grid-template-columns:repeat(var(--cols),1fr);background:#7299af;border:3px solid #7196a8;border-radius:7px;gap:2px}.hero-board .raw-cell{border-radius:3px;background:#9fc2d6}.hero-board .raw-cell:nth-child(even){background:#90b7ce}.hero-board .raw-cell img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 1px #2f4f5d22)}.hero-board-bottom{display:flex;gap:8px;justify-content:center;align-items:center;color:#acc1ce;font-size:9px;margin-top:11px}.hero-board-bottom i{width:13px;height:1px;background:#6b8799}.metric-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:white;border-radius:11px;margin:22px 0 28px;padding:21px 0}.metric-strip>div{padding:0 25px;border-right:1px solid var(--line)}.metric-strip>div:last-child{border:0}.metric-strip span{display:block;font-size:10px;color:#7c8b92}.metric-strip strong{display:block;font-size:30px;line-height:1.5;letter-spacing:-1px;color:#223f50;font-variant-numeric:tabular-nums}.metric-strip small{display:block;font-size:9px;color:#9aa5ad;line-height:1.7}.overview-columns{display:grid;grid-template-columns:1.4fr 1fr;gap:22px}.findings-panel{padding:25px 26px 10px}.findings-panel>.section-heading{margin-bottom:0}.finding-row{display:flex;align-items:center;gap:13px;padding:18px 0;border-bottom:1px solid #edf0f1}.finding-row:last-child{border:0}.finding-row>div{flex:1}.finding-row strong{font-size:12px;display:block}.finding-row small{font-size:10px;color:var(--muted);display:block;margin-top:3px}.finding-icon{display:grid;place-items:center;width:37px;height:37px;background:#eff4f3;color:#547a75;border-radius:9px}.finding-row>svg{color:#a9b5bb}.scope-note{background:#e9edef;border:1px solid #e0e6e8;border-radius:11px;padding:25px 28px}.scope-note>h2{font-size:25px;line-height:1.4;margin:10px 0 11px;color:#284453}.scope-note>p{font-size:11px;color:#71828d;max-width:340px}.scope-note>small{display:block;color:#8a98a1;font-size:9px;margin-top:16px;line-height:1.7}.status-legend{margin-top:19px;display:grid;gap:7px}.status-legend>div{display:flex;gap:11px;align-items:center;font-size:10px;color:#72838c}.status-legend .badge{min-width:72px;justify-content:center}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.article-card{text-align:left;padding:22px;background:#fff;border:1px solid var(--line);border-radius:10px;display:flex;flex-direction:column;min-height:214px;transition:border-color .15s,box-shadow .15s}.article-card:hover{border-color:#a7c4bc;box-shadow:0 4px 12px #1c3e3d07}.article-card-top{display:flex;align-items:center;gap:10px;margin-bottom:13px}.article-card-top>span:not(.badge){font-size:10px;color:#8a98a1}.article-card h3{font-size:15px;letter-spacing:-.3px}.article-card p{font-size:11px;color:#7c8992;margin:9px 0 20px;line-height:1.85;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.read-link{font-size:10px;color:#789088;margin-top:auto;display:flex;align-items:center;gap:5px}.level-preview-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.level-preview{border:1px solid var(--line);border-radius:10px;background:white;padding:15px;text-align:left;overflow:hidden;transition:border-color .15s}.level-preview:hover{border-color:#9bbab0}.preview-meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-bottom:12px}.preview-meta span{font-size:10px;color:#758894;background:#edf2f3;border-radius:4px;padding:2px 6px}.raw-board{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:2px;background:#7c9eb2;border:6px solid #e2cfaa;border-radius:9px;padding:3px;width:100%;min-width:0;max-width:510px;margin:auto}.raw-cell{position:relative;aspect-ratio:1;min-width:0;display:grid;place-items:center;background:#b4d0df;overflow:hidden}.raw-cell:nth-child(even){background:#a7c5d7}.raw-cell img{height:100%;width:100%;object-fit:contain}.raw-cell.hole{background:#5a7c8e}.raw-cell.generated{color:#6f94ab;background:#c2d5df;font-weight:700}.raw-cell .unsupported-code{font-size:clamp(4px,.6vw,8px);overflow:hidden;max-width:100%;overflow-wrap:anywhere;line-height:1.1;color:#637386;text-align:center}.raw-board.mini{border-width:3px;gap:1px;padding:2px;border-radius:5px}.raw-board.mini .hp{font-size:7px;right:1px;bottom:0;line-height:1.4}.level-caption{display:flex;justify-content:space-between;gap:10px;margin-top:11px;font-size:9px;color:#8997a1}.level-caption span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.archive-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.archive-board-wrap{height:190px;overflow:hidden;position:relative;background:#edf2f3;border-radius:5px}.archive-board-wrap:has(.raw-board[style*="--cols:9"]){background:#e2cfaa}.archive-board-wrap .raw-board{align-self:start}.filterbar{display:flex;gap:14px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.filterbar>.search-field{flex:1;min-width:180px;max-width:400px}.filterbar>span{font-size:10px;color:#83939e}.inline-label{display:flex;align-items:center;gap:9px;color:#6d7e8a;font-size:11px}.inline-label select,.play-controls select{background:white;border:1px solid var(--line);border-radius:6px;padding:8px;color:#4d6577;font-size:11px}.filter-pills{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 23px}.filter-pills button{border:1px solid var(--line);border-radius:5px;font-size:11px;padding:6px 12px;background:white;color:#7a8992}.filter-pills button.active{background:var(--navy);border-color:var(--navy);color:white}.pager{display:flex;align-items:center;gap:12px;font-size:10px}.pager>span{min-width:60px;text-align:center}.tabbar{display:flex;gap:25px;border-bottom:1px solid var(--line);margin-bottom:23px}.tabbar button{font-size:12px;color:#83939f;padding:12px 3px;border-bottom:2px solid transparent}.tabbar button.active{color:#2e5b60;border-color:var(--teal);font-weight:700}.hierarchy-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:22px;margin-top:22px;align-items:start}.tree-panel{padding:15px 10px;overflow:auto;max-height:820px}.tree-node{font-size:11px;margin-left:14px;border-left:1px solid #e4e9ec}.tree-node summary{padding:7px 10px;cursor:pointer;min-width:400px;display:flex;align-items:center;gap:12px}.tree-node summary:hover{background:#f1f6f5}.tree-node summary:before{content:'▸';font-size:10px;color:#a0afb7;width:9px;flex-shrink:0}.tree-node[open]>summary:before{content:'▾'}.tree-name{display:inline-flex;align-items:center;gap:6px;font-weight:600;white-space:nowrap}.tree-name svg{color:#b49b68}.tree-component{font-size:9px;color:#8c9ca5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:250px}.tree-node code{font-size:9px;margin-left:auto;color:#a6b1b9}.tree-coord{font-size:9px;color:#96a6ae;padding:0 15px 7px}.prose{padding:27px;font-size:12px;line-height:1.9}.prose>h2{margin-bottom:14px}.prose>h3{margin:20px 0 8px;font-size:14px}.prose p{color:#70838f;margin-bottom:12px}.prose .badge{margin:10px 0}.sprite-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.sprite-card{background:white;border:1px solid var(--line);border-radius:8px;padding:12px;text-align:left;overflow:hidden}.sprite-image{height:120px;display:grid;place-items:center;background-color:#eef2f3;background-image:linear-gradient(45deg,#e6ebed 25%,transparent 25%),linear-gradient(-45deg,#e6ebed 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e6ebed 75%),linear-gradient(-45deg,transparent 75%,#e6ebed 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;border-radius:5px;margin-bottom:12px}.sprite-image img{height:100%;max-width:100%;object-fit:contain;padding:12px}.sprite-image.no-image{background:#f3f6f7;color:#b9c8ce}.sprite-card strong{font-size:10px;font-weight:500;display:block;overflow-wrap:anywhere;line-height:1.7}.sprite-card small{color:#9ba7ae;font-size:9px;display:block;margin-top:6px}.sprite-large{height:250px;margin:25px 0;background:#edf2f3;display:grid;place-items:center}.sprite-large img{max-height:230px;max-width:100%;object-fit:contain}.effects-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:22px}.motion-workbench{padding:25px}.motion-stage{height:240px;background:#ecf2f4;border-radius:9px;position:relative;display:grid;place-items:center;overflow:hidden;margin:20px 0}.motion-target{width:98px;height:98px;position:relative;z-index:2;transform-origin:bottom center}.motion-target img{width:100%;height:100%;object-fit:contain}.motion-ground{position:absolute;width:100px;height:14px;top:65%;background:#7393a62b;border-radius:50%;filter:blur(5px)}.fx-particle{position:absolute;left:50%;top:50%;width:7px;height:7px;background:#e3b85f;border-radius:2px;pointer-events:none}.motion-controls{display:grid;grid-template-columns:1fr 1fr;gap:15px}.motion-controls label{font-size:10px;color:#708491}.motion-controls input,.motion-controls select{display:block;width:100%;margin-top:6px}.motion-controls select{border:1px solid var(--line);border-radius:6px;padding:8px;font-size:11px;background:white;color:var(--ink)}.motion-controls output{float:right;font-size:10px;color:#3c6e6d}.motion-controls input[type=range]{accent-color:var(--teal)}.motion-controls .button{align-self:end}.motion-timeline{display:flex;gap:12px;align-items:center;font-size:9px;color:#91a2aa;margin:21px 0}.motion-timeline>div{display:flex;gap:3px;height:8px;flex:1}.motion-timeline i{background:#8fb6ae}.motion-timeline i:nth-child(2){background:#d6bc83}.motion-timeline i:nth-child(3){background:#c3d1d7}.recipe{list-style:none;padding:0;counter-reset:step}.recipe li{counter-increment:step;padding-left:35px;position:relative;margin:23px 0}.recipe li:before{content:counter(step);position:absolute;left:0;top:0;background:#eaf2ef;color:#558578;width:23px;height:23px;text-align:center;border-radius:50%;font-size:11px}.recipe p{font-size:11px;margin-top:7px}.table-wrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:8px}.table-search{max-width:400px;margin:16px 0}.table-wrap table{width:100%;border-collapse:collapse;min-width:650px;text-align:left;font-size:11px}.table-wrap th{background:#edf2f4;color:#7e919f;font-size:10px;font-weight:500;padding:12px 16px}.table-wrap td{padding:12px 16px;border-top:1px solid #edf0f2;color:#7a8b96;white-space:nowrap}.table-wrap td:first-child{color:#3d5363}.table-wrap code{font-size:9px}.economy-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:0 0 30px}.economy-flow>div{background:white;border:1px solid var(--line);border-radius:11px;padding:25px;display:grid;grid-template-columns:60px 1fr;gap:0 15px;align-items:center}.economy-flow img{grid-row:1/4;width:57px;height:70px;object-fit:contain}.economy-flow h2{font-size:18px}.economy-flow p{font-size:10px;color:var(--muted);margin:5px 0}.economy-flow .badge{justify-self:start}.config-list{display:grid;gap:10px}.config-entry{padding:0 20px;font-size:12px}.config-entry summary{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:16px 0;cursor:pointer}.config-entry summary:before{content:'+';color:#809a97}.config-entry[open] summary:before{content:'−'}.config-entry summary strong{margin-right:auto;font-size:11px;font-weight:600;overflow-wrap:anywhere}.config-entry summary code,.config-entry summary>span{font-size:9px;color:#9ba8af}.config-entry pre{max-height:400px}.chart-panel{padding:28px}.bar-chart{height:225px;display:flex;gap:6px;align-items:end;padding-top:20px;overflow:auto;margin-bottom:10px}.chart-column{flex:1;display:flex;align-items:center;flex-direction:column;justify-content:end;min-width:15px;max-width:50px;gap:4px;height:100%}.chart-column>span{font-size:8px;color:#839b9a}.chart-column i{display:block;width:75%;background:#67a294;border-radius:3px 3px 0 0;min-height:3px}.chart-column:hover i{background:#c4a360}.chart-column small{font-size:9px;color:#71838e}.experiment-guide{padding:28px}.experiment-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:25px 0}.experiment-steps b{font-size:13px}.experiment-steps p{font-size:11px;color:#83919a;margin-top:6px}.experiment-guide>.badge{margin-left:12px}.source-summary{background:#fff;border:1px solid var(--line);border-radius:11px;padding:22px;display:flex;align-items:center;gap:18px;margin-bottom:25px}.source-summary img{width:60px;height:60px;border-radius:14px}.source-summary h2{font-size:18px;word-break:break-word}.source-summary p{color:var(--muted);font-size:10px;margin:5px 0}.source-summary>.badge{margin-left:auto}.scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.source-row{display:flex;align-items:flex-start;gap:10px;padding:12px 0;border-bottom:1px solid #e9edef;font-size:11px}.source-row svg{color:#aab8bf;margin-top:3px}.source-row>div{min-width:0}.source-row a{color:#4b8b80}.source-row strong{font-size:11px}.source-row small{display:block;font-size:10px;color:#8a9ba6;overflow-wrap:anywhere;margin-top:5px}.class-list{display:grid;gap:7px;margin-top:16px}.class-row{display:flex;align-items:center;justify-content:space-between;gap:20px;background:white;border:1px solid var(--line);border-radius:7px;text-align:left;padding:12px 17px}.class-row:hover{border-color:#a8c5bd}.class-row>span{display:grid;grid-template-columns:20px 1fr;gap:0 12px;min-width:0}.class-row svg{grid-row:1/3;color:#819e99;align-self:center}.class-row strong{font-size:12px}.class-row small{font-size:9px;color:#8d9ba5;overflow-wrap:anywhere}.class-row>div{font-size:9px;color:#a4b1b8;white-space:nowrap}.class-row>div b{color:#6b8694;font-size:12px;margin:0 3px 0 12px}.enum-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding-bottom:17px}.enum-values span{display:flex;gap:9px;font-size:10px;overflow-wrap:anywhere}.enum-values code{color:#6b968e;min-width:30px;font-size:10px}
dialog{border:1px solid var(--line);border-radius:15px;padding:0;width:min(800px,calc(100vw - 40px));max-height:90vh;background:#fff;color:var(--ink);box-shadow:0 28px 90px #10223533}dialog.wide{width:min(1120px,calc(100vw - 40px))}dialog::backdrop{background:#0c213c69;backdrop-filter:blur(3px)}.dialog-close{position:sticky;float:right;top:15px;right:15px;margin:15px 15px 0 0;z-index:3;background:#f0f4f4}.article-detail{padding:45px 50px}.article-detail h1{font-size:29px;overflow-wrap:anywhere}.article-detail .article-summary{font-size:14px;color:#708693;margin:15px 0 30px;padding-bottom:25px;border-bottom:1px solid var(--line)}.article-detail section{margin:26px 0}.article-detail section h2{font-size:17px;margin-bottom:12px}.article-detail section p{font-size:12px;color:#637a89;line-height:2.1}.source-section{margin-top:35px;border-top:1px solid var(--line);padding-top:23px}.source-section .fine-print{margin-top:15px;font-size:10px}.related-links{display:flex;flex-wrap:wrap;gap:8px}.related-links button{font-size:10px;color:#58897f;border:1px solid #dbe7e2;border-radius:5px;padding:7px 10px}.level-detail{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;padding:40px}.level-detail h1{margin:10px 0 4px}.level-detail>div>p{font-size:11px;color:#8a9aa4}.level-detail-board{max-height:62vh;overflow:auto;margin:20px 0 14px;border-radius:8px}.level-detail-board .raw-board{max-width:460px}.level-inspector{padding-top:10px}.level-inspector h2{font-size:17px;margin-bottom:14px}.level-inspector h3{font-size:12px;margin:20px 0 8px}.level-inspector .button{margin:12px 7px 5px 0;font-size:10px}.key-values{display:grid;grid-template-columns:100px 1fr;font-size:11px;row-gap:8px}.key-values dt{color:#899ba6}.key-values dd{margin:0;color:#4d6b7d;overflow-wrap:anywhere}.code-distribution{display:grid;grid-template-columns:1fr 1fr;gap:7px}.code-distribution>span{font-size:9px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);padding:5px 7px;border-radius:4px;min-width:0;overflow-wrap:anywhere}.code-distribution code{font-size:9px;color:#a6b1b8}.code-distribution b{margin-left:auto;color:#74998d}#toast{position:fixed;bottom:27px;left:calc(50% + var(--sidebar)/2);transform:translate(-50%,20px);padding:12px 22px;background:#233e4d;color:#e7efef;border:1px solid #506c7d;border-radius:8px;z-index:100;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:600px;line-height:1.8}#toast.show{opacity:1;transform:translate(-50%,0)}
.lab-heading{margin-bottom:22px}.lab-layout{display:grid;grid-template-columns:205px minmax(320px,1fr) 222px;gap:20px;align-items:start}.lab-tools{padding:19px 17px}.lab-tools h2,.lab-inspector h2{font-size:13px}.lab-tools .section-heading{gap:5px}.lab-tools .small-label{font-size:8px}.lab-tools>label,.two-fields>label{display:flex;flex-direction:column;gap:6px;font-size:10px;color:#7d8e98;margin-bottom:13px}.lab-tools input:not([type=checkbox]),.lab-tools select{width:100%;background:#f7f9fa;border:1px solid #e0e6e9;border-radius:5px;padding:7px 9px;font-size:11px;color:#415e70;min-height:33px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.lab-tools .button{font-size:10px;padding:8px 10px;min-height:34px}.tool-divider{height:1px;background:#e6ecef;margin:19px 0}.switch{position:relative;display:inline-block;width:30px;height:17px;flex-shrink:0;cursor:pointer}.switch input{opacity:0;width:0;height:0;position:absolute}.switch span{position:absolute;inset:0;background:#d7e0e3;border-radius:20px}.switch span:after{content:'';position:absolute;height:13px;width:13px;left:2px;top:2px;border-radius:50%;background:white;box-shadow:0 1px 2px #183f3b30;transition:transform .15s}.switch input:checked+span{background:#4a9486}.switch input:checked+span:after{transform:translateX(13px)}.switch:has(input:focus-visible){outline:2px solid var(--teal);outline-offset:4px}.lab-tools>.fine-print{font-size:9px;margin-bottom:12px}.brushes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.brush{aspect-ratio:1;position:relative;border:1px solid #e2e7e9;border-radius:5px;background:#eef3f5;display:grid;place-items:center;padding:2px;overflow:hidden}.brush img{width:100%;height:100%;object-fit:contain}.brush.active{border-color:#5e9f92;box-shadow:0 0 0 1px #5e9f92;background:#e7f1ec}.hole-symbol{color:#8a9fab;font-size:22px}.hp-control{margin-top:13px!important;flex-direction:row!important;align-items:center;justify-content:space-between}.hp-control input{width:48px!important}.io-buttons{display:flex;gap:6px}.board-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 12px;padding:1px 2px}.board-toolbar>span{font-size:11px;font-weight:600;color:#5f7888}.board-toolbar>div{display:flex;gap:4px}.game-scene{padding:19px 18px 13px;border-radius:17px;background:#234b64;box-shadow:0 7px 20px #26475613;border:1px solid #1c415a;max-width:575px;margin:auto}.game-hud{display:flex;align-items:center;gap:14px;margin-bottom:15px}.move-counter{background:#f3ead4;border-radius:9px;color:#806943;width:75px;flex-shrink:0;text-align:center;border:2px solid #d5bd8c;padding:5px 6px;line-height:1.4}.move-counter>span{font-size:9px}.move-counter strong{display:block;font-size:32px;line-height:1.1;letter-spacing:-1px;color:#4c5d5a;font-variant-numeric:tabular-nums}.game-goals{display:flex;align-items:center;gap:12px;flex:1;justify-content:center;flex-wrap:wrap}.goal{color:#d4e5ec;font-size:9px;text-align:center;line-height:1.3}.goal>span{display:flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap}.goal img{width:27px;height:30px;object-fit:contain}.goal i{width:13px;height:13px;border-radius:3px;display:inline-block}.goal>strong{display:block;font-size:20px;color:#fff;line-height:1.5;letter-spacing:-.7px}.goal strong small{font-size:12px;color:#9abccc;letter-spacing:0}.board-frame{padding:6px;background:#d6bb82;border-radius:11px;box-shadow:inset 0 2px 2px #ffffff80,0 2px 0 #183c55}.game-board{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:2px;background:#7a9fb5;border:3px solid #6f97ad;border-radius:7px;padding:3px;touch-action:none}.board-cell{position:relative;aspect-ratio:1;min-width:0;display:grid;place-items:center;background:#a3c9df;border-radius:3px;isolation:isolate;padding:0;overflow:visible}.board-cell:nth-child(even){background:#b5d5e5}.board-cell img{width:99%;height:99%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 1px #203d5220);user-select:none}.board-cell.hole{background:#49728c;opacity:1}.board-cell:disabled{opacity:1}.board-cell.selected{box-shadow:inset 0 0 0 3px #fff1ad,0 0 0 1px #e5bf63;z-index:2}.board-cell.hinted{box-shadow:inset 0 0 0 3px #a0ffe2;z-index:2}.board-cell.affected.match{filter:brightness(1.5)}.board-cell.affected.clear{animation:hit .17s ease-out}.board-cell.affected.power{box-shadow:inset 0 0 0 3px #fff7a5;filter:brightness(1.25)}.board-cell.affected.create img{animation:pop .3s ease-out}.board-cell.affected.fall img{animation:fall .16s ease-out}.game-bottom{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:15px;font-size:10px;color:#a4c4d2;min-height:24px}.game-bottom .won{color:#e8d596;font-weight:700}.game-bottom .lost,.game-bottom .blocked{color:#edbaad}.hint-button{display:flex;gap:5px;align-items:center;color:#b8cdd5;font-size:9px;background:#ffffff09;border:1px solid #ffffff20;border-radius:5px;padding:4px 7px}.hint-button:hover{background:#ffffff17}.play-controls{display:flex;align-items:center;gap:9px;justify-content:center;margin:20px 0 12px;flex-wrap:wrap}.play-controls .button{font-size:10px;min-height:33px;padding:7px 10px}.play-controls label{font-size:10px;color:#8394a0;display:flex;gap:6px;align-items:center}.play-controls select{font-size:10px;padding:6px}.board-instruction{text-align:center;font-size:10px;color:#8a9aa4;line-height:1.8}.lab-notice{border-top:1px solid var(--line);display:flex;gap:9px;align-items:flex-start;margin-top:20px;padding-top:15px;color:#8b9da7}.lab-notice p{font-size:9px;line-height:1.9}.lab-notice svg{margin-top:3px}.lab-inspector>section{padding:20px 18px;margin-bottom:15px}.inspector-stats h2{margin-bottom:13px}.stat-pair{display:flex;justify-content:space-between;padding:8px 0;font-size:10px;border-bottom:1px solid #f0f3f4;color:#8497a3}.stat-pair strong{font-size:13px;color:#446374;font-variant-numeric:tabular-nums}.rng-state{display:block;background:#f1f5f6;border-radius:4px;padding:7px;margin-top:13px;font-size:8px;color:#8da1ab;word-break:break-all}.move-log{max-height:270px;overflow:auto}.move-log .section-heading{margin-bottom:10px}.move-log .section-heading>span{font-size:10px;background:#edf3f4;border-radius:4px;padding:2px 6px;color:#73918f}.move-log ol{padding:0;list-style:none;margin:0}.move-log li{display:flex;gap:12px;align-items:center;font-size:10px;color:#8396a3;padding:8px 0;border-bottom:1px solid #f0f3f4;margin:0}.move-log li>span{width:17px;height:17px;display:grid;place-items:center;border-radius:4px;background:#edf3f3;font-size:9px;color:#84a49d}.move-log code{font-size:9px;color:#6d8998;margin-left:5px}.move-log .log-empty{font-size:9px;color:#9cabb3;border:0;min-height:70px;display:grid;place-items:center}.event-log h2{margin-bottom:13px}.event-log{max-height:390px;overflow:auto}.event-row{display:flex;align-items:center;gap:8px;font-size:9px;padding:8px 0;border-bottom:1px solid #f0f3f4}.event-row strong{font-weight:500;color:#6d8795}.event-row small{margin-left:auto;font-size:8px;color:#a0aeb6;max-width:80px;overflow:hidden}.event-dot{width:5px;height:5px;background:#98b8ac;border-radius:50%;flex-shrink:0}.event-dot.power,.event-dot.create{background:#d7b36e}.event-dot.fall{background:#8caeca}.lab-limits{font-size:10px;color:#82959f;padding:5px;line-height:1.9}.lab-limits summary{cursor:pointer}.lab-limits p{font-size:9px;margin-top:9px}.hp{position:absolute;right:2px;bottom:1px;color:white;background:#765b35c9;border:1px solid #e8c98a;border-radius:3px;font-size:10px;padding:0 4px;line-height:1.5;z-index:3}.ice-overlay{position:absolute;inset:0;background:#d3f5ff40;border:2px solid #ddfaffb3;box-shadow:inset 0 0 7px #fff9;border-radius:3px;pointer-events:none;z-index:2}.metal-tile{position:absolute;inset:5%;border:4px solid #9db3bf;background:linear-gradient(135deg,#a4bdc9,#718c9f 50%,#4e6c80);box-shadow:inset 0 0 0 1px #e2edf4,0 2px 1px #143f5166;border-radius:5px;color:#f2f7fb;display:grid;place-items:center;font-size:18px;text-shadow:0 1px #233e54}.chain-tile{font-size:clamp(12px,2.4vw,30px);color:#577d95;line-height:1}.spinner-tile{display:block;font-size:clamp(12px,3vw,35px);line-height:1;color:#cf5752;text-shadow:0 2px #fff4c6,2px 0 #fff4c6,0 -2px #fff4c6,-2px 0 #fff4c6}.gem{width:65%;height:65%;border-radius:22%;border:2px solid #ffffff70;box-shadow:inset 0 5px 3px #ffffff40,0 2px 1px #203d5230}.gem-0{background:#ed5659}.gem-1{background:#428fdd}.gem-2{background:#66b440}.gem-3{background:#efc352}.gem-4{background:#de7bb5}.rocket{position:relative;width:75%;height:32%;background:#ee6b5e;border-radius:50% 20% 20% 50%;border:2px solid #fff4c3}.rocket.vertical{transform:rotate(90deg)}.rocket i{display:block;position:absolute;right:5%;height:100%;width:20%;background:#e0bd65}.unsupported-code{font-size:8px;color:#71808c;overflow-wrap:anywhere}
@keyframes hit{50%{transform:scale(.8)}}@keyframes pop{0%{transform:scale(.3)}70%{transform:scale(1.25)}100%{transform:scale(1)}}@keyframes fall{from{transform:translateY(-30%)}to{transform:translateY(0)}}
@media(min-width:1600px){#main{padding:42px 50px}.lab-layout{grid-template-columns:225px minmax(400px,1fr) 260px;gap:25px}.hero-copy h1{font-size:48px}.hero-demo{width:350px}.overview-hero{padding:45px 60px}.article-card{padding:26px}.archive-board-wrap{height:240px}}
@media(max-width:1250px){:root{--sidebar:210px}#sidebar{padding:25px 12px 16px}.brand{font-size:13px;gap:8px}.brand-mark{width:35px}.nav-link{font-size:11px;padding:11px 12px;gap:10px}#topbar{padding:0 26px}#main{padding:28px}.hero-copy h1{font-size:35px}.overview-hero{padding:30px;gap:20px}.hero-demo{max-width:270px}.hero-meta{font-size:9px}.hero-buttons .button{font-size:10px;padding:9px 12px}.metric-strip>div{padding:0 18px}.metric-strip strong{font-size:26px}.metric-strip small{font-size:8px}.lab-layout{grid-template-columns:180px minmax(280px,1fr);gap:18px}.lab-inspector{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.lab-inspector>section{margin:0}.lab-limits{grid-column:1/-1}.effects-layout{grid-template-columns:1.15fr 1fr}.sprite-grid{grid-template-columns:repeat(4,1fr)}.article-grid{grid-template-columns:repeat(2,1fr)}.archive-board-wrap{height:155px}.finding-row .badge{display:none}.hero-board-top b{display:none}.hierarchy-layout{grid-template-columns:1.3fr 1fr}.prose{padding:22px}.economy-flow{gap:15px}.economy-flow>div{padding:17px;grid-template-columns:44px 1fr;gap:10px}.economy-flow img{width:44px}.economy-flow p{font-size:9px}}
@media(max-width:1000px){:root{--sidebar:190px}#topbar{padding:0 22px;gap:13px}.top-lab{display:none}#global-search{width:240px;max-width:42%}.brand{font-size:12px}.brand small{font-size:9px}.brand-mark{width:30px;height:36px}.brand-mark svg{width:23px}.nav-link{font-size:10px;padding:10px 10px;gap:9px}.build-label{font-size:8px}.nav-new{display:none}#main{padding:24px}.overview-hero{padding:28px;gap:15px;grid-template-columns:1fr 1fr;min-height:330px}.hero-copy h1{font-size:30px}.hero-copy>p{font-size:11px}.hero-demo{width:230px;padding:11px}.hero-buttons{gap:7px;flex-wrap:wrap}.hero-meta{display:none}.hero-kicker{font-size:8px}.hero-board-top span{font-size:8px}.overview-columns{grid-template-columns:1fr}.scope-note{display:none}.metric-strip>div{padding:0 12px}.metric-strip strong{font-size:24px}.metric-strip span{font-size:9px}.metric-strip small{font-size:8px}.level-preview-row{gap:10px}.level-preview{padding:11px}.level-caption{font-size:8px}.level-caption span:last-child{display:none}.archive-grid{grid-template-columns:repeat(3,1fr)}.archive-board-wrap{height:165px}.effects-layout{grid-template-columns:1fr}.motion-stage{height:230px}.hierarchy-layout{grid-template-columns:1fr}.hierarchy-layout>aside{display:none}.sprite-grid{grid-template-columns:repeat(3,1fr)}.lab-tools{padding:15px 12px}.lab-layout{grid-template-columns:165px minmax(260px,1fr);gap:15px}.game-scene{padding:15px 12px 11px}.lab-inspector{grid-template-columns:1fr 1fr}.lab-inspector .event-log{grid-column:1/-1;max-height:190px}.lab-inspector #event-history{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.lab-heading{margin-bottom:15px}.economy-flow{grid-template-columns:1fr}.economy-flow>div{grid-template-columns:55px 1fr auto;gap:2px 15px}.economy-flow img{grid-row:1/3}.economy-flow h2{font-size:16px}.economy-flow p{grid-column:2;margin:0}.economy-flow .badge{grid-column:3;grid-row:1/3}.source-summary h2{font-size:14px}.source-summary img{width:45px;height:45px}.source-summary .badge{display:none}.enum-values{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){:root{--sidebar:0px}#sidebar{transform:translateX(-100%);width:228px;transition:transform .2s;box-shadow:10px 0 45px #10263630}#sidebar.open{transform:translateX(0)}.workspace{margin-left:0}.brand{font-size:14px}.brand small{font-size:10px}.nav-link{font-size:12px;padding:12px;gap:12px}.brand-mark{width:37px;height:40px}.build-label{font-size:10px}.mobile-menu{display:inline-flex!important}.breadcrumbs{gap:10px;font-size:10px}.breadcrumbs>a,.breadcrumbs>span{display:none}#topbar{height:63px;padding:0 17px;position:sticky;top:0;background:#ffffffef;backdrop-filter:blur(10px)}#global-search{max-width:none;width:210px;flex:1;min-width:120px}.search-field{padding:7px 10px;min-height:35px}.search-field input{font-size:11px}#global-search kbd{display:none}#main{padding:22px 18px}.page-heading h1{font-size:25px}.page-heading p{font-size:11px}.overview-hero{padding:28px 22px;grid-template-columns:1fr 1fr;gap:12px;min-height:280px}.hero-copy h1{font-size:29px}.hero-copy>p{font-size:10px}.hero-kicker{font-size:8px;margin-bottom:12px}.hero-demo{width:210px;padding:9px;border-width:4px;border-radius:12px}.hero-board-top span{font-size:7px;gap:4px}.hero-board-top svg{width:16px}.hero-board-top{margin-bottom:9px}.hero-board-bottom{font-size:7px;gap:5px}.hero-board-bottom i{width:8px}.hero-buttons{margin-top:18px}.hero-buttons .button{font-size:9px;min-height:34px;padding:8px 10px}.metric-strip{margin:16px 0 22px;padding:17px 0}.metric-strip strong{font-size:24px}.metric-strip span{font-size:9px}.metric-strip small{display:none}.metric-strip>div{padding:0 13px}.findings-panel{padding:22px 20px 7px}.finding-row .badge{display:inline-flex}.finding-row{gap:10px;padding:15px 0}.finding-row strong{font-size:12px}.finding-row small{font-size:10px}.section-heading h2{font-size:17px}.section-heading>a{font-size:9px}.level-preview-row{grid-template-columns:repeat(4,minmax(135px,1fr));overflow:auto;padding-bottom:10px}.article-grid{grid-template-columns:repeat(2,1fr);gap:12px}.article-card{padding:18px;min-height:195px}.article-card h3{font-size:14px}.article-card p{font-size:10px}.archive-grid{grid-template-columns:repeat(3,1fr);gap:12px}.archive-board-wrap{height:160px}.filterbar{gap:10px;margin-bottom:15px}.filterbar>.search-field{flex-basis:100%;max-width:none}.inline-label{font-size:10px;gap:6px}.inline-label select{font-size:10px;padding:7px}.filter-pills{gap:5px}.filter-pills button{font-size:10px;padding:5px 9px}.lab-layout{grid-template-columns:165px minmax(250px,1fr);gap:15px}.lab-inspector{grid-template-columns:1fr 1fr}.lab-main{padding:20px 15px!important}.lab-heading h1{font-size:24px}.lab-heading p{font-size:10px}.game-goals{gap:7px}.goal{font-size:8px}.goal>strong{font-size:17px}.move-counter{width:62px}.move-counter strong{font-size:28px}.board-toolbar{font-size:10px}.sprite-grid{grid-template-columns:repeat(3,1fr)}.sprite-image{height:105px}.class-row{padding:12px}.class-row>div{display:none}.source-summary{padding:18px;gap:12px}.source-summary p{font-size:9px}.scope-grid{grid-template-columns:1fr}.source-summary .digest{font-size:8px}.level-detail{padding:30px 25px;gap:20px}.level-detail h1{font-size:25px}.level-inspector{font-size:10px}.level-inspector h2{font-size:15px}.key-values{grid-template-columns:80px 1fr;font-size:10px}.code-distribution{grid-template-columns:1fr}.article-detail{padding:38px 28px}.article-detail h1{font-size:25px}footer{padding:17px 20px;flex-direction:column;font-size:9px;gap:3px}.experiment-steps{gap:15px}.experiment-steps p{font-size:10px}.chart-panel{padding:20px}.chart-column span{font-size:7px}.bar-chart{gap:3px}.chart-column small{font-size:8px}.overview-hero .hero-demo:before{display:none}.sidebar-foot{font-size:11px}}
@media(max-width:520px){#main{padding:20px 15px}.overview-hero{padding:26px 22px;grid-template-columns:1fr;min-height:0;gap:27px}.hero-copy h1{font-size:34px}.hero-copy>p{font-size:11px;margin-top:13px}.hero-buttons{margin-top:19px}.hero-buttons .button{font-size:11px;padding:9px 14px;min-height:38px}.hero-demo{position:absolute;width:157px;right:-35px;top:55px;transform:rotate(-10deg);opacity:.22;pointer-events:none}.hero-copy{max-width:100%}.hero-copy>p{max-width:245px}.hero-kicker{font-size:9px}.metric-strip{grid-template-columns:1fr 1fr;gap:17px 0;padding:18px 0}.metric-strip>div:nth-child(2){border-right:0}.metric-strip strong{font-size:26px}.metric-strip small{display:block;font-size:8px}.metric-strip>div{padding:0 18px}.metric-strip>div:nth-child(3),.metric-strip>div:nth-child(4){padding-top:14px;border-top:1px solid var(--line)}.finding-row{gap:10px}.finding-row .badge{font-size:8px;padding:3px 5px}.finding-row>svg{display:none}.finding-icon{width:32px;height:32px}.finding-row small{font-size:9px}.finding-row strong{font-size:11px}.findings-panel{padding:20px 17px 7px}.article-grid{grid-template-columns:1fr}.article-card{min-height:185px;padding:20px}.article-card h3{font-size:15px}.article-card p{font-size:11px}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.archive-board-wrap{height:170px}.preview-meta{font-size:10px;margin-bottom:10px}.preview-meta span{font-size:9px}.lab-layout{display:flex;flex-direction:column;gap:18px}.lab-board-section{order:0;width:100%}.lab-tools{order:1;width:100%;padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:10px 15px}.lab-tools>label{margin-bottom:0}.lab-tools .section-heading,.lab-tools .tool-divider,.lab-tools>.fine-print,.lab-tools .brushes{grid-column:1/-1}.lab-tools .tool-divider{margin:8px 0}.lab-tools>.button{align-self:end}.lab-tools .brushes{grid-template-columns:repeat(8,1fr)}.lab-tools .two-fields{gap:10px}.lab-tools .two-fields label{margin-bottom:0}.lab-tools .io-buttons{align-self:end}.lab-tools .hp-control{margin-top:0!important}.lab-tools #lab-file{grid-column:1/-1}.lab-inspector{order:2;display:grid;grid-template-columns:1fr 1fr;width:100%;gap:12px}.lab-inspector>section{padding:17px 13px}.lab-inspector .event-log{grid-column:1/-1}.lab-inspector h2{font-size:12px}.lab-heading p{max-width:235px}.lab-heading .badge{font-size:8px}.game-scene{padding:20px 15px 14px}.board-toolbar{margin-bottom:9px}.game-board{gap:2px}.board-cell img{height:100%;width:100%}.play-controls{margin-top:16px}.board-instruction{font-size:9px}.board-frame{padding:5px}.game-hud{margin-bottom:15px}.game-goals{gap:15px}.goal{font-size:9px}.goal>strong{font-size:21px}.goal img{width:30px;height:33px}.move-counter{width:70px}.move-counter strong{font-size:32px}.chain-tile{font-size:25px}.spinner-tile{font-size:30px}.level-detail{grid-template-columns:1fr;padding:30px 23px}.level-detail-board{max-height:440px}.code-distribution{grid-template-columns:1fr 1fr}.level-inspector pre{max-height:200px}.article-detail{padding:35px 25px}.article-detail .article-summary{font-size:12px}.article-detail section p{font-size:11px}.article-detail h1{font-size:24px}.dialog-close{margin:10px 10px 0 0;top:10px;right:10px}.sprite-grid{grid-template-columns:repeat(2,1fr);gap:12px}.tree-node summary{min-width:380px}.tree-component{max-width:180px}.tree-panel{padding:12px 4px}.motion-workbench{padding:20px}.motion-stage{height:210px}.prose{padding:23px}.tabbar{gap:19px}.tabbar button{font-size:11px}.experiment-steps{grid-template-columns:1fr;gap:17px;margin:20px 0}.experiment-steps p{font-size:11px}.scope-grid{gap:15px}.source-summary{align-items:start}.source-summary img{width:38px;height:38px;border-radius:9px}.source-summary h2{font-size:12px}.source-summary p{font-size:8px}.chart-panel .section-heading{align-items:start}.chart-panel h2{font-size:15px}.bar-chart{overflow:visible;gap:2px}.chart-column{min-width:0}.chart-column span{display:none}.chart-column small{font-size:7px}.enum-values{grid-template-columns:1fr}.source-row{font-size:10px}.section-heading>a{max-width:85px;white-space:nowrap}.small-label{font-size:9px}#toast{left:50%;width:calc(100% - 30px);font-size:11px;bottom:18px}.filter-pills{margin-bottom:18px}.config-entry{padding:0 15px}.config-entry summary{font-size:10px;gap:8px}.game-bottom{font-size:9px}.lab-notice{margin-top:15px}}
.mobile-sidebar-close{display:none}.audio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:20px}.audio-card{padding:18px;min-width:0}.audio-card strong{font-size:12px;display:block;overflow-wrap:anywhere}.audio-card small{display:block;font-size:9px;color:#91a1aa;margin:6px 0 13px}.audio-card audio{width:100%;height:32px}.original-motion{margin-top:25px}@media(max-width:1000px){.audio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.mobile-sidebar-close{display:flex;position:absolute;right:4px;top:4px;color:#9eb5c4;width:25px;height:25px;min-width:25px}}@media(max-width:520px){.audio-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.hero-demo{transform:none}}