:root{--cell-size: 34px;--app-pad: 24px;--palette-control-size: 40px;--palette-hex-width: 130px}.app{max-width:1100px;margin:0 auto;padding:var(--app-pad);color:#e7eefc;width:100%;box-sizing:border-box}h1,h2{margin:0 0 12px}h1{font-size:clamp(1.25rem,4vw,1.75rem)}.panel{background:#102246;border:1px solid #22437a;border-radius:10px;padding:14px;margin-bottom:14px}.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.mode-switcher{display:inline-flex;gap:8px;flex-wrap:wrap}.mode-tab.active{background:#29518f;border-color:#90b8ff}.row{display:flex;align-items:center;gap:10px}.field{display:flex;flex-direction:column;gap:8px}.checkbox-field{justify-content:flex-end}.checkbox-field input{width:18px;height:18px;margin:0}.input{border:1px solid #365f9f;background:#0c1a38;color:#e7eefc;border-radius:8px;padding:8px 10px}.input.color{width:var(--palette-hex-width);min-width:0;flex:0 0 var(--palette-hex-width);max-width:100%}.input.number{width:auto;min-width:0;flex:0 0 auto;max-width:100%;box-sizing:border-box;field-sizing:content;font-variant-numeric:tabular-nums;text-align:center;min-inline-size:2.25ch}.palette-list{display:flex;flex-direction:column;gap:8px}.palette-item{display:flex;align-items:center;gap:10px;width:100%;border:1px solid #2f4f83;border-radius:8px;padding:8px 10px;cursor:pointer;box-sizing:border-box}.palette-item-fields{display:flex;align-items:center;flex-wrap:wrap;gap:8px;flex:0 0 auto;width:fit-content;max-width:100%;min-height:var(--palette-control-size)}.palette-item-fields .input.color,.palette-item-fields .input.number{height:var(--palette-control-size);min-height:var(--palette-control-size);box-sizing:border-box;padding:0 10px;line-height:1.2}.palette-item-fields .input.number,.palette-new .input.number{padding-left:8px;padding-right:8px}.palette-item-delete{margin-left:auto;flex-shrink:0}.palette-item.active{border-color:#78a0e4;box-shadow:inset 0 0 0 1px #78a0e4}.swatch{width:var(--palette-control-size);height:var(--palette-control-size);flex-shrink:0;border-radius:8px;border:1px solid #18386a;box-sizing:border-box}.palette-new{margin-top:10px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:var(--palette-control-size)}.palette-new .input.color,.palette-new .input.number{height:var(--palette-control-size);min-height:var(--palette-control-size);box-sizing:border-box;padding:0 10px;line-height:1.2}.btn{border:1px solid #3f65a3;background:#193566;color:#e7eefc;border-radius:8px;padding:8px 12px;cursor:pointer}.btn:hover{border-color:#84a7e3}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:#1e7e4f;border-color:#32a36c}.btn.danger{background:#7c2d42;border-color:#aa4862}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:8px;border:1px solid #3f65a3;background:#193566;color:#e7eefc;cursor:pointer;flex-shrink:0}.btn-icon:hover{border-color:#84a7e3}.btn-icon-danger{border-color:#aa4862;background:#5c2434;color:#f0c8d0}.btn-icon-danger:hover{border-color:#e07a92;background:#7c2d42}.icon-trash{width:20px;height:20px;display:block}.btn-icon-eraser{border-color:#5a6b8a;background:#243a5c}.btn-icon-eraser:hover{border-color:#84a7e3}.btn-icon-eraser.active-eraser{border-color:#c09f43;background:#6f5a1f;color:#fff8e6;box-shadow:inset 0 0 0 1px #ffffff1f}.btn-icon-fill{border-color:#4a7a9e;background:#1e4a6e}.btn-icon-fill:hover{border-color:#6eb0e0}.btn-icon-fill.active-fill{border-color:#5cb88a;background:#1e6b4a;color:#e8fff4;box-shadow:inset 0 0 0 1px #ffffff1f}.icon-fill{width:20px;height:20px;display:block}.cell-fill-mode{cursor:cell}.icon-eraser{width:20px;height:20px;display:block}.btn.active-eraser{background:#6f5a1f;border-color:#c09f43}.grid-scroll{width:100%;max-width:100%;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;padding-bottom:4px;user-select:none;-webkit-user-select:none}.grid{width:fit-content;max-width:none;display:grid;grid-template-columns:repeat(12,var(--cell-size));grid-template-rows:repeat(12,var(--cell-size));gap:4px;margin:0 auto;user-select:none;-webkit-user-select:none}.cell{width:var(--cell-size);height:var(--cell-size);min-width:var(--cell-size);min-height:var(--cell-size);border:1px solid #395c96;border-radius:6px;padding:0;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.move-pad{display:inline-flex;flex-direction:column;gap:4px;padding:6px;border:1px solid #2f4f83;border-radius:10px;background:#0c1a38}.move-pad-row{display:flex;align-items:center;justify-content:center;gap:4px}.move-pad-cell{width:44px;height:44px;flex-shrink:0}.move-pad-center{opacity:.25;border-radius:6px;border:1px dashed #395c96}.btn-icon-move{border-color:#4a6fa3;background:#1a3358}.btn-icon-move:hover{border-color:#7eb0e8;background:#224772}.icon-arrow-move{width:22px;height:22px;display:block}.output{margin:0;white-space:pre;overflow-x:auto;padding:12px;border-radius:8px;background:#0c1730;border:1px solid #2b4677}.error{margin:8px 0;color:#ffb8c7}.hint{margin:0 0 10px;opacity:.9}.history-list{display:flex;flex-direction:column;gap:8px}.history-item{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #2f4f83;border-radius:8px;padding:8px 10px;flex-wrap:wrap}.generator-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:16px}.binary-viewer-controls{display:grid;gap:12px}.mission-list{display:grid;gap:10px}.mission-card{border:1px solid #2f4f83;border-radius:10px;padding:12px;background:#0c1a38}.mission-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.mission-badge{padding:4px 8px;border-radius:999px;background:#1e6b4a;border:1px solid #4db57e;font-size:.85rem;text-transform:capitalize}.mission-line{margin:0}.mission-line+.mission-line{margin-top:6px}.mission-targets{display:grid;gap:8px;margin-top:10px}.mission-target-item{border:1px solid #2f4f83;border-radius:8px;background:#12254a;padding:8px 10px}.mission-line-bonus{color:#ffd98f}.scroll-table-wrap{max-height:520px;overflow-y:auto;overflow-x:auto;border:1px solid #2f4f83;border-radius:8px}.scroll-table{width:100%;border-collapse:collapse;font-size:.85rem}.scroll-table th,.scroll-table td{padding:6px 10px;border-bottom:1px solid #22437a;text-align:left;white-space:nowrap}.scroll-table th{position:sticky;top:0;background:#102246;z-index:1}.scroll-table tbody tr:hover{background:#4f8cff14}.scroll-table .input.number{width:64px}@media (max-width: 640px){:root{--cell-size: 24px;--app-pad: 12px;--palette-control-size: 44px}.panel{padding:12px}.palette-item{flex-wrap:nowrap;align-items:center}.palette-item-fields{padding-top:0}.btn-icon{width:44px;height:44px}.actions .btn{flex:1 1 calc(50% - 6px);min-width:120px}.history-item{flex-direction:column;align-items:stretch}.history-item .btn,.mode-switcher{width:100%}.mode-switcher .btn{flex:1 1 calc(33.333% - 6px)}.editor-with-preview{flex-direction:column}.preview-col{width:100%}}@media (max-width: 380px){:root{--cell-size: 20px}.input.color,.input.number{flex-basis:100%}}.btn,.tab,.game-card{transition:border-color .15s ease,background .15s ease,transform .15s ease,box-shadow .15s ease}.launcher{max-width:760px;margin:0 auto;padding:24px 0 8px}.launcher-head{text-align:center;margin-bottom:28px}.launcher-head h1{font-size:clamp(1.7rem,5vw,2.4rem);margin-bottom:8px}.game-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.game-card{--accent: #4f8cff;display:flex;align-items:center;justify-content:center;text-align:center;min-height:92px;padding:22px;border-radius:16px;border:1px solid #22437a;background:#102246;color:#e7eefc;cursor:pointer;position:relative;overflow:hidden}.game-card:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--accent);opacity:.85}.game-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 10px 28px #00000052}.game-card-title{font-size:1.25rem;font-weight:600}.topbar{display:flex;align-items:center;gap:14px;margin-bottom:16px;flex-wrap:wrap}.topbar-title{margin:0;font-size:clamp(1.1rem,3vw,1.5rem)}.btn-back{flex-shrink:0}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.tab{border:1px solid #3f65a3;background:#152c54;color:#cfe0ff;border-radius:999px;padding:8px 14px;cursor:pointer}.tab:hover{border-color:#84a7e3}.tab.active{background:#29518f;border-color:#90b8ff;color:#fff}.level-chips{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.level-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid #2f4f83;border-radius:999px;padding:6px 8px 6px 12px;background:#0c1a38;cursor:pointer}.level-chip.active{border-color:#78a0e4;box-shadow:inset 0 0 0 1px #78a0e4}.chip-status.ok{color:#5cd6a0}.chip-status.bad{color:#ff8aa3}.chip-count{font-variant-numeric:tabular-nums;font-size:.8rem;opacity:.85;background:#16305c;border-radius:999px;padding:1px 8px}.chip-remove{border:none;background:transparent;color:#9fb4d8;cursor:pointer;font-size:1.1rem;line-height:1;padding:0 2px}.chip-remove:hover:not(:disabled){color:#ff8aa3}.chip-remove:disabled{opacity:.3;cursor:not-allowed}.level-add{border-radius:999px}.field-row{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end}.field-inline{display:flex;flex-direction:column;gap:6px;font-size:.85rem;opacity:.95}.field-inline .input.number{width:84px;field-sizing:auto;text-align:left}.tile-counter{margin-left:auto;padding:8px 12px;border-radius:8px;border:1px solid;font-variant-numeric:tabular-nums;font-weight:600;align-self:center}.tile-counter.ok{color:#bdf3da;border-color:#2f8f63;background:#143e2c}.tile-counter.bad{color:#ffc8d2;border-color:#8f3a4f;background:#3e1622}.layer-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.layer-tabs{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.layer-tab{display:inline-flex;align-items:center;gap:8px}.layer-tab-remove{display:inline-flex;align-items:center;justify-content:center;opacity:.55;font-size:1rem;line-height:1;cursor:pointer}.layer-tab-remove:hover{opacity:1;color:#ff8aa3}.layer-add{font-weight:700}.layer-meta{opacity:.7;font-size:.85rem;font-variant-numeric:tabular-nums}.tile-tools{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.tile-grid-scroll{width:100%;max-width:100%;overflow-x:auto;padding-bottom:4px;user-select:none;-webkit-user-select:none}.tile-grid-wrap{position:relative;margin:0 auto}.tile-grid{position:absolute;top:0;left:0;display:grid;box-sizing:content-box;touch-action:none;user-select:none;-webkit-user-select:none}.tile-grid.active-layer{z-index:2}.tile-grid.ghost-layer{z-index:1;pointer-events:none}.ghost-cell{width:30px;height:30px;box-sizing:border-box}.ghost-cell.on{background:#7da5eb2e;border:1px solid rgba(155,192,255,.28);border-radius:3px}.tile-cell{width:30px;height:30px;box-sizing:border-box;border:1px solid #2b4677;background:transparent;padding:0;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent}.tile-cell:hover{border-color:#84a7e3}.tile-cell.on{background:#4f8cff;border-color:#9bc0ff}.tile-grid.erasing .tile-cell{cursor:cell}.mahjong-ghost-cell{width:30px;height:44px;box-sizing:border-box}.mahjong-ghost-cell.on{background:#e8965a2e;border:1px solid rgba(240,180,130,.28);border-radius:4px}.mahjong-tile-cell{width:30px;height:44px;box-sizing:border-box;border:1px solid #7a4a2b;background:transparent;padding:0;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent;border-radius:3px}.mahjong-tile-cell:hover{border-color:#e0a870}.mahjong-tile-cell.on{background:#e8965a;border-color:#f5c199}.tile-grid.erasing .mahjong-tile-cell{cursor:cell}.message-slot{min-height:2.75rem;margin-top:10px}.message-slot>p{margin:0 0 4px;line-height:1.35}.message-slot>p:last-child{margin-bottom:0}.export-status{flex-basis:100%;min-height:1.4rem}.toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle input{width:18px;height:18px;margin:0;cursor:pointer}.export-warn{color:#ffd98f;font-size:.9rem}.export-ok{color:#7fe0b0;font-size:.9rem}.hint.warn{color:#ffd98f;opacity:1}.editor-with-preview{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap}.editor-col{flex:1 1 420px;min-width:0}.preview-col{flex:0 0 auto;max-width:100%;background:#0b1a38;border:1px solid #22437a;border-radius:8px;padding:10px}.preview-title{margin:0 0 8px;font-size:.95rem;opacity:.85}.preview-hint{margin:8px 0 0;font-size:.8rem;opacity:.65}.level-preview-scroll{max-width:100%;overflow:auto}.level-preview-3d{max-width:100%;overflow:auto;line-height:0}.level-preview-3d canvas{border-radius:6px;display:block;max-width:100%;height:auto}.level-preview-wrap{position:relative;margin:0 auto}.level-preview-layer{position:absolute;display:grid;box-sizing:content-box;pointer-events:none}.level-preview-cell{box-sizing:border-box;border-radius:3px;box-shadow:0 2px 3px #00000059}.level-preview-cell.tiles{background:#4f8cff;border:1px solid #9bc0ff}.level-preview-cell.mahjong{background:#e8965a;border:1px solid #f5c199}.level-preview-cell.brick{background:#f2545b;border:1px solid #ffa2a6}.difficulty-badge{font-size:.75rem;font-weight:600;border-radius:999px;padding:1px 8px;white-space:nowrap}.difficulty-badge.difficulty-common{background:#16305c;color:#9fb4d8}.difficulty-badge.difficulty-hard{background:#3a2260;color:#c9a6ff}.difficulty-badge.difficulty-superhard{background:#5c1630;color:#ff8aa3}.tower-grid-row{display:flex;align-items:flex-start;gap:4px}.tower-height-labels{display:flex;flex-direction:column;flex:0 0 auto}.tower-height-label{display:flex;align-items:center;justify-content:flex-end;font-size:.7rem;font-variant-numeric:tabular-nums;opacity:.65;padding-right:6px;white-space:nowrap}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.4;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#0a1630}