@import url('https://fonts.googleapis.com/css2?family=Jua&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--coffee:#633918;--rim:#e4b16b;--pink:#f77799;--cream:#fff2db}body{background:#f7e6df;color:var(--coffee)}.app{max-width:480px;background:#ffe6d6 url('assets/game/blossom-cafe-v7.png') center top/100% auto no-repeat;padding-top:1px;padding-bottom:calc(98px + env(safe-area-inset-bottom))}button,h1,h2,h3,.wordmark,.street-title,.brand-enter{font-family:'Jua','Noto Sans KR',sans-serif;font-weight:400}header{margin:8px 10px 0;padding:0;height:52px;background:none;border:0;box-shadow:none;gap:9px}.wordmark{display:flex;align-items:center;gap:5px;height:46px;border-radius:24px;padding:5px 12px 5px 7px;border:2px solid #d18a3a;background:linear-gradient(#fff9e8,#ffe3ad);box-shadow:inset 0 0 0 2px #fff8e8,0 3px 0 #b7773055,0 4px 7px #9e622927;letter-spacing:-.5px;font-size:21px;white-space:nowrap;color:#5d3217;text-shadow:0 1px #fff9e9;flex:1;justify-content:center}.wordmark>span{color:inherit}.wordmark>img{width:31px;height:35px;object-fit:contain}.top-actions{gap:7px}.top-actions button{width:45px;height:47px;border-radius:16px;border:1.5px solid #ebc791;background:linear-gradient(#fff9e8,#ffe9c7);box-shadow:inset 0 0 0 2px #fff7e7,0 3px #cfa66d88,0 5px 8px #a26d3522;padding:1px}.top-actions #cart>img{width:45px;height:45px}.top-actions #notificationBell>img{width:31px;height:33px;filter:sepia(.3) saturate(.8)}.top-actions b{background:linear-gradient(#ff96ae,#ee6385);border:1px solid #ffc3d0;width:18px;height:18px;min-width:18px;line-height:16px;right:-4px;top:-5px;font:9px 'Noto Sans KR',sans-serif;color:white}.location-bar{margin:10px auto 0;width:calc(100% - 80px);border-radius:30px;border:1.5px solid #e3bc87;padding:1px 8px;background:linear-gradient(#fffaf0,#ffe7c7);box-shadow:inset 0 1px #fffdf8,0 3px #c8a16d55}.location-bar>button:first-child{min-height:34px;gap:5px}.location-icon{width:23px;flex-basis:23px}.location-icon img{width:23px;height:27px}.location-bar small{display:none}.location-bar b{font:13px 'Jua',sans-serif;color:#744721;line-height:1.3;margin:0}.location-bar #gpsQuick{width:27px;height:27px;flex-basis:27px;border:0;background:none;box-shadow:none;font-size:20px}.location-bar i{font-size:17px}#lobby{background:none;padding:0 0 10px}.pomi-welcome{height:205px;background:none;box-shadow:none;border:0;padding:14px 18px 0;grid-template-columns:minmax(0,1fr) 155px;overflow:visible;margin-top:1px}.pomi-title{align-self:center}.pomi-title>span:first-child{display:none}.pomi-title h1{font-family:'Jua',sans-serif;font-size:39px;line-height:1.16;letter-spacing:-1.5px;color:#ffcf59;-webkit-text-stroke:5px #603515;paint-order:stroke fill;text-shadow:0 5px 0 #4f2e1b,2px 0 #fff1c7,-2px 0 #fff1c7;max-width:none;margin:10px 0}.pomi-title h1>span{color:#fff7dc}.pomi-title .speech{margin-top:10px;border-radius:30px;border-color:#e4ba83;box-shadow:0 3px #c9985c44;background:linear-gradient(#fff9e7,#ffe8c9);font:12px 'Jua',sans-serif;color:#80502e;text-align:center;max-width:173px}.pomi-title .speech:after{display:none}.pomi-welcome .camel-tap{width:205px;height:222px;margin-left:-26px;margin-bottom:-12px;align-self:end}.pomi-welcome .camel-tap>img{filter:drop-shadow(0 6px 4px #81502820)}.pomi-shadow{right:36px;bottom:1px}.pomi-welcome .spark{color:#ffcf5a;text-shadow:0 0 2px #fff;font-size:20px}.social-launcher{margin:0 15px 15px}.point-pill{background:linear-gradient(#ff9ab4,#f1779b);border:1.5px solid #db678a;border-radius:10px;padding:4px 8px;height:41px;box-shadow:inset 0 2px #ffc6d6,0 3px #ba657a77;position:relative}.point-pill:before,.point-pill:after{content:'';position:absolute;top:4px;bottom:1px;width:12px;background:#f68eaa;border:1px solid #df7492;z-index:0}.point-pill:before{left:-8px;transform:skew(-12deg)}.point-pill:after{right:-8px;transform:skew(12deg)}.point-pill>img{width:40px;height:40px;margin-top:-2px;z-index:1}.point-pill>span{font:16px 'Jua',sans-serif;color:white;text-shadow:0 1px #c4647e;position:relative;z-index:1}.point-pill b{font:20px 'Jua',sans-serif;color:#744220;background:linear-gradient(#fff9e9,#ffdfb3);border:1px solid #e8b17a;border-radius:24px;padding:3px 20px;min-width:105px;text-align:center;text-shadow:0 1px #fff}.point-pill i{display:none}.coffee-street{margin:27px 10px 0;padding:36px 12px 16px;border:2px solid #e2aa60;border-radius:31px;background:linear-gradient(135deg,#fff8e7,#ffe5bf);box-shadow:inset 0 0 0 3px #fff9e8,inset 0 0 0 5px #edc795,0 5px 0 #d6a26866,0 8px 10px #a9713520}.coffee-street:before,.coffee-street:after{width:12px;height:6px;border-radius:100% 0;background:#9ba452;top:10px;box-shadow:0 1px #69783977}.coffee-street:before{left:20px;transform:rotate(30deg)}.coffee-street:after{right:20px;transform:rotate(150deg)}.street-title{position:absolute;top:-18px;left:50%;transform:translateX(-50%);width:max-content;max-width:88%;padding:8px 22px 7px;background:linear-gradient(#fff9e9,#ffdfaa);border:2px solid #dfa659;border-radius:24px;box-shadow:inset 0 0 0 2px #fff8e5,0 3px #bc884a66;margin:0;text-align:center;display:block}.street-title>div>span,.street-tag{display:none}.street-title h2{font:24px 'Jua',sans-serif;color:#633719;letter-spacing:-.8px;margin:0;text-shadow:0 1px #fff8df;white-space:nowrap}.home-brands{gap:13px 9px}.cafe-shop{border:0;background:none;box-shadow:none;padding:0;overflow:visible}.cafe-shop:after{display:none}.brand-medallion{width:92px;height:92px;margin:0 auto 0;padding:4px;background:linear-gradient(#ffe5ae,#d7a351 75%,#fff0c9);border:1px solid #d9a35a;box-shadow:inset 0 0 0 1px #fff6dd,0 3px #c48d4b55,0 5px 6px #9c6a2b22;max-width:100%}.brand-logo{box-shadow:none}.cafe-shop>b{display:block;width:100%;font:13px 'Jua',sans-serif;letter-spacing:-.5px;line-height:1.2;border:1px solid #e4bc85;border-radius:20px;background:linear-gradient(#fffbec,#ffe0ad);box-shadow:inset 0 1px #fffdf7,0 2px #c89a6277;padding:6px 2px;margin-top:-4px;position:relative;z-index:2;min-height:0}.brand-enter,.brand-note{display:none}.together-ribbon{font:13px 'Jua',sans-serif;text-align:center;background:linear-gradient(#fffaf0,#ffe3ba);border:1px solid #e2bb88;border-radius:25px;box-shadow:inset 0 1px #fff,0 3px #d1a57166;padding:8px 5px;margin:15px 23px 11px;color:#96604b}.social-launcher.shortcut-only{margin:0 11px 18px}.social-shortcuts{margin:0;gap:8px}.social-shortcuts>button,.social-shortcuts>button:nth-child(n){background:linear-gradient(#fffaee,#ffe9ca);border:1.5px solid #e5be89;border-radius:22px;box-shadow:inset 0 2px #fffdf7,0 3px #ce9c6277;padding:9px 3px 7px}.social-shortcuts img{width:52px;height:52px;margin:0 auto 6px}.social-shortcuts b{font:13px 'Jua',sans-serif;display:block;border:1px solid #ecc4b8;border-radius:20px;background:linear-gradient(#ffd5ce,#f6bbb4);padding:5px 1px;white-space:nowrap}.social-shortcuts>button:nth-child(2)>b{background:linear-gradient(#deedc3,#bed699);border-color:#bdcd99}.social-shortcuts>button:nth-child(3)>b{background:linear-gradient(#ffe8c2,#edc696);border-color:#d9b789}.social-shortcuts>button:nth-child(4)>b{background:linear-gradient(#f0dcec,#dcbfda);border-color:#ceb0ca}.home-quick,.talkie-dock{display:none}.nearby-panel{margin:10px 12px 15px;border:2px solid #e2b278;background:linear-gradient(#fff7e5,#ffe6c7);box-shadow:inset 0 0 0 2px #fff9ef,0 4px #d8aa7566}.nearby-heading h2{font-size:20px}.nearby-heading>div>span{display:none}.bottom-nav{max-width:480px;height:calc(85px + env(safe-area-inset-bottom));border:1.5px solid #e9c69c;border-bottom:0;border-radius:29px 29px 0 0;box-shadow:inset 0 3px #fff9e9,0 -4px 10px #b7783b20;background:linear-gradient(#fff7e9,#ffe6c5);padding:6px 9px calc(7px + env(safe-area-inset-bottom));align-items:flex-end}.bottom-nav>button{height:65px;min-height:65px;gap:0}.bottom-nav>button+button:before{content:'';position:absolute;left:0;bottom:11px;height:26px;width:1px;background:#deb889;box-shadow:1px 0 #fff8e7}.bottom-nav img{width:46px;height:43px;filter:drop-shadow(0 2px 1px #a66b2d22)}.bottom-nav span{font:13px 'Jua',sans-serif;padding:3px 6px}.bottom-nav button.active span{background:none;box-shadow:none;color:#9a5929}.bottom-nav .nav-talkie img{height:67px;width:63px;margin-top:-22px;z-index:1}.bottom-nav .nav-talkie{border-radius:23px;background:linear-gradient(#ffbb65,#ef8b27);border:1.5px solid #d18331;box-shadow:inset 0 2px #ffd794,0 3px #ba722d77}.bottom-nav .nav-talkie span{color:#fff8dc;text-shadow:0 2px #bd702e;padding:0;font-size:15px}.bottom-nav .nav-talkie:before{display:none}.bottom-nav button[data-view=profile]>img{content:url('assets/game/ui-v7-profile.png');width:48px;height:43px;object-fit:contain}.orange,.game-button,.game-button.primary{font-family:'Jua',sans-serif;font-size:18px;border-radius:26px;background:linear-gradient(#ffbf73,#ff9d36 45%,#f18621);border:2px solid #ce7e2e;box-shadow:inset 0 0 0 2px #ffd697,0 4px #bc742d77;color:#fff9df;text-shadow:0 2px #bd722a;min-height:49px;padding:11px 14px;line-height:1.3}.soft-button{font:16px 'Jua',sans-serif;border:1.5px solid #dfb47e;border-radius:24px;background:linear-gradient(#fff9e7,#ffe4bc);box-shadow:inset 0 1px #fff,0 3px #cf9d6755;color:#80502a}.orange:active,.soft-button:active{transform:translateY(2px)!important;box-shadow:inset 0 1px 3px #a76b2922,0 1px #b9814555}.shop-heading,.social-heading{justify-content:center;text-align:center;position:relative;display:block;padding:18px 29px 5px;margin-bottom:16px}.shop-heading>button,.social-heading>button{position:absolute;top:17px;left:0;display:grid;place-items:center;width:32px;height:32px;min-width:32px;border:1.5px solid #ddb07d;background:#fff0d7;border-radius:50%;font:24px 'Jua',sans-serif;line-height:1;padding:0}.social-heading small,.shop-heading small{display:none}.social-heading h1,.shop-heading h1{font:33px 'Jua',sans-serif;color:#ffd36c;-webkit-text-stroke:4px #633719;paint-order:stroke fill;text-shadow:0 4px #583319;line-height:1.3;margin:3px 0 10px;letter-spacing:-.5px}.social-heading p{display:inline-block;font:12px 'Jua',sans-serif;background:linear-gradient(#fffbed,#ffe4bf);border:1px solid #e6ba84;border-radius:23px;padding:6px 12px;color:#81502c;max-width:100%;margin:0;line-height:1.4}.shop-heading>div{background:none;border:0;box-shadow:none;padding:0}#socialPage,#shop{background:transparent;padding:7px 13px 25px;min-height:calc(100svh - 145px)}#shop{padding-top:10px}.shop-heading{margin-bottom:18px}.shop-panel{background:linear-gradient(#fff8e8,#ffe7c7);border:2px solid #e0ad6b;border-radius:27px;box-shadow:inset 0 0 0 2px #fff9eb,0 4px #d0a16b66;padding:17px 12px}.shop-panel h2{font:19px 'Jua',sans-serif}.product{background:linear-gradient(#fffbef,#ffedd4);border:1.5px solid #e9c496;border-radius:22px;box-shadow:inset 0 1px white,0 3px #d4ab7a44}.product img{border-radius:19px 19px 5px 5px}.info h3{font:16px 'Jua',sans-serif;min-height:22px}.info b{font:14px 'Jua',sans-serif}.add{font:23px 'Jua',sans-serif;line-height:25px;background:linear-gradient(#ffe3dc,#ffc5bd);border-color:#e5b19c;color:#dc6e65;border-radius:50%;box-shadow:0 2px #c6957377}.filters button{font:15px 'Jua',sans-serif;border-radius:21px;background:linear-gradient(#fff8e8,#ffdfb5);border:1px solid #e2b986;box-shadow:0 3px #cda36f66;color:#85552d}.filters .active{background:linear-gradient(#ffabbf,#f47a9d);border-color:#de7792;color:#fff8e2;box-shadow:0 3px #c56d8077}.guest-profile,.soft-panel,.room-card,.meeting-info,.d-wallet{border:2px solid #e5b579;background:linear-gradient(#fff7e5,#ffe6c7);border-radius:27px;box-shadow:inset 0 0 0 2px #fff9ec,0 4px #d7a77355}.guest-profile{flex-direction:column;text-align:center;padding:8px 15px 20px}.guest-profile>img{width:172px;height:173px;margin:-4px auto 0}.guest-profile h2{font:26px 'Jua',sans-serif;margin:0}.guest-profile>div{width:100%}.guest-profile small{display:none}.guest-profile p{font:12px 'Jua',sans-serif}.social-action-card{font-family:'Jua',sans-serif;border:1.5px solid #e7bd87;border-radius:23px;background:linear-gradient(#fff9e9,#ffe3ba);box-shadow:inset 0 1px #fff,0 3px #d0a37166;padding:12px}.social-action-card>b,.social-action-card b{font:18px 'Jua',sans-serif}.social-action-card small{font:12px 'Jua',sans-serif;color:#b28b61}.my-code{background:linear-gradient(#fff8e8,#ffe4bf);border-color:#e4b983;border-radius:23px}.my-code>b{font:23px 'Jua',sans-serif}.my-code>span{font:12px 'Jua',sans-serif}.meetup-banner{border-color:#e5bc8c;background:linear-gradient(#fff5df,#fbd9c2);border-radius:25px}.friend-row b{font:17px 'Jua',sans-serif}.friend-row small{font:11px 'Jua',sans-serif}.friend-row>button{font:15px 'Jua',sans-serif;background:linear-gradient(#c9e696,#a9cf6d);border:1px solid #9cba63;border-radius:20px}.radio-hero h2{font:23px 'Jua',sans-serif}.radio-hero>img{height:195px;width:195px}.radio-light{font:11px 'Jua',sans-serif;padding:6px 12px;background:#7e8d3f;color:#fffae3;border-radius:15px;display:inline-block}.radio-tools .orange{font-size:18px}.room-card b{font:19px 'Jua',sans-serif}.room-card em{font:12px 'Jua',sans-serif}.meeting-info h2{font:20px 'Jua',sans-serif}.chat-messages{background:#fff2dfde;border:1.5px solid #e2b98a;border-radius:23px}.chat-bubble{border-color:#e3bc91;background:#fff9ec;border-radius:4px 20px 20px 20px}.chat-bubble.mine{background:#ffd9d0;border-color:#efb6a5}.chat-bubble>p{font:15px/1.6 'Jua',sans-serif}.chat-compose button{font:14px 'Jua',sans-serif;background:linear-gradient(#ffa3b3,#f27e98);border-color:#dc7990;border-radius:20px}.room-ptt-panel{background:#fff1d9;border-color:#e2b382;border-radius:24px}.room-ptt{border-radius:40px;background:linear-gradient(#ffbf76,#f79630);border:2px solid #d78331;box-shadow:inset 0 0 0 3px #ffda9e,0 4px #c27d3377;color:#fff9e3;text-shadow:0 2px #bd752b}.room-ptt>b{font:23px 'Jua',sans-serif}.room-ptt>small{font:12px 'Jua',sans-serif}.ptt-bars>i{background:#fff2c1}.d-wallet h2{font:47px 'Jua',sans-serif}.d-wallet>span{font:13px 'Jua',sans-serif}.activity-coupon{border:2px dashed #dc8fa5;background:linear-gradient(#ffd9e3,#ffb9cd);box-shadow:inset 0 0 0 3px #ffe9ed;border-radius:24px}.activity-coupon h3{font:23px 'Jua',sans-serif}.activity-coupon>b{font:26px 'Jua',sans-serif;color:#a35063}.coupon-intro h2{font:21px 'Jua',sans-serif}.game-scorebar{font:15px 'Jua',sans-serif;border-radius:25px;border-color:#e4b787;background:linear-gradient(#fff9e9,#ffe7c5);box-shadow:inset 0 1px #fff}.game-scorebar b{font:29px 'Jua',sans-serif}.coffee-game{background:#ffeed2 url('assets/game/blossom-cafe-v7.png') center top/cover no-repeat;border-color:#e7b774;border-radius:29px;box-shadow:inset 0 0 0 2px #fff7e7,0 4px #c99e6866}.game-welcome h2{font:29px 'Jua',sans-serif}.game-welcome p{font:16px/1.6 'Jua',sans-serif}.game-rules b{font:16px 'Jua',sans-serif}.game-rules p{font:12px/1.8 'Jua',sans-serif}dialog{padding:66px 23px 26px;border-radius:31px;border:2px solid #dfab67;background:linear-gradient(145deg,#fff9e9,#ffe5c3);box-shadow:inset 0 0 0 3px #fff9ed,inset 0 0 0 5px #efc38d,0 15px 35px #7d492e60;max-height:calc(100dvh - 30px);overflow:auto;width:min(calc(100vw - 28px),420px)}dialog:before{position:absolute;width:52px;height:52px;top:7px;left:50%;transform:translateX(-50%);margin:0;background:url('assets/game/ui-v7-coffee.png') center/contain no-repeat}.close{top:10px;right:10px;width:36px;height:36px;border-radius:50%;font:27px 'Jua',sans-serif;line-height:1;color:#8c5527;background:linear-gradient(#fff8e6,#ffdfae);border:1.5px solid #ddaa6c;box-shadow:inset 0 1px #fff,0 2px #c38c5055;display:flex;align-items:center;justify-content:center;padding:0}.close:before{content:'';position:absolute;inset:-5px}.close:active{transform:translateY(1px)!important}dialog h2{font:25px/1.35 'Jua',sans-serif;text-align:center;color:#72421d;letter-spacing:-.6px;margin:8px 0 17px}dialog h3{font:21px 'Jua',sans-serif}dialog .eyebrow{font:10px 'Jua',sans-serif;letter-spacing:1px;display:block;text-align:center;color:#bb976a}dialog p{font-size:13px;line-height:1.8;color:#a17c54}dialog label{font:14px 'Jua',sans-serif;color:#8d6235;line-height:1.5}dialog input,dialog select{font:16px 'Noto Sans KR',sans-serif;border:1.5px solid #e3bd8f;background:#fff9ed;border-radius:17px;padding:11px;box-shadow:inset 0 2px #eddbc14d}dialog .orange{font:20px 'Jua',sans-serif;border-radius:26px;padding:12px 14px;min-height:51px}dialog .soft-button{font:17px 'Jua',sans-serif}.toggle-row input{border-radius:20px;box-shadow:none}dialog input[type=range]{background:transparent;box-shadow:none}dialog .preview{width:100px;height:100px;border-radius:22px}.notice-row{background:#fff2dc;border:1px solid #e6c296;margin-bottom:8px;border-radius:18px}.notice-row.unread{background:#ffe2d8}.notice-row>b{font:17px 'Jua',sans-serif}.notice-row>span{font:14px 'Jua',sans-serif}.bill-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 18px}.bill-actions>button{font:15px 'Jua',sans-serif;min-height:45px;border:1.5px solid #dfb17e;border-radius:23px;background:linear-gradient(#fff9e9,#ffe0b3);box-shadow:0 3px #c99d6866}.bill-actions>button:last-child{background:linear-gradient(#ffb4c6,#f18ba6);border-color:#da8098;color:#fff8e5;text-shadow:0 1px #b9677b}.bill-row{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #e4c7a3;padding:12px 3px;font:15px 'Jua',sans-serif}.bill-summary{background:#fff7e5;border:1px solid #e6c398;border-radius:18px;padding:14px;text-align:center;margin:12px 0}.bill-summary b{font:28px 'Jua',sans-serif;color:#d67972}.loje-card{display:block;border:1.5px solid #e6afc0;border-radius:23px;background:linear-gradient(#ffeaf0,#f7cbd8);padding:17px;text-decoration:none;color:#9c536b;box-shadow:inset 0 2px #fff6f8,0 3px #ce99a966;margin:15px 0}.loje-card>b{display:block;font:24px 'Jua',sans-serif}.loje-card>span{display:block;font:13px 'Jua',sans-serif;line-height:1.7;margin-top:6px}.gift-hero{display:block;width:155px;height:150px;object-fit:contain;margin:0 auto}.gift-code-form{padding:20px 16px;border:2px solid #e5b683;border-radius:27px;background:linear-gradient(#fff9e8,#ffe7c8);box-shadow:inset 0 0 0 2px #fff9eb,0 4px #cda47355}.gift-code-form h2{font:22px 'Jua',sans-serif;text-align:center;margin:5px 0 15px}.gift-code-form input{text-align:center;font:28px 'Jua',sans-serif;letter-spacing:14px;padding:14px;width:100%;border:1.5px solid #deb786;border-radius:24px;background:#fff9eb;color:#a37743;min-width:0}.body-bark-status{position:absolute;bottom:24px;right:10px;font:12px 'Jua',sans-serif;background:#fff3d9;border:1px solid #e6ba81;border-radius:20px;padding:4px 9px;opacity:0;transition:.2s;z-index:4}.body-bark-status.show{opacity:1;transform:translateY(-5px)}@media(max-width:360px){header{margin:7px 8px 0;height:48px;gap:6px}.wordmark{height:42px;font-size:18px;padding-left:6px;padding-right:8px;gap:3px}.wordmark>img{width:26px;height:29px}.top-actions button{width:40px;height:43px;border-radius:14px}.top-actions #cart>img{width:40px;height:40px}.top-actions #notificationBell>img{width:28px;height:30px}.location-bar{width:calc(100% - 52px);margin-top:10px}.location-bar b{font-size:12px}.pomi-welcome{height:187px;padding:12px 13px 0;grid-template-columns:minmax(0,1fr) 124px}.pomi-title h1{font-size:33px;letter-spacing:-1.2px;-webkit-text-stroke-width:4px;max-width:none}.pomi-title .speech{font-size:10px;max-width:145px;padding:7px 9px}.pomi-welcome .camel-tap{width:177px;height:195px;margin-left:-29px;margin-bottom:-8px}.point-pill>span{font-size:15px}.point-pill b{font-size:18px;min-width:88px;padding:3px 15px}.coffee-street{margin-left:8px;margin-right:8px;padding:33px 9px 14px}.street-title{padding:7px 17px}.street-title h2{font-size:22px}.home-brands{gap:13px 7px}.brand-medallion{width:78px;height:78px}.cafe-shop>b{font-size:11px;padding:6px 1px}.social-shortcuts img{width:44px;height:44px}.social-shortcuts b{font-size:11px}.together-ribbon{font-size:11px;margin-left:17px;margin-right:17px}.social-heading h1,.shop-heading h1{font-size:28px}.bottom-nav span{font-size:12px}.social-action-card b{font-size:17px}}
.pomi-sound-tests{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:10px 0}.pomi-sound-tests button{border:1px solid #e2b98c;background:#fff1d8;border-radius:16px;min-height:39px;font:14px 'Jua',sans-serif}.pink-button{background:linear-gradient(#ffa7bf,#f47b9e)!important;border-color:#d87894!important;box-shadow:inset 0 0 0 2px #ffcad9,0 4px #bd6c8255!important}.bag-item{position:relative;display:flex;align-items:center;gap:10px;background:linear-gradient(#fff8e9,#ffe9ce);border:1px solid #e6bd8d;border-radius:20px;padding:12px 28px 12px 9px;margin-bottom:10px}.bag-item>img{width:70px;height:80px;object-fit:cover;border-radius:15px}.bag-item>div{min-width:0;flex:1}.bag-item small{font-size:9px;color:#b1936b;display:block}.bag-item b{font:17px 'Jua',sans-serif;line-height:1.4;display:block;margin:3px 0}.bag-item span{font:13px 'Jua',sans-serif;color:#a77c4d}.bag-remove{position:absolute;right:3px;top:3px;min-height:30px;min-width:30px;font-size:23px;color:#ad7b4b}.quantity-control{display:flex;align-items:center;gap:9px;margin-top:8px}.quantity-control button{width:31px;height:31px;border:1px solid #dfb07b;background:linear-gradient(#fff9e6,#ffdfaf);box-shadow:inset 0 1px #fff,0 2px #c79b6466;border-radius:50%;font:24px 'Jua',sans-serif;line-height:1;padding:0}.quantity-control strong{font:17px 'Jua',sans-serif}.bag-total{display:flex;justify-content:space-between;align-items:center;padding:14px;border:1px solid #e4bf91;border-radius:18px;background:#fff5df;margin-top:15px}.bag-total>span{font:20px 'Jua',sans-serif}.bag-total>b{font:28px 'Jua',sans-serif;color:#df6e86}textarea{width:100%;min-height:73px;margin-top:8px;border:1.5px solid #dfbd92;background:#fff9ee;border-radius:17px;padding:12px;font:15px/1.6 'Noto Sans KR',sans-serif;color:#8c6740;resize:vertical}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:center}.modal-actions .orange,.modal-actions .soft-button{font-size:16px;padding:11px 5px;min-height:48px;margin-top:10px;margin-bottom:4px}.added-coffee{background:linear-gradient(#fff9e8,#ffe9c6);border:1px solid #e8c392;border-radius:23px;text-align:center;padding:12px;margin:12px 0}.added-coffee b{font:20px 'Jua',sans-serif;display:block}.added-coffee span{font:19px 'Jua',sans-serif;color:#d4887b;display:block;margin-top:7px}.option-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.physics-game{touch-action:manipulation;position:relative}.game-basket{position:absolute;bottom:6px;left:50%;width:85px;height:80px;transform:translateX(-50%);z-index:3;pointer-events:none}.game-basket>img:first-child{width:85px;height:85px;object-fit:contain;position:relative;z-index:2}.game-basket>.basket-pomi{position:absolute;width:55px;height:49px;object-fit:contain;left:15px;top:-15px;z-index:1}.physics-item{position:absolute;top:0;left:0;width:50px;height:55px;will-change:transform;pointer-events:none;z-index:2}.physics-item>img{width:50px;height:55px;object-fit:contain;filter:drop-shadow(0 3px 2px #9871392b)}.game-pop{position:absolute;z-index:4;font:25px 'Jua',sans-serif;color:#ffcf53;-webkit-text-stroke:2px #9d5d23;paint-order:stroke fill;transform:translate(-50%,-50%);animation:gamePop .7s ease-out forwards;pointer-events:none;white-space:nowrap}.game-combo{position:absolute;top:15px;left:50%;transform:translateX(-50%);z-index:3;font:22px 'Jua',sans-serif;color:#d9809c;text-shadow:0 2px #fff1d8}.game-oops{box-shadow:inset 0 0 0 6px #ef9b9e,0 4px #c99e6866}.physics-game>.game-welcome{z-index:5}.physics-game .game-welcome h2{font-size:26px}.physics-game .game-welcome p{font-size:15px}.physics-game .game-welcome .orange{font-size:21px}.game-welcome[hidden]{display:none!important}@keyframes gamePop{to{transform:translate(-50%,-95px) scale(1.15);opacity:0}}@media(max-width:360px){.bag-item>img{width:57px;height:70px}.bag-item b{font-size:15px}.modal-actions .orange,.modal-actions .soft-button{font-size:14px}.bag-total>b{font-size:25px}}
.approved-scene{width:100%;height:210px;object-fit:cover;border-radius:26px;box-shadow:0 3px 5px #b17b3e22;margin-bottom:12px}.guest-profile>img.approved-scene{width:calc(100% + 26px);max-width:none;height:185px;margin:-6px -13px 5px;border-radius:24px 24px 8px 8px;object-fit:cover}.radio-hero>img.approved-scene{width:100%;height:210px;border-radius:26px;filter:none;animation:none;object-fit:cover;margin:0 auto 14px}.top-actions #cart>img{width:42px;height:42px}.top-actions #notificationBell>img{width:36px;height:36px;filter:none}.bottom-nav button[data-view=profile]>img{content:url('assets/game/ui-v7-profile.png')}.wordmark>img{width:31px}.social-shortcuts img{width:59px;height:56px}.social-shortcuts button:nth-child(2)>img{content:url('assets/game/ui-v7-group.png')}.social-shortcuts button:nth-child(4)>img{content:url('assets/game/ui-v7-controller.png')}dialog h2{position:relative;background:linear-gradient(#fff9e9,#ffdfa9);border:1.5px solid #dfac6d;border-radius:24px;box-shadow:inset 0 0 0 2px #fff8e7,0 3px #c5955c55;padding:8px 13px;margin:8px -6px 18px;font-size:24px}.profile-mascot{margin-top:-5px}.gift-code-form h2{font-size:23px}.social-heading p{font-size:12px}.physics-game{height:390px}.social-heading:before{content:'✦';position:absolute;top:23px;right:3px;color:#edbc67;font-size:16px}@media(max-width:360px){.social-shortcuts img{width:48px;height:48px}.approved-scene{height:185px}.guest-profile>img.approved-scene{height:175px}.radio-hero>img.approved-scene{height:190px}dialog h2{font-size:22px}.physics-game{height:355px}}
.profile-reward-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 18px}.profile-reward-row>button{display:flex;align-items:center;gap:8px;min-height:70px;background:linear-gradient(#fff9e8,#ffe5bf);border:1.5px solid #e5b784;box-shadow:inset 0 1px #fff,0 3px #cf9f6b66;border-radius:23px;padding:10px}.profile-reward-row>button img{width:40px;height:41px;object-fit:contain}.profile-reward-row span{font:13px 'Jua',sans-serif;min-width:0;text-align:left}.profile-reward-row b{display:block;font:21px 'Jua',sans-serif;margin-top:4px;color:#d3798d}.profile-reward-row>button:last-child{background:linear-gradient(#fff4ee,#ffd9d6);border-color:#e7b0ac}#socialPage .guest-note{background:#fff5e2dd;border-radius:13px;padding:10px;font-size:10px}.social-empty{background:#fff4dfcf;border:1px solid #e5c69e;border-radius:22px;margin:15px 0}.social-empty h3{font:18px 'Jua',sans-serif}.social-empty p{font:13px/1.8 'Jua',sans-serif}
.toggle-row>input[type=checkbox]{appearance:none;-webkit-appearance:none;width:49px!important;height:28px!important;min-height:28px!important;flex:0 0 49px;border-radius:22px!important;border:1.5px solid #d6b389!important;background:linear-gradient(#eee4d3,#e3d1b5)!important;box-shadow:inset 0 1px 3px #b5997440!important;position:relative;cursor:pointer;padding:0!important}.toggle-row>input[type=checkbox]:before{content:'';position:absolute;width:23px;height:23px;border-radius:50%;top:1px;left:1px;background:linear-gradient(#fffef5,#ffe9c7);box-shadow:0 2px 3px #b18c5e44;border:1px solid #d4af7e;transition:transform .15s}.toggle-row>input[type=checkbox]:checked{background:linear-gradient(#acd779,#8bbb5a)!important;border-color:#85a959!important}.toggle-row>input[type=checkbox]:checked:before{transform:translateX(21px)}input[type=range]{appearance:none;-webkit-appearance:none;height:8px!important;min-height:8px!important;padding:0!important;border-radius:20px;background:linear-gradient(90deg,#a5ce77,#d4b488)!important;border:1px solid #bd9f75!important;margin:18px 0 24px!important;box-shadow:inset 0 1px 2px #92744822!important}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:25px;height:25px;background:linear-gradient(#fffdf3,#ffe6bf);border:1.5px solid #d0a773;border-radius:50%;box-shadow:0 2px 3px #b3895955;cursor:pointer}.sound-compact-note{font-size:11px!important;line-height:1.6!important;color:#b79a76!important}.pomi-sound-tests button{font-size:14px;min-height:37px}.pomi-sound-tests{gap:7px;margin:10px 0 12px}dialog .toggle-row{font-size:14px}#soundVolume{margin-bottom:13px!important}.invite-options input[type=checkbox]{appearance:auto;min-height:20px!important}.game-welcome p{color:#8d6540}.approved-scene.profile-scene{object-position:center 40%}
.room-scene{height:190px;margin-bottom:12px}.room-scene+.meeting-info{margin-bottom:11px;padding:14px}.room-scene+.meeting-info h2{font-size:19px}.room-scene+.meeting-info>span{display:none}.chat-messages{height:235px}.chat-empty{font:14px 'Jua',sans-serif}.game-rules{background:#fff2ded9;border:1px solid #e5c59c;border-radius:19px;padding:10px}.game-scorebar{box-shadow:inset 0 0 0 2px #fff9e8,0 3px #d0a46e55}.game-basket{width:96px;height:88px}.game-basket>img:first-child{width:96px;height:95px}.game-basket>.basket-pomi{left:18px;top:-15px;width:59px;height:54px}.physics-item{filter:drop-shadow(0 3px 1px #a16c3422)}@media(max-width:360px){.room-scene{height:175px}.chat-messages{height:220px}.social-heading p{font-size:11px}.bottom-nav img{width:41px;height:40px}.bottom-nav .nav-talkie img{width:58px;height:62px}.social-shortcuts b{font-size:11px}}
.exact-main{position:relative;width:100%;margin:0;padding:0;line-height:0}.exact-main-art{width:100%;height:auto;display:block;max-width:none;pointer-events:none}.exact-hotspot{position:absolute;background:transparent;border:0;padding:0;margin:0;border-radius:17px;box-shadow:none;touch-action:manipulation;transition:box-shadow .13s}.exact-hotspot:hover{transform:none;box-shadow:inset 0 0 0 2px #fff5cf66}.exact-hotspot:active{transform:none!important;box-shadow:inset 0 0 0 4px #ffe2a580,inset 0 0 18px #99642c30}.exact-hotspot:focus-visible{outline:3px solid #cf7c34;outline-offset:-2px}.exact-d-value{position:absolute;left:46.9%;top:29.55%;width:14.5%;height:3.3%;border-radius:30px;background:#ffedcb;font:24px/1.4 'Jua',sans-serif;text-align:center;color:#663519;padding:0 2px}.exact-home header,.exact-home #lobby,.exact-home #shop,.exact-home #socialPage{display:none!important}.exact-home .app{padding-top:0;padding-bottom:calc(min(480px,100vw)*.1962 + env(safe-area-inset-bottom));background:#ffe6d4}.exact-home .bottom-nav,.bottom-nav{height:calc(min(480px,100vw)*.1962 + env(safe-area-inset-bottom));border:0;border-radius:0;box-shadow:none;background:transparent url('assets/game/approved-main-dock.png') top center/100% auto no-repeat;padding:0 0 env(safe-area-inset-bottom);display:flex;align-items:stretch}.bottom-nav>button,.bottom-nav>.nav-talkie{width:20%;height:100%;min-height:0;padding:0;margin:0;background:none!important;border:0!important;box-shadow:none!important;border-radius:18px;display:block;position:relative}.bottom-nav>button>img,.bottom-nav>button>span{opacity:0;position:absolute;width:1px!important;height:1px!important;margin:0!important}.bottom-nav>button:before{display:none!important}.bottom-nav>button:active{transform:none!important;box-shadow:inset 0 0 18px #b9732f2b!important}.bottom-nav>button:focus-visible{outline:3px solid #d6a264;outline-offset:-3px}.pomi-glad:after{content:'♡';position:absolute;top:4%;right:1%;color:#ff7da4;font:26px 'Jua',sans-serif;animation:exactLove .75s ease-out forwards;text-shadow:0 1px #fff7e5}@keyframes exactLove{to{transform:translateY(-30px) scale(1.2);opacity:0}}@media(max-width:360px){.exact-d-value{font-size:20px}}
/* V9: original art backplate + separate animated PNG objects. */
.exact-art-layers{position:absolute;inset:0;pointer-events:none;z-index:2}.exact-pomi-layer{position:absolute;left:65.4%;top:10.5%;width:29.3%;height:24.2%;object-fit:contain;transform-origin:50% 94%;animation:pomiBreath 3.4s ease-in-out infinite;filter:drop-shadow(0 3px 2px #8157311c)}.exact-pomi-layer.pomi-tapped{animation:pomiTwoHops 1.05s ease-in-out}.exact-social-layer{position:absolute;top:87.65%;height:7.05%;width:18.8%;object-fit:contain;transform-origin:50% 88%;animation:softIconBreathe 4s ease-in-out infinite}.friends-layer{left:6.4%;animation-delay:.15s}.group-layer{left:29.1%;animation-delay:.85s}.coupon-layer{left:52%;animation-delay:1.5s}.game-layer{left:75%;animation-delay:2.1s}.exact-hotspot{z-index:5}.exact-main-art{position:relative;z-index:0}.exact-hotspot:hover{box-shadow:none}.exact-hotspot:active{box-shadow:inset 0 0 14px #ffdfb655}.exact-home .bottom-nav,.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);height:calc(68px + env(safe-area-inset-bottom));max-width:480px;width:100%;display:flex;align-items:flex-end;background:linear-gradient(#fff9eb,#ffe6c5);border:1.5px solid #e6bd8d;border-bottom:0;border-radius:26px 26px 0 0;box-shadow:inset 0 3px #fffdf3,0 -3px 8px #b77a3b22;padding:4px 9px calc(5px + env(safe-area-inset-bottom))}.bottom-nav>button,.bottom-nav>.nav-talkie{height:57px;min-height:57px;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;gap:0;background:none!important;position:relative;padding:0 0 2px;overflow:visible}.bottom-nav>button>img{opacity:1;position:relative;width:39px!important;height:37px!important;margin:0!important;object-fit:contain;animation:navSubtle 6s ease-in-out infinite;transform-origin:50% 80%}.bottom-nav>button:nth-child(2)>img{animation-delay:1s}.bottom-nav>button:nth-child(4)>img{animation-delay:2s}.bottom-nav>button:nth-child(5)>img{animation-delay:3s}.bottom-nav>button>span{opacity:1;position:relative;width:auto!important;height:auto!important;font:11px 'Jua',sans-serif;margin:0!important;padding:2px 1px!important;color:#74451f;white-space:nowrap}.bottom-nav>.nav-talkie{background:linear-gradient(#ffbe68,#f69934)!important;border:1px solid #db8c3b!important;border-radius:20px;box-shadow:inset 0 2px #ffdca3,0 2px #bc7b3544!important;height:60px;min-height:60px}.bottom-nav>.nav-talkie>img{width:46px!important;height:49px!important;margin-top:-12px!important;animation:walkieWiggle 5s infinite}.bottom-nav>.nav-talkie>span{font-size:12px;color:#fff8e1;text-shadow:0 1px #b56b29}.bottom-nav>button.active:not(.nav-talkie)>span{color:#cd7d3c}.bottom-nav>button:active>img{transform:scale(.91);animation:none!important}.bottom-nav>button:before{display:none!important}.exact-home .app{padding-bottom:calc(72px + env(safe-area-inset-bottom));background:#ffe6d4;min-height:100svh}.coupon-scene{width:100%;height:168px;object-fit:cover;border-radius:24px;margin-bottom:15px}.coupon-heading-art{width:100%;height:auto;display:block;border-radius:20px;max-height:95px;object-fit:cover}.coupon-ticket-card{position:relative;margin:15px 0 18px;border-radius:24px;filter:drop-shadow(0 5px 4px #ba718c26);animation:couponAppear .35s ease-out}.coupon-ticket-card>img{width:100%;height:auto;display:block;border-radius:24px}.coupon-ticket-meta{display:flex;justify-content:space-between;font:11px 'Jua',sans-serif;color:#b27d8e;padding:9px 10px 0}.coupon-tabs{display:flex;gap:7px;margin:13px 0}.coupon-tabs>button{width:50%;border:1.5px solid #e8b58b;border-radius:22px;background:linear-gradient(#fff7e8,#ffdfba);font:16px 'Jua',sans-serif;min-height:42px;box-shadow:0 2px #ce9b6e55}.coupon-tabs>button.active{background:linear-gradient(#ffb6c8,#f681a4);border-color:#d87b96;color:#fff7e3;text-shadow:0 1px #be6b80}.point-info-line{border:1px solid #e8bd91;border-radius:20px;background:#fff2df;padding:12px;text-align:center;font:13px/1.7 'Jua',sans-serif;color:#a17a51;margin:16px 0}.point-info-line b{color:#ce7b8b}.coupon-status-art{font:11px 'Jua',sans-serif;text-align:center;color:#ba8d82;margin:8px}.coupon-intro{display:none}.coupon-game-cta{background:linear-gradient(#b9de87,#91be5a)!important;border-color:#82a856!important;box-shadow:inset 0 0 0 2px #d7edb9,0 3px #78984a66!important}.exact-d-value{z-index:3}@keyframes pomiBreath{0%,100%{transform:translateY(0) rotate(-.3deg)}50%{transform:translateY(-3px) rotate(.7deg)}}@keyframes pomiTwoHops{0%,100%{transform:translateY(0)}22%{transform:translateY(-12px) rotate(-3deg)}40%{transform:translateY(0) scaleY(.98)}65%{transform:translateY(-8px) rotate(2deg)}82%{transform:translateY(0)}}@keyframes softIconBreathe{0%,80%,100%{transform:translateY(0) rotate(0)}87%{transform:translateY(-2px) rotate(-2deg)}94%{transform:translateY(-1px) rotate(1.5deg)}}@keyframes navSubtle{0%,90%,100%{transform:translateY(0)}95%{transform:translateY(-2px)}}@keyframes walkieWiggle{0%,84%,100%{transform:rotate(0)}88%{transform:rotate(-4deg)}93%{transform:rotate(4deg)}97%{transform:rotate(-2deg)}}@keyframes couponAppear{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.exact-pomi-layer,.exact-social-layer,.bottom-nav>button>img{animation:none!important}}
.exact-main-art{clip-path:inset(0 0 8px 0)}.exact-social-layer{top:88.1%;height:6.3%;width:18%;object-fit:contain}.friends-layer{left:6.9%}.group-layer{left:29.7%}.coupon-layer{left:52.2%}.game-layer{left:75.2%}
.exact-cart-badge{position:absolute;z-index:8;left:79.2%;top:.7%;min-width:16px;height:16px;border-radius:50%;background:linear-gradient(#ff9db8,#ed6e93);border:1px solid #ffdbdf;color:white;font:10px/14px 'Jua',sans-serif;text-align:center;box-shadow:0 1px #b7687d55;pointer-events:none}.exact-social-layer.menu-tapped{animation:menuTap .42s ease-in-out}.coupon-scene{height:150px;margin-top:9px}.coupon-heading-art{border-radius:22px}.coupon-status-art{margin:0}@keyframes menuTap{35%{transform:translateY(-4px) rotate(-3deg) scale(1.03)}75%{transform:translateY(-1px) rotate(2deg)}}
.smsking-gift-link{display:block;text-align:center;padding:12px;border:1px solid #e9c1ca;background:#fff1f2;color:#b77c91;border-radius:19px;font:14px 'Jua',sans-serif;text-decoration:none;margin:12px 0 20px}
/* Approved radio artwork with real controls and live send/receive motion. */
.direct-radio-screen .app>header{display:none}.direct-radio-screen #socialPage{padding:0 0 12px}.direct-radio-art{position:relative;width:100%;line-height:0}.radio-original{width:100%;display:block}.radio-art-hotspot{position:absolute!important;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;margin:0!important;border-radius:30px;cursor:pointer;min-height:0!important}.radio-art-hotspot:focus-visible{outline:3px solid #ef8029;outline-offset:-3px}.radio-art-cart{left:66%;top:1%;width:14%;height:7%}.radio-art-bell{left:82%;top:1%;width:15%;height:7%}.radio-art-ptt.room-ptt{left:27%;top:53%;width:48%;height:17%;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.radio-art-ptt:active,.radio-art-ptt.is-talking{background:#ff792852!important;box-shadow:0 0 30px #ffae37!important;animation:radioPulse .55s infinite alternate}.radio-art-ptt:disabled{opacity:1!important;filter:none!important}.radio-art-friends{left:8%;top:87%;width:45%;height:9%}.radio-art-meetup{left:55%;top:87%;width:43%;height:9%}.radio-lcd{position:absolute;left:43%;top:39%;width:25%;height:6%;background:#575f2b;border-radius:9px;color:#fff4bf;line-height:1.4;display:grid;place-items:center;font-size:clamp(11px,3.5vw,17px);font-weight:800;box-shadow:inset 0 1px 4px #293a21}.radio-peer-panel{margin:0 12px 10px!important;padding:14px!important}.radio-peer-panel select{width:100%;min-height:46px;border:1px solid #dcb88b;background:#fffaf0;border-radius:16px;padding:8px;color:#653519;font:inherit}.radio-playback{margin:10px 12px;padding:16px;border:2px solid #efbb76;border-radius:25px;background:linear-gradient(#fff9e9,#ffe8c9);box-shadow:inset 0 0 0 3px #fff9e7,0 5px 0 #dba36e55}.radio-playback button{width:100%;min-height:46px;margin-top:8px}.radio-receive-title{display:flex;align-items:center;gap:8px}.radio-receive-title img{height:42px;width:42px;object-fit:contain}.receive-dot{margin-left:auto;width:9px;height:9px;background:#8aac48;border-radius:50%;animation:radioPulse 1.3s infinite alternate}.radio-playback p{font-size:13px;line-height:1.6}.radio-permission-hero{height:155px;overflow:hidden;border-radius:20px;margin-bottom:14px}.radio-permission-hero img{width:100%;height:100%;object-fit:cover;animation:radioFloat 3s ease-in-out infinite}.permission-checks{background:#fff2d9;border:1px solid #ebc28a;border-radius:20px;padding:8px 16px;margin:14px 0}.permission-checks p{font-size:14px;line-height:1.6}.radio-message-history{max-height:220px;overflow:auto}.radio-message-history audio{width:100%;min-width:180px}.radio-inbox-anchor{margin:10px 12px!important;padding:10px!important}.radio-live-bars{position:absolute;left:16%;top:77%;height:5%;width:67%;display:flex;align-items:center;justify-content:space-around;pointer-events:none}.radio-live-bars i{background:#82aa45;width:1.8%;height:22%;border-radius:8px}.direct-radio-art:has(.is-talking) .radio-live-bars i,.direct-radio-art.is-receiving .radio-live-bars i{animation:radioWave .5s ease-in-out infinite alternate}.radio-live-bars i:nth-child(3n){animation-delay:-.2s}.radio-live-bars i:nth-child(2n){animation-delay:-.4s}.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#dialog:has(.radio-permission-hero){border:3px solid #e6ad63;box-shadow:inset 0 0 0 3px #fff1c9,0 16px 60px #57301955;border-radius:32px;animation:radioModalIn .3s cubic-bezier(.2,.8,.2,1.1)}
@keyframes radioPulse{to{filter:brightness(1.17);transform:scale(1.025)}}@keyframes radioFloat{50%{transform:translateY(-3px) scale(1.02)}}@keyframes radioWave{to{height:95%}}@keyframes radioModalIn{from{opacity:0;transform:translateY(20px) scale(.93)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.radio-live-bars i,.radio-permission-hero img,.receive-dot,.radio-art-ptt,#dialog:has(.radio-permission-hero){animation:none!important}}

.direct-radio-screen .radio-lcd,.direct-radio-screen .radio-live-bars{display:none}
/* Radio lobby and a separate chat room. Artwork is never covered by live UI. */
.radio-home-hero{position:relative;aspect-ratio:512/475;overflow:hidden}.radio-home-hero>img{width:100%;height:auto;display:block}.radio-home-bell{position:absolute;right:3%;top:1.5%;width:15%;height:15%;background:transparent;border:0;box-shadow:none}.radio-lobby-content{padding:16px}.radio-lobby-content>button{width:100%;min-height:50px}.radio-lobby-content h2{font-size:21px;margin:22px 0 6px}.radio-room-empty{text-align:center;line-height:1.8;padding:24px 10px;color:#98673f;background:#fff3df;border:1px solid #e8be87;border-radius:22px}.radio-invite-row{width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:12px;background:#fff5e3;border:1px solid #e9bc7e;border-radius:20px;margin:9px 0;color:#69371d;box-shadow:0 3px 0 #d7a66b44;min-height:66px}.radio-invite-row img{width:44px;height:44px;object-fit:contain}.radio-invite-row span{flex:1;min-width:0}.radio-invite-row b{display:block;overflow-wrap:anywhere;font-size:16px}.radio-invite-row small{display:block;font-size:12px;opacity:.7;margin-top:5px}.radio-invite-row strong{font-size:14px;white-space:nowrap;color:#df7a40}.radio-chat-room .app{height:100dvh;overflow:hidden;padding-bottom:0}.radio-chat-room #socialPage{height:calc(100dvh - 76px - env(safe-area-inset-bottom));padding:0;overflow:hidden}.radio-chat-room #socialContent{height:100%}.radio-chat-layout{height:100%;display:flex;flex-direction:column;min-height:0;background:#fff1e4}.radio-chat-title{display:flex;align-items:center;gap:12px;padding:10px 15px;background:#fff5df;flex-shrink:0;border-bottom:1px solid #edcf9c}.radio-chat-title button{width:38px;height:38px;border-radius:50%;border:1px solid #e6b46b;background:#fffaf0;color:#864c23;font-size:28px}.radio-chat-title b{font-size:17px}.radio-chat-title small{display:block;font-size:11px;opacity:.7;margin-top:4px}.radio-chat-hero{height:132px;flex-shrink:0;overflow:hidden;background:#f6d8b9}.radio-chat-hero img{display:block;width:100%;height:100%;object-fit:contain}.radio-chat-tabs{display:flex;gap:8px;padding:8px 12px;background:#ffefd9;flex-shrink:0}.radio-chat-tabs button{flex:1;min-height:34px;border-radius:18px;border:1px solid #e6c08c;background:#fffaf0;color:#895535;font:14px 'Jua',sans-serif}.radio-chat-tabs button.active{background:#f59b6a;color:#fff;border-color:#ed945e}.radio-chat-messages{flex:1;min-height:80px;overflow-y:auto;overscroll-behavior:contain;padding:12px;scroll-behavior:smooth}.radio-chat-messages .chat-bubble{max-width:83%;margin:0 0 12px;padding:11px 13px;border-radius:18px 18px 18px 4px;background:#fffdf5;box-shadow:0 2px 4px #b67c4e12;overflow-wrap:anywhere}.radio-chat-messages .chat-bubble.mine{margin-left:auto;background:#ffd8df;border-radius:18px 18px 4px 18px}.radio-chat-messages .chat-bubble small{font-size:10px;opacity:.65}.radio-chat-messages .chat-bubble p{margin:6px 0 0;line-height:1.5;font-size:14px}.radio-chat-messages .chat-empty{padding:25px 0;min-height:0;font-size:13px}.radio-message-play{display:block;min-height:42px;width:100%;margin-top:7px;padding:8px 14px;background:#fff0ca;border:1px solid #e1ae68;border-radius:15px;color:#744422;font:15px 'Jua',sans-serif}.voice-only .chat-bubble:not(.has-voice),.voice-only .chat-bubble.mine{display:none}.radio-chat-composer{padding:7px 12px 10px;background:#fff8eb;border-top:1px solid #edd0a2;flex-shrink:0}.radio-chat-composer>p{font-size:11px;margin:0 0 6px;text-align:center;line-height:1.4;color:#98724d}.radio-chat-composer form{display:flex;gap:8px;margin-bottom:7px}.radio-chat-composer input{flex:1;min-width:0;height:40px;border:1px solid #e2c599;border-radius:20px;padding:0 14px;background:#fff;font:16px sans-serif;color:#704020}.radio-chat-composer form button{width:42px;min-width:42px;height:40px;border-radius:50%;border:1px solid #ed98ac;background:#fb8ea8;color:white;font-size:21px}.radio-chat-ptt{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:48px;border:2px solid #f5ba67;border-radius:23px;background:linear-gradient(#ffb853,#f78b22);box-shadow:inset 0 1px 2px #fff8dd,0 3px 0 #d38b48;color:#fff;font:17px 'Jua',sans-serif;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.radio-chat-ptt img{width:35px;height:40px;object-fit:contain}.radio-chat-ptt.is-talking{background:linear-gradient(#fb997b,#ef6551);box-shadow:inset 0 1px 2px #fff8dd,0 0 10px #f89d6477}.chat-voice-wave{display:flex;align-items:center;gap:3px;height:23px;width:40px}.chat-voice-wave i{height:4px;width:3px;border-radius:3px;background:#fff9df}.radio-chat-ptt.is-talking .chat-voice-wave i{animation:radioWave .38s infinite alternate}.chat-voice-wave i:nth-child(2n){animation-delay:-.2s}.chat-voice-wave i:nth-child(3n){animation-delay:-.1s}@media(max-height:650px){.radio-chat-hero{height:85px}.radio-chat-title{padding:7px 12px}.radio-chat-room #socialPage{height:calc(100dvh - 70px - env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.chat-voice-wave i{animation:none!important}}
.radio-chat-room .app{height:var(--radio-viewport-height,100dvh)}.radio-chat-room #socialPage{height:calc(var(--radio-viewport-height,100dvh) - 76px - env(safe-area-inset-bottom))}.radio-chat-hero{height:95px}.radio-chat-hero img{object-fit:contain}.radio-chat-title>span{flex:1;min-width:0}.radio-chat-title b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#radioTopPtt{padding:6px 12px 9px;background:#fff1db;flex-shrink:0}#radioTopPtt .radio-chat-ptt{height:43px;font-size:15px}#radioTopPtt .radio-chat-ptt img{height:33px;width:29px}.radio-chat-composer{padding-bottom:10px}.radio-chat-composer form{margin-bottom:0}.radio-chat-room.keyboard-open .bottom-nav{display:none}.radio-chat-room.keyboard-open #socialPage{height:var(--radio-viewport-height,100dvh)}.radio-chat-room.keyboard-open .radio-chat-hero{display:none}@media(max-height:650px){.radio-chat-hero{height:60px}}

.radio-chat-hero img{object-fit:cover;object-position:center 58%}#radioTopPtt .radio-chat-ptt b{font-size:16px;line-height:1.2}.radio-chat-tabs button{font-size:14px}.radio-chat-composer form button{flex-shrink:0}