.resident-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid #c1a77977;padding:10px 2px}.resident-row>img{width:57px;height:64px;image-rendering:pixelated;flex-shrink:0}.resident-row>div:nth-child(2){flex:1;min-width:0}.resident-row b{font-size:15px}.resident-row small{display:block;color:#7c684b;font-size:12px;margin:4px 0}.resident-row span{font-size:11px;color:#7a805d}.resident-row .actions{margin:0;max-width:170px}.resident-row button{min-height:40px;font-size:12px}
.resident-profile{display:flex;gap:20px;align-items:center;padding:9px 0 18px}.resident-profile>img{width:128px;height:144px;image-rendering:pixelated;flex-shrink:0}.resident-profile h3{font-size:26px!important;margin:3px 0 12px!important}.resident-profile small{font-size:12px;color:#6b805e}.resident-profile span{font-size:12px;color:#6b805e}.resident-quote{border-left:3px solid #8f9f71;padding:14px;background:#ecdfb8;font-size:14px;line-height:1.8}
.conversation-face{display:flex;align-items:center;gap:15px;margin-bottom:15px}.conversation-face>img{width:80px;height:90px;image-rendering:pixelated}.conversation-face b{font-size:20px}.conversation-face small{display:block;font-size:12px;margin:4px 0;color:#77815d}.conversation-face p{font-size:11px!important;line-height:1.6!important;margin:0!important}
#rotate-guide{position:fixed;inset:0;z-index:80;background:radial-gradient(ellipse at 50% 20%,#476353,#1b3029 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px;color:#f0dfb8;touch-action:manipulation}#rotate-guide small{letter-spacing:3px;color:#bbccaa;font-size:11px;margin:35px 0 10px}#rotate-guide h2{font-size:25px;margin:0 0 14px}#rotate-guide p{max-width:270px;font-size:13px;line-height:1.8;color:#bfccb4;margin-bottom:26px}#rotate-guide>span{font-size:11px;color:#a9bba1;line-height:1.8;max-width:275px;margin-top:18px}#rotate-guide>button{min-height:46px;padding:10px 18px}
.rotate-phone{position:relative;width:115px;height:65px;border:3px solid #cfbf91;border-radius:10px;box-shadow:inset 0 0 0 5px #233e31}.rotate-phone:before{content:'';position:absolute;left:11px;right:11px;bottom:9px;height:20px;background:#6f9665;clip-path:polygon(0 60%,20% 30%,45% 65%,65% 10%,100% 45%,100% 100%,0 100%)}.rotate-phone:after{content:'↻';position:absolute;right:-32px;top:-22px;font:32px monospace;color:#b9ca9a}.rotate-phone i{position:absolute;left:48px;top:21px;width:13px;height:20px;background:#e8cf72;box-shadow:0 2px #aa8a42}
.portrait-paused #touch,.portrait-paused #dock{visibility:hidden}
#pocket-action{display:none}
@media(orientation:landscape){
 .compact #dock{display:block;bottom:max(9px,env(safe-area-inset-bottom));max-width:calc(100vw - 320px)}
 .compact #quickbar{padding:3px;gap:2px}.compact #belt{gap:2px}.compact #belt button,.compact #quickbar>button{width:39px;height:42px;padding:4px;flex-shrink:0}.compact #belt .ico{width:27px;height:27px}.compact #belt kbd{display:none}.compact #tool-label{font-size:10px;padding:2px 6px;bottom:calc(100% + 4px)}
 .compact #stick{width:calc(80px * var(--touch-scale,1));height:calc(80px * var(--touch-scale,1));left:max(17px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom));background:#263f324d;border-color:#dddfbd88}.compact #stick i{width:40%;height:40%}
 .compact #pocket-use{width:calc(61px * var(--touch-scale,1));height:calc(61px * var(--touch-scale,1));right:max(15px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));border-radius:50%;border:2px solid #d6cb9d;background:#496750c9;box-shadow:inset 0 -4px #182c2633;color:#fff0c2;font-size:12px;touch-action:none}
 .compact #pocket-use.held{background:#7d9258e6;border-color:#f4e6ae;box-shadow:inset 0 2px #203a2955}
 .compact #pocket-action{display:block;position:absolute;pointer-events:auto;right:max(calc(85px * var(--touch-scale,1)),calc(env(safe-area-inset-right) + 70px * var(--touch-scale,1)));bottom:max(14px,env(safe-area-inset-bottom));width:calc(48px * var(--touch-scale,1));height:calc(48px * var(--touch-scale,1));border-radius:50%;background:#31483bc2;border:1px solid #e2d7ad9c;box-shadow:inset 0 -3px #152c2833;color:#f7e9bf;font-size:11px;padding:3px}
 .compact #pocket-tool{display:none}.compact #meters{left:max(17px,env(safe-area-inset-left));bottom:max(calc(103px * var(--touch-scale,1)),calc(env(safe-area-inset-bottom) + 92px * var(--touch-scale,1)))}
 .compact .resident-row{padding:8px 2px}.compact .resident-row>img{width:48px;height:54px}.compact .resident-row button{padding:8px 10px;min-height:42px}.compact .resident-profile>img{width:107px;height:120px}.compact .resident-profile{padding:3px 0 12px}.compact .resident-profile h3{font-size:22px!important}.compact .resident-quote{font-size:12px;padding:10px}
 .compact #pbody button{min-height:40px}.compact #x-panel,.compact #arcade-exit{width:40px;height:40px}.compact .action-grid button{min-height:48px}.compact #panel{max-height:94dvh}.compact #pbody .row{flex-wrap:nowrap}.compact #pbody .row>.actions{flex-shrink:0;max-width:55%}.compact #pbody .row .actions button{min-height:40px}
 .compact.touch-left #stick{left:auto;right:max(17px,env(safe-area-inset-right))}.compact.touch-left #meters{left:auto;right:max(17px,env(safe-area-inset-right))}.compact.touch-left #pocket-use{right:auto;left:max(15px,env(safe-area-inset-left))}.compact.touch-left #pocket-action{right:auto;left:max(calc(85px * var(--touch-scale,1)),calc(env(safe-area-inset-left) + 70px * var(--touch-scale,1)))}
 .compact.immersive #dock{display:none}.compact.immersive #pocket-tool{display:block;right:max(24px,env(safe-area-inset-right));bottom:max(calc(84px * var(--touch-scale,1)),calc(env(safe-area-inset-bottom) + 76px * var(--touch-scale,1)));width:44px;height:44px}.compact.immersive.touch-left #pocket-tool{right:auto;left:max(24px,env(safe-area-inset-left))}
}
@media(max-width:720px) and (orientation:landscape){.compact #dock{left:49%;max-width:calc(100vw - 270px)}.compact #quickbar{max-width:100%}.compact #belt{overflow-x:auto;max-width:calc(100vw - 363px);scrollbar-width:none;touch-action:pan-x}.compact #belt::-webkit-scrollbar{display:none}.compact #belt button,.compact #quickbar>button{width:36px;height:40px}.compact #bag-key{margin-left:1px}.compact .resident-row .actions{max-width:143px}.compact .row{gap:7px}}
@media(prefers-reduced-motion:reduce){.rotate-phone{animation:none}}