@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&display=swap";.account-shell{color:#17202a;text-align:left;width:min(1180px,100vw - 28px);margin:0 auto;padding:24px 0 32px}.account-login-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.account-login-card{background:#fff;border:1px solid #d8e1ea;border-radius:8px;gap:16px;width:min(420px,100%);padding:24px;display:grid}.account-login-card h1,.admin-topbar h1{margin:0;font-size:28px}.account-login-card p,.admin-topbar p,.admin-student-header p,.admin-events p{color:#5b6b7a;margin:0;font-size:13px}.account-login-card form,.admin-actions section{gap:12px;display:grid}.account-login-card label,.admin-actions label{color:#405264;gap:6px;font-size:13px;font-weight:700;display:grid}.account-login-card input,.admin-actions input,.admin-actions select{color:#182536;box-sizing:border-box;background:#fbfdff;border:1px solid #d4dde7;border-radius:8px;width:100%;padding:9px 10px}.account-back-link,.admin-topbar a{color:#235db4;font-weight:700;text-decoration:none}.account-error,.account-success{border-radius:8px;padding:10px 12px;font-size:13px;display:block}.account-error{color:#9f1d20;background:#fff1f1;border:1px solid #f0b9b9}.account-success{color:#176137;background:#edf9f1;border:1px solid #b9e2c8}.student-layout .growth-v1-form{grid-row:1}.student-empty-role{font-size:8px;position:absolute;top:18px;left:8px}.student-readonly-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.student-readonly-grid span{color:#627284;background:#f6f9fc;border:1px solid #dce5ee;border-radius:8px;gap:5px;padding:10px;font-size:12px;display:grid}.student-readonly-grid strong{color:#182536;font-size:14px}.student-device-panel{grid-column:2}.student-device-status{background:#f6f9fc;border:1px solid #dce5ee;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.student-device-status span{color:#627284;font-size:12px}.student-device-status strong{color:#182536;font-size:14px}.student-device-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.student-device-actions button{min-height:36px}.student-clock-drift{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.student-clock-drift label{color:#627284;gap:6px;font-size:12px;font-weight:700;display:grid}.student-clock-drift input{color:#182536;box-sizing:border-box;background:#fbfdff;border:1px solid #d4dde7;border-radius:8px;width:100%;min-height:36px;padding:8px 10px}.student-clock-drift button{min-height:36px}.student-clock-drift p{color:#627284;grid-column:1/-1;margin:0;font-size:12px;line-height:1.5}.account-badge-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.account-badge-slot{background:#f6f9fc;border:1px solid #dce5ee;border-radius:8px;gap:5px;min-height:54px;padding:10px;display:grid}.account-badge-slot span{color:#627284;font-size:12px}.account-badge-slot strong{font-size:13px}.admin-shell{width:min(1280px,100vw - 28px)}.admin-topbar,.admin-student-list,.admin-panel{background:#fff;border:1px solid #d8e1ea;border-radius:8px}.admin-topbar{justify-content:space-between;gap:16px;padding:20px 22px;display:flex}.admin-role-editor-link{margin-left:16px;display:inline-block}.admin-layout{grid-template-columns:280px minmax(0,1fr);gap:14px;margin-top:14px;display:grid}.admin-student-list{align-content:start;gap:8px;max-height:calc(100vh - 150px);padding:14px;display:grid;overflow:auto}.admin-student-list h2,.admin-panel h2,.admin-panel h3{margin:0}.admin-student-list button{text-align:left;background:#f7fafc;border:1px solid #dce5ee;border-radius:8px;gap:4px;padding:10px;display:grid}.admin-student-list button.active{color:#fff;background:#245fc4;border-color:#245fc4}.admin-student-list span{opacity:.78;font-size:12px}.admin-panel{gap:16px;padding:18px;display:grid}.admin-role-editor-shell{width:min(1120px,100vw - 28px)}.admin-role-editor-layout{grid-template-columns:280px minmax(0,1fr);gap:14px;margin-top:14px;display:grid}.admin-role-editor-tools,.admin-role-editor-canvas-panel{background:#fff;border:1px solid #d8e1ea;border-radius:8px}.admin-role-editor-tools{align-content:start;gap:14px;padding:16px;display:grid}.admin-role-editor-tools label{color:#405264;gap:7px;font-size:13px;font-weight:700;display:grid}.admin-role-editor-tools select{color:#17202a;background:#fbfdff;border:1px solid #cbd7e3;border-radius:6px;width:100%;padding:9px 10px}.admin-role-editor-mode,.admin-role-editor-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.admin-role-editor-mode button,.admin-role-editor-actions button,.admin-role-editor-save{white-space:nowrap;min-height:38px}.admin-role-editor-mode button.active{color:#fff;background:#245fc4;border-color:#245fc4}.admin-role-editor-actions button:last-child{grid-column:1/-1}.admin-role-editor-preview{background:#f4f7fa;border:1px solid #dce5ee;border-radius:6px;grid-template-columns:1fr 72px;align-items:center;gap:12px;padding:10px;font-size:12px;display:grid}.admin-role-editor-preview canvas{width:64px;height:64px;image-rendering:pixelated;background:#fff;border:1px solid #17202a}.admin-role-editor-canvas-panel{justify-items:center;gap:12px;padding:18px;display:grid}.admin-role-editor-canvas-panel>strong{justify-self:start}.admin-role-editor-canvas{aspect-ratio:1;cursor:crosshair;width:min(512px,100%);image-rendering:pixelated;touch-action:none;background:#fff;border:2px solid #17202a}.admin-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.admin-actions section,.admin-badges,.admin-events{background:#f8fbfe;border:1px solid #dce5ee;border-radius:8px;gap:12px;padding:14px;display:grid}@media (width<=900px){.admin-topbar{flex-direction:column}.admin-layout,.admin-actions,.admin-role-editor-layout,.account-badge-grid{grid-template-columns:1fr}}:root{color:#17211b;font-synthesis:none;background:#edf2f6;font-family:Noto Sans SC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.control-shell{width:min(1500px,100vw - 32px);margin:0 auto;padding:24px 0 28px}.hero{color:#fff;background:linear-gradient(120deg,#1e88d8,#18c5d4);border-radius:18px 18px 0 0;justify-content:space-between;align-items:center;gap:24px;min-height:148px;padding:28px 32px;display:flex}.logo-line{align-items:center;gap:12px;font-size:30px;line-height:1.2;display:flex}.logo-line span{background:#ffffff2e;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.hero p{color:#ffffffe0;margin:12px 0 0}.hero-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}button,.file-line,select,input,textarea{border:1px solid #d5dde6;border-radius:10px}button{color:#243447;background:#fff;padding:10px 14px}button:hover{border-color:#91a5ba}button.primary,.primary{color:#fff;background:#2667d8;border-color:#2667d8}.status-grid{background:#fff;border:1px solid #d9e2eb;border-top:0;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;padding:16px;display:grid}.info-card{background:#f7f9fb;border:1px solid #dce5ee;border-radius:14px;padding:14px}.info-card span{color:#5d6c7a;font-size:12px;display:block}.info-card strong{color:#162235;margin-top:6px;font-size:15px;display:block}.info-card.good{background:#ebf8f0;border-color:#b9dfc8}.info-card.bad{background:#fff0f0;border-color:#efb8b8}.main-tabs{background:#fff;border-left:1px solid #d9e2eb;border-right:1px solid #d9e2eb;gap:2px;padding:0 16px;display:flex;overflow-x:auto}.main-tabs button{color:#526375;background:0 0;border:0;border-bottom:3px solid #0000;border-radius:0;min-width:120px;padding:15px 18px}.main-tabs button.active{color:#1f5fbf;background:#f2f8ff;border-bottom-color:#1f83e2;font-weight:700}.main-layout{background:#f5f7fa;border:1px solid #d9e2eb;border-top:0;border-radius:0 0 18px 18px;grid-template-columns:minmax(0,1fr) 420px;gap:16px;padding:16px;display:grid}.panel-area{min-width:0}.grid{gap:16px;display:grid}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card,.preview-panel{background:#fff;border:1px solid #dce5ee;border-radius:16px;padding:20px}.card.wide{grid-column:1/-1}.card h2{color:#17263a;margin:0 0 14px;font-size:18px}.card-title-row,.preview-head,.action-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.card>*+*,.preview-panel>*+*{margin-top:12px}input,select,textarea{color:#1c2938;background:#fbfdff;width:100%;padding:10px 12px}textarea{resize:vertical}.small-textarea{min-height:92px}.command-editor{min-height:360px;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.55}label{color:#435466;font-size:13px;font-weight:600;display:block}.file-line{color:#245991;text-align:center;background:#f3f8ff;padding:12px;display:block}.button-grid,.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.slot-row{flex-wrap:wrap;gap:8px;display:flex}.slot-row button.selected,.resolution-row button.selected,.color-row button.selected{color:#fff;background:#17263a;border-color:#17263a}.color-row{flex-wrap:wrap;gap:8px;display:flex}.color-row .red{color:#a72222;border-color:#efb4b4}.color-row .red.selected{color:#fff;background:#d12f2f;border-color:#d12f2f}.preview-panel{align-self:start;position:sticky;top:16px}.preview-head strong,.preview-head span{display:block}.preview-head span{color:#617282;margin-top:4px;font-size:12px}.resolution-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.epd-stage{background:#e8edf3;border:1px solid #d3dde8;border-radius:14px;place-items:center;min-height:360px;padding:22px;display:grid;overflow:auto}.epd-stage canvas{width:min(100%,360px);height:auto;image-rendering:pixelated;touch-action:none;background:#fff;border:10px solid #2e3a45;border-radius:8px}.hint{color:#68788a;font-size:13px;line-height:1.55}.muted-list,.item-list,.error-list,.log-list,.file-list{margin:0;padding:0;list-style:none}.muted-list li{color:#5d6c7a;padding:6px 0}.check-line{align-items:center;gap:8px;font-weight:500;display:flex}.check-line input{width:auto}.item-list li,.log-list li,.file-list li{border-bottom:1px solid #eef2f6;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}button:disabled{cursor:not-allowed;color:#8b98a6;background:#edf1f5;border-color:#d9e1e9}.ok-text{color:#247344}.error-text{color:#a32929}.log-list li{grid-template-columns:84px 140px minmax(0,1fr);align-items:start;display:grid}.log-list time{color:#637487;font-size:12px}.log-list strong{color:#1d324d}.log-list span{color:#48596b}.error-list{color:#a32929;background:#fff1f1;border-radius:12px;padding:12px}.empty{color:#6b7887;background:#f5f8fb;border-radius:12px;margin:0;padding:18px}@media (width<=1100px){.status-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.main-layout{grid-template-columns:1fr}.preview-panel{position:static}}@media (width<=760px){.control-shell{width:min(100vw - 16px,1500px);padding-top:8px}.hero{flex-direction:column;align-items:flex-start;padding:22px}.logo-line{font-size:22px}.hero-actions{justify-content:flex-start}.status-grid,.grid.two{grid-template-columns:1fr}.main-layout{padding:10px}.card,.preview-panel{padding:16px}.log-list li{grid-template-columns:1fr}}.asset-picker{color:#17202a;text-align:left;grid-template-columns:minmax(0,1fr) 340px;gap:16px;width:min(1380px,100vw - 28px);min-height:100svh;margin:0 auto;padding:18px 0 28px;display:grid}.asset-browser,.asset-card{background:#fff;border:1px solid #d8e1ea;border-radius:8px}.asset-browser{padding:16px}.asset-header,.asset-controls{justify-content:space-between;align-items:center;gap:12px;display:flex}.asset-header h1{margin:0 0 4px;font-size:26px}.asset-header p,.asset-card p{color:#607080;margin:0;font-size:13px}.asset-header button,.asset-card button,.asset-tabs button{color:#17202a;cursor:pointer;background:#f6f9fc;border:1px solid #cbd8e4;border-radius:6px;height:38px;padding:0 14px;font-weight:700}.asset-header button,.asset-card button{color:#fff;background:#235db4;border-color:#235db4}.asset-controls{margin:16px 0}.asset-tabs{gap:8px;display:flex}.asset-tabs button.active,.category-tabs button.active{color:#fff;background:#17202a;border-color:#17202a}.category-tabs{flex-wrap:wrap;gap:8px;margin:0 0 14px;display:flex}.category-tabs button{color:#17202a;cursor:pointer;background:#f6f9fc;border:1px solid #cbd8e4;border-radius:6px;height:34px;padding:0 12px;font-weight:700}.asset-controls input{color:#17202a;box-sizing:border-box;background:#fff;border:1px solid #cbd8e4;border-radius:6px;width:min(420px,45%);height:38px;padding:0 12px}.asset-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;height:calc(100svh - 160px);min-height:520px;padding-right:4px;display:grid;overflow:auto}.asset-grid button{color:#40505f;cursor:pointer;background:#f8fbfd;border:1px solid #d5e0ea;border-radius:7px;grid-template-rows:68px 1fr;place-items:center;gap:6px;min-height:108px;padding:8px 6px;display:grid}.asset-grid button.selected{background:#e9f1ff;border-color:#235db4;box-shadow:inset 0 0 0 2px #235db4}.asset-grid button.active{border-color:#111827}.asset-grid img,.role-preview img{image-rendering:pixelated;max-width:48px;max-height:48px}.asset-grid span{color:#506070;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:11px;line-height:1.2;overflow:hidden}.role-tile-preview{grid-template-columns:1fr 1fr;place-items:center;gap:4px;width:100%;height:68px;display:grid}.role-tile-preview img{object-fit:contain;max-width:32px;max-height:32px}.mini-animation{image-rendering:pixelated;transform-origin:50%;background-repeat:no-repeat;display:block;transform:scale(1.5)}.asset-side{align-content:start;gap:12px;display:grid}.asset-card{padding:14px}.asset-card h2{margin:0 0 10px;font-size:17px}.asset-card strong{word-break:break-all;margin:10px 0;font-size:13px;display:block}.role-preview{background:#f6f9fc;border:1px solid #d8e1ea;border-radius:7px;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:10px;min-height:230px;max-height:430px;padding:10px;display:grid;overflow:auto}.role-preview img{image-rendering:pixelated}.portrait-strip{border-bottom:1px solid #dbe5ef;flex-wrap:wrap;grid-column:1/-1;gap:8px;padding-bottom:10px;display:flex}.variant-count{background:#e9f1ff;border:1px solid #c9daf4;border-radius:6px;grid-column:1/-1;padding:6px 8px}.portrait-strip button{cursor:pointer;background:#fff;border:1px solid #dbe5ef;border-radius:6px;width:58px;height:58px;padding:2px}.portrait-strip button.active{border-color:#235db4;box-shadow:inset 0 0 0 2px #235db4}.portrait-strip img{object-fit:contain;width:52px;height:52px}.sprite-animation{background:#fff;border:1px solid #dbe5ef;border-radius:6px;justify-items:center;gap:6px;margin:0;padding:8px 4px;display:grid}.sprite-animation>div{image-rendering:pixelated;transform-origin:50%;transform:scale(1.75)}.sprite-animation>img{max-width:100px;max-height:100px}.sprite-animation figcaption{color:#506070;margin-top:14px;font-size:11px;line-height:1.2}.export-card textarea{resize:vertical;box-sizing:border-box;color:#17202a;background:#f8fbfd;border:1px solid #d8e1ea;border-radius:6px;width:100%;height:220px;padding:10px;font:12px/1.4 ui-monospace,Consolas,monospace}@media (width<=900px){.asset-picker{grid-template-columns:1fr}.asset-grid{height:auto;min-height:420px}.asset-controls,.asset-header{flex-direction:column;align-items:stretch}.asset-controls input{width:100%}}@font-face{font-family:"Fusion Pixel 8px SC";src:url(/fonts/fusion-pixel-8px-monospaced-sc.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Fusion Pixel 10px SC";src:url(/fonts/fusion-pixel-10px-monospaced-sc.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Fusion Pixel 12px SC";src:url(/fonts/fusion-pixel-12px-monospaced-sc.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}:root{color:#17202a;background:#edf2f5}.growth-v1-shell{text-align:left;width:min(1320px,100vw - 28px);margin:0 auto;padding:18px 0 28px}.growth-v1-topbar,.growth-v1-panel,.growth-v1-preview-panel{background:#fff;border:1px solid #d8e1ea;border-radius:8px}.growth-v1-topbar{justify-content:space-between;gap:18px;padding:22px 24px;display:flex}.growth-v1-topbar a{color:#235db4;font-weight:700;text-decoration:none}.growth-v1-topbar h1{margin:8px 0;font-size:30px}.growth-v1-topbar p,.growth-v1-log p{color:#5b6b7a;margin:0;font-size:13px}.growth-v1-device{background:#f6f9fc;border:1px solid #dce5ee;border-radius:8px;grid-template-columns:repeat(2,minmax(112px,1fr));gap:8px;min-width:330px;padding:14px;display:grid}.growth-v1-device span,.growth-v1-device strong{grid-column:1/-1}.growth-v1-device .device-fallback{color:#1e4f9d;white-space:normal;background:#edf5ff;border:1px solid #77a7e8;grid-column:1/-1;min-height:38px;font-weight:700}.growth-v1-layout{grid-template-columns:minmax(820px,1fr) 360px;grid-auto-rows:min-content;align-items:start;gap:14px;margin-top:16px;display:grid}.growth-v1-layout>.growth-v1-panel:first-child{grid-area:1/2}.growth-v1-form{grid-area:2/2}.growth-v1-layout>.growth-v1-panel:nth-child(3){grid-area:3/2}.growth-v1-left-column{grid-area:1/1/span 3;grid-template-rows:auto minmax(220px,1fr);align-self:stretch;gap:14px;min-width:0;display:grid}.growth-v1-panel,.growth-v1-preview-panel{gap:12px;padding:16px;display:grid}.growth-v1-panel h2{margin:0;font-size:16px}.growth-v1-form label,.growth-v1-badge-form label{color:#405264;gap:6px;font-size:13px;font-weight:700;display:grid}.growth-v1-form input,.growth-v1-form select,.growth-v1-badge-form select{color:#182536;background:#fbfdff;border:1px solid #d4dde7;border-radius:8px;width:100%;padding:8px 10px}.growth-v1-form input[type=range]{accent-color:#245fc4;padding:0}.growth-v1-actions{flex-wrap:wrap;gap:8px;display:flex}.button-link{color:#fff;background:#245fc4;border:1px solid #245fc4;border-radius:8px;place-items:center;min-height:36px;padding:0 12px;font-size:13px;font-weight:700;text-decoration:none;display:inline-grid}.growth-v1-lottery{overflow:hidden}.growth-v1-lottery p{color:#5b6b7a;margin:0;font-size:12px;line-height:1.45}.growth-v1-lottery-stage{background:radial-gradient(circle,#ffd6666b,#0000 44%),linear-gradient(135deg,#151d2d,#273f66 54%,#17202f);border:1px solid #1b2c49;border-radius:8px;place-items:center;min-height:146px;display:grid;position:relative;overflow:hidden}.growth-v1-lottery-stage strong{color:#fff;text-align:center;text-shadow:0 1px 2px #00000059;font-size:13px;position:absolute;bottom:10px;left:12px;right:12px}.growth-v1-lottery-glow{border:2px solid #ffffffb3;border-radius:50%;width:112px;height:112px;position:absolute;box-shadow:0 0 28px #ffdf6875}.growth-v1-lottery.is-drawing .growth-v1-lottery-glow{animation:.72s linear infinite growth-v1-spin-ring}.growth-v1-color-character{z-index:1;image-rendering:pixelated;background:#ffffffe0;border:3px solid #fff;border-radius:8px;padding:8px;display:grid;position:relative;box-shadow:0 12px 24px #00000047}.growth-v1-color-character span{width:3px;height:3px}.growth-v1-color-character--64 span{width:.75px;height:.75px}.growth-v1-lottery-stage>.growth-v1-color-character{transform:scale(2)}.growth-v1-lottery.is-drawing .growth-v1-lottery-stage>.growth-v1-color-character{animation:.46s ease-in-out infinite alternate growth-v1-prize-pop}.growth-v1-lottery-strip{grid-template-columns:repeat(9,1fr);align-items:center;gap:5px;display:grid}.growth-v1-lottery-strip>span{opacity:.58;background:#f2f6fb;border:1px solid #d9e2ec;border-radius:6px;place-items:center;min-width:0;height:40px;display:grid;overflow:hidden}.growth-v1-lottery-strip>span .growth-v1-color-character{box-shadow:none;border:0;border-radius:0;padding:0;transform:scale(.58)}.growth-v1-lottery-strip>span.active{opacity:1;border-color:#245fc4;box-shadow:inset 0 0 0 2px #245fc429}.growth-v1-lottery-page{width:min(980px,100vw - 28px)}.growth-v1-lottery-standalone{gap:16px;margin-top:16px}.growth-v1-lottery-pools{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:min(100%,520px);margin:0 auto;display:grid}.growth-v1-lottery-pools button{white-space:nowrap;min-height:42px}.growth-v1-lottery-pools button.active{color:#fff;background:#2865c7;border-color:#2865c7}.growth-v1-lottery-standalone .growth-v1-lottery-stage{min-height:360px}.growth-v1-lottery-standalone .growth-v1-lottery-stage>.growth-v1-color-character{transform:scale(3.15)}.growth-v1-lottery-standalone.is-drawing .growth-v1-lottery-stage>.growth-v1-color-character{animation:.46s ease-in-out infinite alternate growth-v1-prize-pop-standalone}.growth-v1-lottery-standalone .growth-v1-lottery-glow{width:190px;height:190px}.growth-v1-lottery-standalone .growth-v1-lottery-strip{grid-template-columns:repeat(11,1fr)}.growth-v1-lottery-standalone .growth-v1-lottery-strip>span{height:58px}.growth-v1-lottery-actions{grid-template-columns:minmax(180px,1fr) minmax(160px,auto);gap:10px;display:grid}.growth-v1-lottery-actions button{min-height:42px}@keyframes growth-v1-spin-ring{0%{transform:rotate(0)scale(1)}to{transform:rotate(360deg)scale(1.04)}}@keyframes growth-v1-prize-pop{0%{transform:scale(1.92)}to{transform:scale(2.08)}}@keyframes growth-v1-prize-pop-standalone{0%{transform:scale(3.03)}to{transform:scale(3.27)}}.growth-v1-screen-mode{background:#f6f9fc;border:1px solid #dce5ee;border-radius:8px;gap:8px;padding:10px;display:grid}.growth-v1-screen-mode label{color:#203040;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.growth-v1-screen-mode input{margin:0}.growth-v1-screen-mode p{color:#5b6b7a;margin:0;font-size:12px;line-height:1.45}.growth-v1-badge-form{gap:10px;display:grid}.growth-v1-preview-panel{background:#dfe7ef;min-height:428px;overflow:hidden}.growth-v1-card{color:#000;width:250px;height:122px;image-rendering:pixelated;transform-origin:0 0;background:#fff;margin:10px 0 0 10px;font-family:"Fusion Pixel 8px SC",monospace;font-size:8px;line-height:1;position:relative;transform:scale(3.1)}.growth-v1-title,.growth-v1-avatar,.growth-v1-status,.growth-v1-badges{box-sizing:border-box;background:#fff;border:2px solid #000;position:absolute}.growth-v1-title{width:242px;height:18px;font-family:"Fusion Pixel 12px SC",monospace;font-size:12px;top:4px;left:4px}.growth-v1-title span{position:absolute;top:3px}.growth-v1-title span:first-child{left:7px}.growth-v1-title span:last-child{right:8px}.growth-v1-avatar{width:86px;height:67px;padding:0;top:25px;left:4px}.growth-v1-avatar strong{display:none}.growth-v1-avatar strong:first-child{left:7px}.growth-v1-avatar strong:nth-child(2){right:7px}.growth-v1-character{transform-origin:0 0;width:32px;height:32px;display:grid;position:absolute;top:7px;left:19px;overflow:hidden;transform:scale(1.5)}.growth-v1-character span{width:2px;height:2px}.growth-v1-character--64{width:64px;height:64px;top:1px;left:11px;transform:none}.growth-v1-character--64 span{width:1px;height:1px}.growth-v1-character span.on{background:#000}.growth-v1-status{width:152px;height:67px;padding:0;top:25px;left:94px}.growth-v1-status>div:first-child{justify-content:space-between;font-family:"Fusion Pixel 12px SC",monospace;font-size:12px;display:flex;position:absolute;top:4px;left:7px;right:8px}.growth-v1-status strong{font-weight:400}.growth-v1-progress-line{width:152px;height:10px;margin:0;font-family:"Fusion Pixel 10px SC",monospace;font-size:10px;line-height:10px;display:block;position:absolute;left:0}.growth-v1-progress-line:nth-child(2){top:22px}.growth-v1-progress-line:nth-child(3){top:40px}.growth-v1-progress-line span:first-child,.growth-v1-progress-line span:last-child,.growth-v1-progress-line i{white-space:nowrap;letter-spacing:0;position:absolute;top:0}.growth-v1-progress-line span:first-child{width:25px;height:10px;font-family:"Fusion Pixel 10px SC",monospace;font-size:10px;line-height:10px;left:15px;overflow:visible}.growth-v1-progress-line:nth-child(3) span:first-child{width:29px;left:11px}.growth-v1-progress-line span:last-child{width:18px;height:10px;font-family:"Fusion Pixel 10px SC",monospace;font-size:10px;line-height:10px;left:125px}.growth-v1-progress-line i{box-sizing:border-box;border:2px solid #000;width:78px;height:8px;padding:1px;top:1px;left:40px}.growth-v1-progress-line b{background:#000;height:100%;display:block}.growth-v1-badges{width:242px;height:24px;padding:0;font-size:12px;display:block;top:95px;left:4px}.growth-v1-badges strong{font-family:"Fusion Pixel 12px SC",monospace;font-size:12px;font-weight:400;position:absolute;top:9px;left:8px}.growth-v1-badge-slot{place-items:center;width:16px;height:16px;display:grid;position:absolute;top:6px;overflow:hidden}.growth-v1-badge-slot:nth-child(2){left:48px}.growth-v1-badge-slot:nth-child(3){left:91px}.growth-v1-badge-slot:nth-child(4){left:132px}.growth-v1-badge-slot:nth-child(5){left:172px}.growth-v1-badge-slot:nth-child(6){left:209px}.growth-v1-badge-glyph{transform-origin:0 0;grid-template-rows:repeat(9,2px);grid-template-columns:repeat(9,2px);display:grid;transform:scale(.8889)}.growth-v1-badge-glyph span{width:2px;height:2px}.growth-v1-badge-glyph span.on{background:#000}.growth-v1-card--low212{width:212px;height:104px;margin:10px 0 0 10px;transform:scale(3.35)}.growth-v1-card--low212 .growth-v1-title{border:0;border-bottom:2px solid #000;width:212px;height:20px;font-family:"Fusion Pixel 10px SC",monospace;font-size:10px;top:0;left:0;overflow:hidden}.growth-v1-card--low212 .growth-v1-title span{white-space:nowrap;top:4px;overflow:hidden}.growth-v1-card--low212 .growth-v1-title span:first-child{width:142px;left:5px}.growth-v1-card--low212 .growth-v1-title span:last-child{width:auto;left:auto;right:6px}.growth-v1-card--low212 .growth-v1-avatar{width:67px;height:66px;top:19px;left:5px}.growth-v1-card--low212 .growth-v1-character{top:9px;left:9px;transform:scale(1.5)}.growth-v1-card--low212 .growth-v1-character--64{top:1px;left:1px;transform:none}.growth-v1-card--low212 .growth-v1-status{border:0;width:116px;height:50px;top:25px;left:88px}.growth-v1-card--low212 .growth-v1-status>div:first-child{justify-content:flex-start;gap:8px;font-family:"Fusion Pixel 10px SC",monospace;font-size:10px;top:0;left:0;right:0}.growth-v1-card--low212 .growth-v1-progress-line{width:116px;font-size:10px;left:0}.growth-v1-card--low212 .growth-v1-progress-line:nth-child(2){top:17px}.growth-v1-card--low212 .growth-v1-progress-line:nth-child(3){top:34px}.growth-v1-card--low212 .growth-v1-progress-line span:first-child{width:28px;left:0}.growth-v1-card--low212 .growth-v1-progress-line:nth-child(3) span:first-child{width:34px;left:-6px}.growth-v1-card--low212 .growth-v1-progress-line i{border-width:1px;width:78px;left:31px}.growth-v1-card--low212 .growth-v1-progress-line span:last-child{display:none}.growth-v1-card--low212 .growth-v1-badges{border:0;border-top:2px solid #000;width:212px;height:20px;top:84px;left:0}.growth-v1-card--low212 .growth-v1-badges strong{font-family:"Fusion Pixel 10px SC",monospace;font-size:10px;top:5px;left:8px}.growth-v1-card--low212 .growth-v1-badge-slot{top:3px}.growth-v1-card--low212 .growth-v1-badge-slot:nth-child(2){left:51px}.growth-v1-card--low212 .growth-v1-badge-slot:nth-child(3){left:81px}.growth-v1-card--low212 .growth-v1-badge-slot:nth-child(4){left:111px}.growth-v1-card--low212 .growth-v1-badge-slot:nth-child(5){left:141px}.growth-v1-card--low212 .growth-v1-badge-slot:nth-child(6){left:171px}.growth-v1-log{align-content:start;min-height:0;overflow:auto}.growth-v1-log p+p{margin-top:5px}.full{width:100%}button.primary{color:#fff;background:#245fc4;border-color:#245fc4}@media (width<=980px){.growth-v1-topbar{flex-direction:column}.growth-v1-device{width:100%;min-width:0}.growth-v1-layout{grid-template-columns:1fr}.growth-v1-layout>.growth-v1-panel:first-child,.growth-v1-form,.growth-v1-layout>.growth-v1-panel:nth-child(3),.growth-v1-left-column{grid-area:auto/1}.growth-v1-lottery-actions,.growth-v1-lottery-pools{grid-template-columns:1fr}.growth-v1-lottery-standalone .growth-v1-lottery-stage{min-height:280px}.growth-v1-preview-panel{min-height:360px}.growth-v1-card{transform:scale(2.55)}.growth-v1-card--low212{transform:scale(2.7)}}@font-face{font-family:"Fusion Pixel 8px SC";src:url(/fonts/fusion-pixel-8px-monospaced-sc.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Fusion Pixel 10px SC";src:url(/fonts/fusion-pixel-10px-monospaced-sc.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Fusion Pixel 12px SC";src:url(/fonts/fusion-pixel-12px-monospaced-sc.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}.section-shell{text-align:left;width:min(1560px,100vw - 28px);margin:0 auto;padding:18px 0 28px}.section-topbar{background:#fff;border:1px solid #d8e1ea;border-radius:8px;justify-content:space-between;gap:18px;padding:22px 24px;display:flex}.section-topbar h1{margin:8px 0;font-size:30px;line-height:1.15}.section-topbar p,.section-muted{color:#5b6b7a;margin:0;font-size:13px;line-height:1.55}.section-back,.preview-actions a{color:#235db4;font-weight:700;text-decoration:none}.section-device{background:#f6f9fc;border:1px solid #dce5ee;border-radius:8px;grid-template-columns:repeat(2,minmax(112px,1fr));gap:8px;min-width:330px;padding:14px;display:grid}.section-device span,.section-device strong{grid-column:1/-1}.section-layout{grid-template-columns:300px minmax(560px,1fr) 420px;align-items:start;gap:16px;margin-top:16px;display:grid}.section-sidebar,.section-editor,.section-preview,.section-preview-column{gap:14px;display:grid}.section-panel,.section-editor,.section-preview{background:#fff;border:1px solid #d8e1ea;border-radius:8px}.section-panel{padding:16px}.section-panel.compact{min-width:0}.section-panel h2{margin:0 0 12px;font-size:16px}.section-panel>*+*{margin-top:10px}.section-panel label{color:#405264;font-size:13px;font-weight:700;display:block}.section-panel input,.section-panel select{color:#182536;background:#fbfdff;border:1px solid #d4dde7;border-radius:8px;width:100%;margin-top:6px;padding:8px 10px}.section-panel input[type=range]{accent-color:#245fc4;padding:0}.region-list{gap:8px;display:grid}.region-list button,.preset-item button:first-child{color:#243447;text-align:left;background:#fbfdff;border:1px solid #d4dde7;border-radius:8px;gap:3px;width:100%;padding:10px 12px;display:grid}.region-list button.selected{color:#fff;background:#245fc4;border-color:#245fc4}.region-list span,.preset-item span{opacity:.78;font-size:12px}.number-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.segmented,.section-actions,.preview-actions{flex-wrap:wrap;gap:8px;display:flex}button,.preview-actions a{color:#243447;cursor:pointer;background:#fff;border:1px solid #d4dde7;border-radius:8px;padding:9px 11px}button.primary,.segmented button.selected,.section-device button.primary{color:#fff;background:#245fc4;border-color:#245fc4}.pattern-tools{gap:10px;padding-top:2px;display:grid}.section-tools .pattern-tools{display:none}.pattern-dock .pattern-tools{display:grid}.pattern-head{color:#182536;justify-content:space-between;align-items:center;gap:8px;display:flex}.pattern-head strong:first-child:not(:last-child){display:none}.pattern-head span{color:#5f7082;font-size:12px;font-weight:700}.pattern-filters{gap:8px;display:grid}.pattern-filters select,.pattern-filters input{margin-top:0}.pattern-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:310px;padding-right:3px;display:grid;overflow:auto}.pattern-tile{align-content:center;justify-items:center;gap:5px;min-height:70px;padding:7px 5px;font-size:12px;line-height:1.1;display:grid;overflow:hidden}.pattern-tile span:last-child{text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}.pattern-tile.selected{color:#fff;background:#245fc4;border-color:#245fc4}.pattern-preview{background:#f8fbff;border:1px solid #d4dde7;border-radius:4px;gap:1px;padding:5px;display:grid}.pattern-preview.empty,.pattern-image-preview{width:34px;height:34px}.pattern-image-preview{object-fit:contain;image-rendering:pixelated;background:#f8fbff;border:1px solid #d4dde7;border-radius:4px;padding:5px}.pattern-tile.selected .pattern-preview,.pattern-tile.selected .pattern-image-preview{background:#fff;border-color:#ffffffb8}.pattern-dot{background:0 0;width:4px;height:4px}.pattern-dot.on{background:#111820}.pattern-tools>.section-muted:last-child{display:none}button.full{width:100%}button.danger{color:#a32727;border-color:#efc8c8}.editor-head,.preview-head{border-bottom:1px solid #e3eaf1;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.editor-head strong,.editor-head span,.preview-head strong,.preview-head span{display:block}.editor-head span,.preview-head span{color:#68788a;margin-top:4px;font-size:13px}.region-stage{background:#dde7ef;min-height:430px;padding:22px;overflow:auto}.region-board{background:#fff;border:10px solid #26313c;border-radius:6px;margin:0 auto;position:relative;box-shadow:0 18px 46px #1e2d3c29}.region-board canvas,.preview-stage canvas{image-rendering:pixelated;display:block}.region-board canvas{touch-action:none}.region-board.show-grid:after{pointer-events:none;content:"";background-image:linear-gradient(90deg,#245fc438 1px,#0000 1px),linear-gradient(#245fc438 1px,#0000 1px);background-size:var(--pixel-zoom) var(--pixel-zoom);position:absolute;inset:0}.section-tools{grid-template-columns:1fr 1fr 1.4fr;gap:14px;padding:14px;display:grid}.text-panel{background:#fffdf8}.preset-list{gap:8px;max-height:290px;display:grid;overflow:auto}.preset-list p,.section-log p{color:#657386;margin:0;font-size:13px}.preset-item{grid-template-columns:1fr auto;gap:8px;display:grid}.section-preview{padding-bottom:16px}.section-preview-column{align-content:start}.pattern-dock{min-height:520px}.pattern-dock .pattern-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-height:430px}.preview-stage{background:#dfe7ef;padding:20px;overflow:auto}.preview-stage canvas{background:#fff;border:10px solid #26313c;border-radius:6px;width:100%;max-width:750px;height:auto;box-shadow:0 18px 46px #1e2d3c29}.preview-actions,.section-log{margin:0 16px}.section-log{background:#f6f9fc;border:1px solid #dce5ee;border-radius:8px;padding:14px}.section-log strong{margin-bottom:8px;display:block}.section-log p+p{margin-top:5px}.sample-panel{gap:12px;display:grid}.sample-panel-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.sample-panel-head h2{margin-bottom:4px}.sample-stage{background:#dfe7ef;border:1px solid #d6e0e9;border-radius:8px;padding:16px;overflow:auto}.growth-card-sample{color:#000;box-sizing:border-box;width:250px;height:122px;image-rendering:pixelated;transform-origin:top;background:#fff;border:2px solid #000;margin:0 auto;font-family:"Fusion Pixel 8px SC","Fusion Pixel 10px SC",monospace;font-size:8px;line-height:1;position:relative;transform:scale(1.72)}.sample-stage:after{content:"";height:90px;display:block}.growth-card-sample *{box-sizing:border-box}.sample-title,.sample-role-box,.sample-status-box,.sample-task-bar,.sample-badge-bar{background:#fff;border:2px solid #000;position:absolute}.sample-title{justify-content:space-between;align-items:center;height:16px;padding:0 7px;font-family:"Fusion Pixel 10px SC",monospace;font-size:10px;display:flex;top:4px;left:4px;right:4px}.sample-role-box{width:82px;height:61px;padding:5px 5px 3px;top:25px;left:6px}.sample-role-box strong,.sample-status-box strong{margin-bottom:3px;font-size:10px;font-weight:400;display:block}.sample-role-box em{text-align:center;background:#fff;border:1px solid #000;height:10px;font-style:normal;line-height:9px;display:block;position:absolute;bottom:4px;left:9px;right:9px}.sample-character-frame{background:#fff;border:1px solid #000;width:66px;height:34px;position:absolute;top:21px;left:9px;overflow:hidden}.sample-character{display:grid;position:absolute;top:-8px;left:-3px}.sample-character span{width:3px;height:3px}.sample-character span.on{background:#000}.sample-status-box{height:61px;padding:6px 8px;top:25px;left:94px;right:6px}.sample-status-box p{white-space:nowrap;margin:2px 0 7px;font-family:"Fusion Pixel 10px SC",monospace;font-size:10px;line-height:10px;overflow:hidden}.sample-stat-row{grid-template-columns:22px 1fr 20px;align-items:center;gap:5px;height:15px;font-size:8px;display:grid}.sample-stat-row b{font-weight:400}.sample-progress{border:2px solid #000;height:8px;padding:1px;display:block}.sample-progress span{background:#000;height:100%;display:block}.sample-task-bar{grid-template-columns:42px 64px 72px 1fr;align-items:center;height:15px;padding:0 8px;font-family:"Fusion Pixel 8px SC",monospace;font-size:8px;display:grid;top:89px;left:6px;right:6px}.sample-badge-bar{grid-template-columns:42px 83px 1fr;align-items:center;height:14px;padding:0 8px;font-size:8px;display:grid;bottom:3px;left:6px;right:6px}.sample-badge-bar>div{align-items:center;gap:5px;display:flex}.sample-badge-bar strong{justify-self:end;font-family:"Fusion Pixel 8px SC",monospace;font-size:8px;font-weight:400}.sample-badge{background:#fff;border:1px solid #000;justify-content:center;align-items:center;width:10px;height:10px;display:inline-flex;position:relative}.sample-badge.selected{outline-offset:1px;outline:1px solid #000}.sample-badge-dot{background:#000;width:4px;height:4px}.sample-badge-lock{background:#000;width:7px;height:1px;transform:rotate(-45deg)}@media (width<=1280px){.section-layout{grid-template-columns:280px minmax(520px,1fr)}.section-preview{grid-column:1/-1}}@media (width<=880px){.section-shell{width:min(100vw - 16px,1560px);padding-top:8px}.section-topbar{flex-direction:column}.section-device{min-width:0}.section-layout,.section-tools{grid-template-columns:1fr}.preview-stage canvas{width:100%}}.map-editor{color:#172033;background:#eef2f6;grid-template-columns:260px minmax(420px,1fr) 300px;height:100vh;font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif;display:grid;overflow:hidden}.map-sidebar,.map-inspector{background:#fff;border-right:1px solid #d9e0ea;min-height:0;padding:16px;overflow-y:auto}.map-inspector{border-left:1px solid #d9e0ea;border-right:0}.brand-block{align-items:center;gap:10px;margin-bottom:16px;display:flex}.brand-dot{background:#ff8f1f;border-radius:8px;width:34px;height:34px;box-shadow:inset 0 -4px #0000001f}.brand-block h1{margin:0;font-size:20px;line-height:1.2}.brand-block p{color:#667085;margin:2px 0 0;font-size:12px}.category-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px;display:grid}.category-tabs button,.group-tabs button,.toolbar-actions button,.export-actions button,.file-button{color:#22304a;min-height:34px;font:inherit;cursor:pointer;background:#f8fafc;border:1px solid #ccd6e4;border-radius:8px;padding:7px 10px}.category-tabs button.active{color:#fff;background:#4d97ff;border-color:#2d72d9}.group-tabs{flex-wrap:wrap;gap:6px;max-height:86px;margin-bottom:12px;padding-right:2px;display:flex;overflow-y:auto}.group-tabs button{border-radius:7px;min-height:28px;padding:5px 8px;font-size:12px}.group-tabs button.active{color:#2b1b00;background:#ffab19;border-color:#df8b00}.asset-list{gap:10px;display:grid}.asset-card{color:#172033;text-align:left;cursor:grab;background:#f6f8fb;border:2px solid #0000;border-radius:8px;grid-template-columns:58px 1fr;align-items:center;gap:10px;min-height:64px;padding:8px;display:grid}.asset-card.active{background:#fff6df;border-color:#ffab19}.asset-card span{font-size:14px;line-height:1.3}.asset-preview{width:52px;height:44px;image-rendering:pixelated;background:#dde7d0;border-radius:6px;place-items:center;display:grid;overflow:hidden}.asset-preview img{max-width:40px;max-height:40px;image-rendering:pixelated}.asset-crop-preview{image-rendering:pixelated;transform-origin:50%;background-repeat:no-repeat;flex:none}.map-workspace{grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid}.map-toolbar{background:#fff;border-bottom:1px solid #d9e0ea;justify-content:space-between;align-items:center;gap:16px;min-height:58px;padding:12px 18px;display:flex}.map-toolbar strong,.map-toolbar span{display:block}.map-toolbar span{color:#667085;margin-top:2px;font-size:12px}.toolbar-actions,.tool-actions,.export-actions{flex-wrap:wrap;gap:8px;display:flex}.tool-actions button{color:#22304a;min-height:34px;font:inherit;cursor:pointer;background:#f8fafc;border:1px solid #ccd6e4;border-radius:8px;padding:7px 12px}.tool-actions button.active{color:#fff;background:#4d97ff;border-color:#2d72d9}.toolbar-actions button:disabled,.export-actions button:disabled{opacity:.48;cursor:not-allowed}.stage-shell{background-color:#0000;background-image:linear-gradient(45deg,#dce4ef 25%,#0000 25%),linear-gradient(-45deg,#dce4ef 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#dce4ef 75%),linear-gradient(-45deg,#0000 75%,#dce4ef 75%);background-position:0 0,0 14px,14px -14px,-14px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;padding:24px;overflow:auto}.map-stage{image-rendering:pixelated;border:2px solid #2f3d52;display:inline-block;box-shadow:0 12px 28px #1823312e}.map-inspector section{border-bottom:1px solid #e4e9f1;padding:14px 0}.map-inspector h2{margin:0 0 10px;font-size:15px}.map-inspector label{color:#4b5565;gap:5px;margin-bottom:10px;font-size:13px;display:grid}.map-inspector input[type=number],.map-inspector textarea{box-sizing:border-box;color:#172033;width:100%;font:inherit;background:#fff;border:1px solid #ccd6e4;border-radius:8px;padding:8px 10px}.map-inspector input[type=range]{width:100%}.inline-control{align-items:center;grid-template-columns:none!important;gap:8px!important;display:flex!important}.inline-control input{width:auto}.selected-info{color:#475467;gap:5px;font-size:13px;display:grid}.selected-info strong{color:#172033}.muted{color:#667085;margin:0;font-size:13px}.file-button{place-items:center;display:inline-grid;position:relative;overflow:hidden}.file-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.map-inspector textarea{resize:vertical;min-height:180px;margin-top:10px;font-family:Consolas,Courier New,monospace;font-size:11px;line-height:1.45}.notice{color:#744b00;background:#fff6df;border-radius:8px;margin:14px 0 0;padding:10px;font-size:13px;line-height:1.45}@media (width<=1100px){.map-editor{grid-template-columns:220px minmax(360px,1fr)}.map-inspector{border-top:1px solid #d9e0ea;border-left:0;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;display:grid}}@media (width<=760px){.map-editor{grid-template-columns:1fr;height:auto;min-height:100vh;overflow:visible}.map-sidebar,.map-inspector{border:0}.map-inspector{display:block}.stage-shell{padding:14px}}.ninja-game-shell{color:#17202a;text-align:left;width:min(1280px,100vw - 28px);margin:0 auto;padding:18px 0 28px}.ninja-game-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.ninja-game-header a{color:#235db4;font-weight:700;text-decoration:none}.ninja-game-header h1{margin:8px 0 4px;font-size:28px;line-height:1.2}.ninja-game-header p{color:#607080;margin:0;font-size:13px}.ninja-game-open{background:#fff;border:1px solid #c9d5e3;border-radius:7px;padding:10px 14px}.ninja-game-frame{aspect-ratio:16/9;background:#000;border:1px solid #1b3328;border-radius:8px;width:100%;display:block}@media (width<=720px){.ninja-game-header{flex-direction:column}}.ninja-sample-shell{color:#17202a;text-align:left;grid-template-columns:minmax(0,1fr) 300px;gap:16px;width:min(1320px,100vw - 28px);margin:0 auto;padding:18px 0 28px;display:grid}.ninja-sample-panel,.ninja-sample-help{background:#fff;border:1px solid #d8e1ea;border-radius:8px}.ninja-sample-panel{padding:16px;position:relative}.ninja-sample-panel header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:12px;display:flex}.ninja-sample-panel a{color:#235db4;font-weight:700;text-decoration:none}.ninja-sample-panel h1{margin:8px 0 4px;font-size:28px;line-height:1.2}.ninja-sample-panel p,.ninja-sample-help p{color:#607080;margin:0 0 8px;font-size:13px;line-height:1.5}.ninja-sample-panel button{color:#fff;cursor:pointer;background:#2765c5;border:0;border-radius:7px;min-width:76px;padding:10px 14px;font-weight:700}.ninja-sample-panel canvas{aspect-ratio:16/9;width:100%;image-rendering:pixelated;background:#13251d;border:1px solid #1b3328;border-radius:8px;display:block}.ninja-sample-loading{background:#09121cc7;border-radius:6px;padding:8px 10px;position:absolute;bottom:30px;left:30px;color:#fff!important}.ninja-sample-help{align-self:start;padding:16px}.ninja-sample-help h2{margin:0 0 10px;font-size:18px;line-height:1.25}.ninja-sample-help h2:not(:first-child){margin-top:18px}@media (width<=900px){.ninja-sample-shell{grid-template-columns:1fr}.ninja-sample-panel header{flex-direction:column}}:root{color:#17202a;background:#eef3f7;font-family:Noto Sans SC,Microsoft YaHei,system-ui,sans-serif}.pixel-shell{text-align:left;width:min(1480px,100vw - 28px);margin:0 auto;padding:22px 0 28px}.pixel-topbar{background:#fff;border:1px solid #dce4ec;border-radius:8px;justify-content:space-between;gap:18px;padding:24px;display:flex}.pixel-topbar h1{margin:8px 0;font-size:30px;line-height:1.15}.pixel-topbar p,.muted{color:#5b6b7a;margin:0}.pixel-back,.board-actions a{color:#235db4;font-weight:700;text-decoration:none}.pixel-device{background:#f6f9fc;border:1px solid #dce5ee;border-radius:8px;grid-template-columns:repeat(2,minmax(110px,1fr));gap:8px;min-width:320px;padding:14px;display:grid}.pixel-device span,.pixel-device strong{grid-column:1/-1}.pixel-layout{grid-template-columns:1fr;gap:16px;min-width:0;margin-top:16px;display:grid}.pixel-workspace,.pixel-tools,.pixel-log,.pixel-stage{min-width:0}.pixel-tools{grid-template-columns:repeat(4,minmax(0,1fr));align-self:start;gap:14px;display:grid}.tool-card,.pixel-workspace,.pixel-log{background:#fff;border:1px solid #dce4ec;border-radius:8px;padding:18px}.tool-card h2{margin:0 0 12px;font-size:17px}.tool-card>*+*,.pixel-workspace>*+*{margin-top:12px}.tool-card label{color:#405264;font-size:13px;font-weight:700;display:block}.tool-card input,.tool-card select{color:#182536;background:#fbfdff;border:1px solid #d4dde7;border-radius:8px;width:100%;margin-top:6px;padding:9px 10px}.tool-card input[type=range]{accent-color:#2563c7;padding:0}.segmented,.action-grid,.board-actions{flex-wrap:wrap;gap:8px;display:flex}.segmented button,.action-grid button,.pixel-device button{color:#243447;background:#fff;border:1px solid #d4dde7;border-radius:8px;padding:9px 11px}.segmented button.selected,button.primary,.pixel-device button.primary{color:#fff;background:#2563c7;border-color:#2563c7}.file-line{color:#245991;text-align:center;background:#f3f8ff;border:1px solid #d4dde7;border-radius:8px;padding:12px;display:block}.file-line input{display:none}.check-line{align-items:center;gap:8px;display:flex!important}.check-line input{width:auto;margin:0}.board-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.board-head strong,.board-head span{display:block}.board-head span{color:#68788a;margin-top:4px;font-size:13px}.pixel-stage{box-sizing:border-box;background:#dfe7ef;border:1px solid #cbd7e4;border-radius:8px;max-width:100%;min-height:710px;padding:24px;overflow:auto}.pixel-board{background:#fff;border:10px solid #26313c;border-radius:6px;margin:0 auto;position:relative;box-shadow:0 18px 48px #1e2d3c2e}.pixel-board canvas{image-rendering:pixelated;touch-action:none;display:block}.pixel-board.show-grid:after{pointer-events:none;content:"";background-image:linear-gradient(90deg,#2563c738 1px,#0000 1px),linear-gradient(#2563c738 1px,#0000 1px);background-size:var(--pixel-zoom) var(--pixel-zoom);position:absolute;inset:0}.pixel-log{background:#f6f9fc}.pixel-log strong{margin-bottom:8px;display:block}.pixel-log p{color:#536476;margin:4px 0;font-size:13px}@media (width<=1060px){.pixel-topbar{flex-direction:column}.pixel-device{min-width:0}.pixel-tools{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.pixel-shell{width:min(100vw - 16px,1480px);padding-top:8px}.pixel-topbar h1{font-size:24px}.board-head{flex-direction:column;align-items:flex-start}.pixel-tools{grid-template-columns:1fr}}