.scene-modes{position:absolute;left:50%;top:76px;transform:translateX(-50%);display:flex;gap:5px;padding:5px;border:1px solid #fffdf2;border-radius:25px;background:#fff8eae6;z-index:6;box-shadow:0 4px 16px #6b67441a}
.scene-modes button{padding:8px 16px;font-size:15px;min-height:38px;border-radius:20px;background:transparent;color:#8f886e;white-space:nowrap}.scene-modes button.active{background:#7d9c81;color:#fff;box-shadow:0 2px 5px #4c6c481c}
.move-pad{touch-action:none;cursor:grab;user-select:none}.move-pad:active{cursor:grabbing}.joystick-cap{pointer-events:none;left:44px;top:44px;transition:none}.joystick-caption{position:absolute;bottom:-24px;left:24px;font-size:12px;color:#5d725d;pointer-events:none;padding:3px 8px;border-radius:10px;background:#fff8e7a6}
.invite-button{position:absolute;left:50%;bottom:30px;transform:translateX(-50%);padding:12px 19px;min-height:47px;border:1px solid #fffdf1;background:#d68d97;color:white;border-radius:25px;z-index:8;box-shadow:0 4px 18px #7e5e4c26;font-size:16px}
.game-frame.camera-mode .scene-modes,.game-frame.camera-mode .invite-button{display:none}
.scene-object-button{width:60px;min-height:60px;grid-template-columns:1fr;gap:0;border-radius:50%;padding:18px}.scene-object-button>.ui-icon{display:block;width:23px;height:23px;justify-self:center;grid-row:auto}.scene-object-button.has-label{width:auto;min-width:84px;grid-template-columns:23px auto;gap:6px;border-radius:30px;padding:18px}.scene-object-button strong{font-size:14px;text-align:center;white-space:nowrap}
.scene-interactions button:is(.scene-object-button,.scene-price-button){border:0;background:transparent;box-shadow:none;backdrop-filter:none}.scene-interactions button:is(.scene-object-button,.scene-price-button)::before{content:"";position:absolute;inset:8px;z-index:-1;background:#fff9e6d9;border:1px solid #fffdf1;border-radius:25px;box-shadow:0 3px 12px #67634b1f;backdrop-filter:blur(5px)}.scene-interactions .scene-object-button.in-range::before{background:#edf4e4f2;border-color:#b2c89f}.scene-interactions .scene-object-button.is-active::before{background:#87a18bea}
.game-frame[data-scene=town] .scene-object-button>.ui-icon{display:none}.game-frame[data-scene=town] .scene-object-button.has-label{grid-template-columns:1fr;min-width:110px}.game-frame[data-scene=town] .scene-object-button strong{font-size:14px}
.game-frame[data-scene=cafe] #chat-button{background:#e8efdc;border-color:#fffdf1}.game-frame[data-scene=cafe] .scene-header{display:none}
.friend-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:18px}.friend-grid>.empty{grid-column:1/-1}.friend-card{display:flex;align-items:center;gap:14px;min-height:140px;text-align:left;padding:15px;border:1px solid #e3dbc7;background:#fff9eb;border-radius:19px}.friend-card>img{width:62px;height:100px;object-fit:contain}.friend-card>div{display:grid;gap:7px}.friend-card strong{font-size:21px}.friend-card span,.friend-card small{font-size:13px;color:#8c937a}.friend-card p{font-size:15px;margin:0;line-height:1.5}
.profile-layout{display:grid;grid-template-columns:150px 1fr;gap:26px;align-items:start}.profile-layout>img{width:135px;height:210px;object-fit:contain;align-self:center}.profile-layout h3{margin:0 0 12px}.profile-layout textarea{min-height:70px}.profile-layout p{font-size:14px}.profile-layout .button-row{font-size:15px!important;margin-bottom:10px}
.drink-menu{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.drink-card{background:#f6ebd5;border:1px solid #e5d7bd;border-radius:20px;padding:22px;display:grid;gap:13px;justify-items:center}.drink-card strong{font-size:23px;color:#816c4c}.drink-card small{font-size:17px}.coffee-symbol{font-size:54px}.invite-card{padding:15px;border:1px solid #e1dbc8;border-radius:18px;background:#f4f1e2;margin-bottom:14px}.invite-card h3{margin:0}
.cafe-chat-layout{display:grid;grid-template-columns:1.8fr 1fr;gap:24px}.cafe-chat-layout>section{background:#edf0df;border-radius:17px;padding:18px}.cafe-messages{height:226px;overflow:auto;background:#f5f1e6;border:1px solid #e3dcc9;border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:10px}.chat-line{display:grid;gap:5px;max-width:90%;align-self:flex-start;background:#fffaf0;padding:9px 13px;border-radius:13px;word-break:break-word}.chat-line.mine{align-self:flex-end;background:#e0eacf}.chat-line strong{font-size:12px;color:#8a9474}.chat-line span{font-size:16px}.cafe-chat-form{display:flex;gap:8px;margin-top:12px}.cafe-chat-form input{min-width:0}.cafe-chat-form button{white-space:nowrap}
.cafe-chat-layout p{font-size:13px}.cafe-order{text-align:center;padding:15px}.scene-price-button{width:60px;min-height:60px;padding:18px;border-radius:50%;justify-content:center;font-size:12px}.scene-price-button.has-label{width:auto;border-radius:30px;padding:18px}.scene-interactions .scene-price-button.in-range::before{background:#f9e8bcf5}.scene-modes[hidden],.invite-button[hidden]{display:none}
.game-frame[data-ready=false] :is(.game-hud,.game-toolbar,.move-pad,.back-town,.scene-modes,.scene-interactions,.context-panel){pointer-events:none;opacity:.45}
.selfie-layout{display:grid;grid-template-columns:300px 1fr;gap:28px;align-items:center;height:100%}.selfie-camera{width:300px}.selfie-viewfinder{position:relative;width:256px;height:256px;margin:auto;border:8px solid #fffaf0;border-radius:24px;box-shadow:0 5px 14px #89635924;overflow:hidden;background:#f5dce2}.selfie-viewfinder>img{width:100%;height:100%;object-fit:cover}.selfie-live{position:absolute;bottom:10px;left:10px;display:flex;gap:7px;align-items:center;padding:5px 12px;background:#fff8eee6;color:#986376;border-radius:20px;font-size:14px}.selfie-strip{display:flex;justify-content:center;gap:10px;margin-top:12px}.selfie-mini{width:66px;height:66px;border:2px dashed #dbd3bd;border-radius:12px;overflow:hidden;display:grid;place-items:center;font-size:21px;color:#c3ae9b;background:#f7f0e1}.selfie-mini.current{border-style:solid;border-color:#bd8194;color:#a26378}.selfie-mini>img{width:100%;height:100%;object-fit:cover}.selfie-options h3{margin:6px 0 6px;font-size:19px}.selfie-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.selfie-choices .tool-button{padding:8px;font-size:16px;min-height:62px}.selfie-choices .selected{border:2px solid #b6788b;background:#f6e3e6;color:#935b70}.selfie-frame-picker{grid-template-columns:repeat(5,1fr);gap:6px}.selfie-frame{min-height:82px;border:1px solid #dfd8c6;border-radius:12px;padding:7px 2px;background:#fffcf2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:12px;color:#817565;white-space:nowrap}.selfie-frame>img{width:39px;height:39px;border-radius:5px;object-fit:cover;box-shadow:0 1px 3px #8a765a30}.selfie-shutter-row{display:flex;gap:9px;margin-top:10px}.selfie-shutter-row>.primary-button{flex:1;gap:8px;min-height:62px;background:#b6768a;border-color:#a05e74}.selfie-shutter-row>.tool-button{padding:10px;min-width:62px;min-height:62px}.modal-content .selfie-note{font-size:13px;margin:6px 0 0;line-height:1.5}.selfie-options .tag{font-size:13px}