:root{color-scheme:dark;--ink: #efe6d2;--ink-dim: #b3a894;--panel: #27221c;--panel-deep: #1a1712;--edge: #6b5a42;--edge-lit: #a0896a;--accent: #d8a94a;--bg: #12110d}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#app{height:100%;margin:0;background:var(--bg);color:var(--ink);font:500 13px/1.45 ui-monospace,SF Mono,Menlo,monospace;overscroll-behavior:none;-webkit-font-smoothing:none}.silopia-root{position:relative;height:100%}.silopia-viewport{position:absolute;inset:0;overflow:hidden;touch-action:none;cursor:grab}.silopia-viewport:active{cursor:grabbing}.silopia-world{position:absolute;top:0;left:0;transform-origin:0 0;will-change:transform}.silopia-ground,.silopia-overlay{position:absolute;top:0;left:0;image-rendering:pixelated}.silopia-overlay{pointer-events:none}.silopia-actors{position:absolute;top:0;left:0}.silopia-sprite{position:absolute;top:0;left:0;image-rendering:pixelated;will-change:transform}@keyframes silopia-bob{0%,to{translate:0 0}50%{translate:0 -1px}}.silopia-npc{animation:silopia-bob 2.5s steps(2,end) infinite}.silopia-frame{background:linear-gradient(var(--panel),var(--panel-deep));border:2px solid var(--edge);box-shadow:inset 0 0 0 1px var(--edge-lit),inset 0 2px #fff0d212,0 4px #00000073}.silopia-hud{position:absolute;top:calc(10px + env(safe-area-inset-top));left:calc(10px + env(safe-area-inset-left));padding:7px 11px;pointer-events:none;letter-spacing:.04em}.silopia-hud b{color:var(--accent);font-weight:700}.silopia-hud span{color:var(--ink-dim)}.silopia-card{position:absolute;right:calc(10px + env(safe-area-inset-right));bottom:calc(10px + env(safe-area-inset-bottom));width:min(300px,calc(100vw - 20px));padding:0;overflow:hidden}.silopia-card__top{display:grid;grid-template-columns:52px 1fr;gap:10px;padding:11px;border-bottom:2px solid var(--edge)}.silopia-card__portrait{width:52px;height:52px;image-rendering:pixelated;border:1px solid var(--edge);box-shadow:inset 0 0 0 1px #00000080}.silopia-card h2{margin:0;font-size:15px;letter-spacing:.02em;color:var(--ink)}.silopia-card .role{display:inline-block;margin:3px 0 5px;padding:1px 6px;font-size:11px;color:var(--panel-deep);background:var(--accent)}.silopia-card .blurb{margin:0;font-size:12px;color:var(--ink-dim)}.silopia-card__section{padding:9px 11px;border-bottom:1px solid rgba(107,90,66,.5)}.silopia-card__section:last-child{border-bottom:0}.silopia-card__section h3{margin:0 0 6px;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--edge-lit)}.silopia-row{display:flex;justify-content:space-between;gap:10px;font-size:12px}.silopia-row+.silopia-row{margin-top:3px}.silopia-row dt{color:var(--ink-dim)}.silopia-row dd{margin:0;text-align:right}.silopia-card__close{position:absolute;top:7px;right:7px;width:20px;height:20px;padding:0;font:inherit;color:var(--ink-dim);background:var(--panel-deep);border:1px solid var(--edge);cursor:pointer}.silopia-card__close:hover{color:var(--ink);border-color:var(--edge-lit)}.silopia-card .traits{margin:4px 0 0;font-size:11px;letter-spacing:.03em;color:var(--edge-lit)}@media(max-width:560px){.silopia-card{right:0;bottom:0;left:0;width:auto;max-height:44vh;overflow-y:auto;border-left:0;border-right:0;border-bottom:0;padding-bottom:env(safe-area-inset-bottom);animation:silopia-sheet-up .16s ease-out}.silopia-card__top{grid-template-columns:44px 1fr}.silopia-card__portrait{width:44px;height:44px}.silopia-card h2{font-size:14px}.silopia-card__section{padding:8px 11px}}@keyframes silopia-sheet-up{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.silopia-controls{position:absolute;right:calc(10px + env(safe-area-inset-right));top:calc(10px + env(safe-area-inset-top));display:flex;flex-direction:column;gap:6px}.silopia-btn{width:38px;height:38px;padding:0;font:600 17px/1 ui-monospace,Menlo,monospace;color:var(--ink);cursor:pointer;touch-action:manipulation}.silopia-btn:hover{color:var(--accent)}.silopia-btn:active{transform:translateY(1px)}@media(max-width:560px){.silopia-controls{flex-direction:row;top:auto;right:auto;left:50%;bottom:calc(12px + env(safe-area-inset-bottom));transform:translate(-50%)}.silopia-btn{width:44px;height:44px;font-size:19px}.silopia-card:not([hidden])~.silopia-controls{display:none}}@media(max-width:560px){.silopia-hud{font-size:11px;padding:5px 8px}}.silopia-back{position:absolute;top:calc(10px + env(safe-area-inset-top));left:50%;transform:translate(-50%);padding:8px 14px;font:600 12px/1 ui-monospace,Menlo,monospace;letter-spacing:.06em;color:var(--ink);cursor:pointer;touch-action:manipulation}.silopia-back:hover{color:var(--accent)}.silopia-back:active{transform:translate(-50%) translateY(1px)}.silopia-sprite[data-portal]{cursor:pointer}.silopia-sprite[data-portal]:hover{filter:brightness(1.12)}.silopia-card__actions{display:flex;gap:6px;padding:9px 11px;border-top:1px solid rgba(107,90,66,.5)}.silopia-card__action{flex:1;padding:7px 10px;font:600 11px/1 ui-monospace,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:var(--panel-deep);border:1px solid var(--edge);cursor:pointer;touch-action:manipulation}.silopia-card__action:hover{color:var(--accent);border-color:var(--edge-lit)}.silopia-card__action[data-active]{color:var(--panel-deep);background:var(--accent);border-color:var(--accent)}.silopia-minimap{position:absolute;right:calc(10px + env(safe-area-inset-right));bottom:calc(10px + env(safe-area-inset-bottom));image-rendering:pixelated;cursor:crosshair;touch-action:none}@media(max-width:560px){.silopia-minimap{bottom:auto;top:calc(10px + env(safe-area-inset-top));max-width:38vw;height:auto}}.silopia-editor{position:absolute;top:calc(10px + env(safe-area-inset-top));left:calc(10px + env(safe-area-inset-left));width:268px;max-height:calc(100% - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom));display:flex;flex-direction:column;padding:9px 10px 10px;gap:8px}.silopia-editor__head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;letter-spacing:.04em}.silopia-editor__head b{color:var(--accent)}.silopia-editor__head span{font-size:11px;color:var(--ink-dim)}.silopia-editor__head span[data-bad=yes]{color:#d87a4a}.silopia-editor__bar,.silopia-inspector__actions{display:flex;gap:6px}.silopia-chip{flex:1;padding:5px 8px;font:inherit;font-size:11px;color:var(--ink-dim);background:var(--panel-deep);border:1px solid var(--edge);cursor:pointer}.silopia-chip:hover{color:var(--accent);border-color:var(--edge-lit)}.silopia-chip[data-on]{color:var(--accent);border-color:var(--accent)}.silopia-chip[data-danger]:hover{color:#e06a4a;border-color:#e06a4a}.silopia-editor__groups{overflow-y:auto;overscroll-behavior:contain;margin-right:-4px;padding-right:4px}.silopia-editor__groups h3{margin:10px 0 5px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim)}.silopia-editor__groups h3:first-child{margin-top:0}.silopia-editor__tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:4px}.silopia-tile{display:flex;align-items:flex-end;justify-content:center;height:50px;padding:3px;background:var(--panel-deep);border:1px solid var(--edge);cursor:pointer}.silopia-tile img{max-width:100%;max-height:100%;image-rendering:pixelated}.silopia-tile:hover{border-color:var(--edge-lit);background:#201c16}.silopia-tile[data-on]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.silopia-inspector{position:absolute;right:calc(10px + env(safe-area-inset-right));bottom:calc(10px + env(safe-area-inset-bottom));width:272px;display:flex;flex-direction:column;gap:7px;padding:10px}.silopia-inspector__head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.silopia-inspector__head b{color:var(--accent)}.silopia-inspector__head span{font-size:11px;color:var(--ink-dim)}.silopia-inspector__facts{margin:0;font-size:11px;line-height:1.5;color:var(--ink-dim)}.silopia-inspector__row{display:grid;gap:3px;font-size:11px;color:var(--ink-dim)}.silopia-inspector__row input,.silopia-inspector__row textarea,.silopia-inspector__row select{font:inherit;font-size:12px;color:var(--ink);background:var(--panel-deep);border:1px solid var(--edge);padding:4px 6px;resize:none}.silopia-inspector__row input:focus,.silopia-inspector__row textarea:focus,.silopia-inspector__row select:focus{outline:1px solid var(--accent);border-color:var(--accent)}.silopia-inspector__row ::placeholder{color:#6f6555}.is-editing .silopia-viewport{cursor:crosshair}@media(max-width:860px){.silopia-editor{top:auto;left:calc(8px + env(safe-area-inset-left));right:calc(8px + env(safe-area-inset-right));bottom:calc(8px + env(safe-area-inset-bottom));width:auto;max-height:36vh}.silopia-inspector{top:calc(56px + env(safe-area-inset-top));bottom:auto;width:auto;left:calc(8px + env(safe-area-inset-left));right:calc(8px + env(safe-area-inset-right));max-height:40vh;overflow-y:auto}.is-editing .silopia-controls,.is-editing .silopia-minimap{display:none}}.silopia-gate{position:absolute;inset:0;display:grid;place-items:center;padding:20px;background:var(--bg);z-index:100}.silopia-gate__panel{width:min(380px,100%);padding:30px 28px 26px;display:flex;flex-direction:column;gap:14px;text-align:center}.silopia-gate__brand{color:var(--accent);font-size:22px;letter-spacing:.3em;text-indent:.3em}.silopia-gate__line{margin:0;font-size:13px;line-height:1.7;color:var(--ink-dim)}.silopia-gate__button{margin-top:6px;padding:13px 16px;font:inherit;font-size:13px;color:var(--panel-deep);background:var(--accent);border:2px solid var(--accent);box-shadow:4px 4px 0 var(--edge);cursor:pointer}.silopia-gate__button:hover:not(:disabled){background:var(--ink);border-color:var(--ink)}.silopia-gate__button:active:not(:disabled){transform:translate(2px,2px);box-shadow:2px 2px 0 var(--edge)}.silopia-gate__button:disabled{opacity:.6;cursor:default}.silopia-gate__error{margin:0;font-size:11px;line-height:1.7;color:#e06a4a}.silopia-gate__note{margin:0;font-size:10px;line-height:1.7;color:#6f6555}