*{box-sizing:border-box}:root{--bg: #2a2418;--panel: #3d3428;--panel-deep: #322a20;--ink: #f6eed8;--ink-soft: #d8ccb4;--gold: #d4a84b;--font-ui: 18px;--font-small: 15px;--tap: 60px}html,body,#root{margin:0;min-height:100%;font-family:system-ui,sans-serif;font-size:var(--font-ui);background:var(--bg);color:var(--ink)}.shell{display:flex;flex-direction:column;min-height:100dvh}.chrome-header,.chrome-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;background:var(--panel)}.chrome-header{font-size:20px}.chrome-header strong{font-size:24px;letter-spacing:.5px}.chrome-bar{flex-wrap:wrap}button{font:inherit;font-size:var(--font-ui);font-weight:600;color:var(--ink);background:#5a4a34;border:2px solid #7a6650;border-radius:8px;padding:10px 14px;min-height:var(--tap);cursor:pointer;image-rendering:pixelated}.chrome-bar button{flex:1 1 22%;min-height:var(--tap)}.chrome-bar button.active{background:var(--gold);color:var(--bg);border-color:#f0cc6a}main{flex:1;display:flex;justify-content:center;align-items:center;overflow:hidden}.shell-desktop main canvas{width:100%}main canvas{touch-action:none;display:block;image-rendering:pixelated;image-rendering:crisp-edges}.notice{padding:10px 18px;background:#4a3828;font-size:var(--font-small)}.rumors{padding:12px 18px 16px;background:var(--panel-deep);font-size:var(--font-small);color:var(--ink-soft)}.rumors p{margin:4px 0}.themed .chrome-header,.themed .chrome-bar,.themed .rumors,.themed .notice{background:transparent;border-style:solid;border-width:calc(var(--ui-panel-slice) * 1px);border-image:var(--ui-panel) var(--ui-panel-slice) fill / calc(var(--ui-panel-slice) * .75px) stretch;image-rendering:pixelated}.themed button{background:transparent;border-style:solid;border-width:calc(var(--ui-button-slice-y) * 2px) calc(var(--ui-button-slice-x) * 2px);border-radius:0;border-image:var(--ui-button) var(--ui-button-slice-y) var(--ui-button-slice-x) fill / calc(var(--ui-button-slice-y) * 2px) calc(var(--ui-button-slice-x) * 2px) stretch;color:#fff8ec;text-shadow:0 2px 0 rgba(0,0,0,.6);padding:6px 4px}.themed .chrome-bar button.active{border-image-source:var(--ui-button-active);color:#10240a;text-shadow:none}.pack-admin{margin-top:12px;border-top:1px solid #4a4030;padding-top:10px}.pack-admin-toggle{width:100%}.pack-admin-panel{display:grid;gap:10px;margin-top:10px}.pack-admin-panel label{display:grid;gap:4px}.pack-admin-panel input{min-height:44px;font-size:var(--font-small);padding:6px 10px}.pack-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.pack-list li{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;background:var(--bg);padding:10px;border-radius:8px}.pack-meta{font-size:13px;color:#c8bcaa}.pack-actions{display:flex;flex-direction:column;gap:6px}.pack-actions button{min-height:44px;font-size:var(--font-small)}.pack-admin-note{font-size:13px;color:#c8bcaa;margin:0}