.primary-action{width:100%;margin:0 0 8px;padding:12px}.seed-row input{min-width:0}#objective{font-size:13px;color:var(--muted,#9baea5);line-height:1.55}#room-list{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:20px}#room-list span{width:12px;height:12px;border:1px solid #566b60;border-radius:3px}#room-list span.visited{background:#e8bd7d;border-color:#e8bd7d}#route-card{position:absolute;left:24px;top:110px;max-width:300px;background:#132923ed;border:1px solid #51665a;border-radius:12px;padding:13px 16px;pointer-events:none;box-shadow:0 8px 32px #0002}#route-card strong{display:block;font-size:17px;color:#f3e9d2;margin:5px 0}#route-hint{display:block;font-size:12px;line-height:1.6;color:#c1d0c2}#interact{margin-top:10px;background:#e8bd7d;color:#18291e;pointer-events:auto;width:100%}#walk-pad{position:absolute;left:24px;bottom:104px;text-align:center;touch-action:none;user-select:none}#walk-pad button{width:44px;height:42px;padding:0;background:#19342bef;border:1px solid #698075;color:#f2e3c5;font-size:22px;margin:2px;touch-action:none}#walk-pad button.held{background:#ad8652;color:#142522}.walking #inspector{max-width:330px;bottom:265px;font-size:11px}.walking #route-card{top:110px}.walking #world{cursor:grab}.field-panel canvas{height:auto;aspect-ratio:1.25}#numbers{max-width:340px}#room-name{overflow-wrap:anywhere}.view-buttons{gap:4px}.view-buttons button{padding:8px 11px}
@media(min-width:1100px){#walk-pad{opacity:.85}.walking #inspector{bottom:270px}}
@media(max-width:1099px){#route-card{top:100px;left:18px;max-width:250px}.walking #inspector{display:none}}
@media(max-width:699px){#route-card{left:12px;top:98px;max-width:min(270px,calc(100% - 24px));padding:9px 12px}#route-card strong{font-size:14px}#route-card .eyebrow{font-size:9px}#route-hint{font-size:11px}#walk-pad{left:10px;bottom:160px}#walk-pad button{width:42px;height:40px}.field-panel{bottom:138px!important;right:10px!important;width:120px!important}.field-panel canvas{width:100%}.field-panel small{font-size:8px}.field-panel>div{font-size:8px}.view-buttons button{padding:7px 9px;font-size:11px}#inspector{display:none}#help{max-width:90%;font-size:10px}.header-actions{gap:4px}.header-actions button{padding:8px 10px;font-size:11px}.brand small{font-size:8px}.intro h1{font-size:30px}}
@media(max-height:650px){#route-card{top:94px;max-width:260px}#route-hint{display:none}#walk-pad{bottom:100px}#inspector{display:none}.field-panel{bottom:110px!important;width:100px!important}}

#field{height:auto;aspect-ratio:1.25}#world:focus{outline:none}#world:focus-visible{outline:1px solid #e8bd7d66;outline-offset:-2px}