@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@500;600;700;800;900&display=swap');
:root{--brown:#613818;--orange:#ef7d24;--cream:#fff5da}*{box-sizing:border-box}body{margin:0;background:#d7c8b2;color:var(--brown);font-family:'Noto Sans KR',sans-serif;font-size:14px}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:focus-visible{outline:3px solid #447a65;outline-offset:3px}button:active{transform:translateY(3px) scale(.97)!important}button{transition:transform .15s}img{display:block;max-width:100%;user-select:none;-webkit-user-drag:none}[hidden]{display:none!important}.app{width:100%;max-width:480px;min-height:100svh;margin:auto;background:#fae6c5;position:relative;overflow-x:clip;box-shadow:0 0 60px #71542e35;padding-bottom:calc(92px + env(safe-area-inset-bottom))}header{height:81px;display:flex;align-items:center;justify-content:space-between;padding:12px 18px 6px;background:linear-gradient(#fff4dff5,#fff0d0e6);position:relative;z-index:2;border-bottom:2px solid #fff9e8}.wordmark{font-size:23px;font-weight:900;letter-spacing:-1px;text-shadow:0 2px 0 white;padding:0}.wordmark>span{color:#dc681e}.wordmark small{display:block;text-align:left;letter-spacing:2px;font-size:9px;margin-top:0;color:#b47b48}.top-actions{display:flex;gap:10px}.top-actions button{width:40px;height:44px;position:relative}.top-actions img{width:40px;height:40px;object-fit:contain}.top-actions b{position:absolute;top:-3px;right:-3px;background:#e65b2b;color:white;min-width:18px;padding:1px 4px;font-size:10px;border-radius:20px;border:2px solid #fff3d7}#lobby{background:linear-gradient(to bottom,transparent 55%,#f8e3bdb8 72%,#fbeacfff 84%),url('assets/game/main.png') center top / 100% auto no-repeat;min-height:760px}.welcome{text-align:center;padding-top:17px;position:relative;z-index:1}.welcome>span{font-size:11px;font-weight:700;color:#87623d}.welcome h1{font-size:23px;margin:3px 0;letter-spacing:-1px;font-weight:900;color:#6b3e22;text-shadow:0 2px 0 #fff7d7,1px 0 #fff7d7,-1px 0 #fff7d7}.stage{height:330px;position:relative;margin-top:2px}.camel-tap{position:absolute;left:50%;bottom:28px;width:200px;height:288px;transform:translateX(-50%);padding:0;z-index:2}.camel-tap:active{transform:translateX(-50%) scale(.97)!important}.camel-tap>img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 12px 7px #74461740);animation:camelFloat 3.4s ease-in-out infinite;transform-origin:50% 90%}.camel-tap.happy>img{animation:happy .65s ease-in-out}.stage-side{position:absolute;top:53px;display:grid;gap:17px;z-index:3}.stage-side.left{left:13px}.stage-side.right{right:13px}.stage-side button{width:71px;position:relative;padding:0;text-align:center}.stage-side img{width:64px;height:64px;object-fit:contain;margin:auto;filter:drop-shadow(0 4px 2px #8e602b35)}.stage-side b{display:block;font-size:12px;font-weight:900;text-shadow:0 1px 2px #fff8db,1px 1px #fff8db,-1px -1px #fff8db;background:#fff4d8df;border-radius:20px;padding:2px 3px;box-shadow:0 2px 0 #b8915a33}.stage-side i{position:absolute;top:1px;right:4px;background:#ed6131;border:2px solid #fff1cb;color:white;font-style:normal;font-size:11px;width:19px;height:19px;border-radius:50%;animation:wiggle 3s infinite}.speech{position:absolute;top:3px;left:50%;transform:translateX(-50%);background:#fff9e8;border:2px solid #d5a66c;border-radius:17px;padding:8px 12px;font-size:10px;white-space:nowrap;box-shadow:0 4px 0 #9d713c25;z-index:4}.speech:after{content:'';position:absolute;bottom:-7px;left:50%;width:10px;height:10px;background:#fff9e8;border-right:2px solid #d5a66c;border-bottom:2px solid #d5a66c;transform:rotate(45deg)}.nameplate{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);background:linear-gradient(#fff2cd,#efc58d);border:2px solid #c79652;border-radius:14px;min-width:115px;text-align:center;padding:4px 14px;box-shadow:0 4px 0 #a1703950;z-index:4}.nameplate span{font-size:8px;display:block;color:#a17749}.nameplate b{font-size:18px;line-height:1.2}.spark{position:absolute;color:#fff0b0;text-shadow:0 0 10px #fff,0 0 4px #fff;font-size:25px;animation:twinkle 2s ease-in-out infinite;z-index:1}.s1{left:26%;top:95px}.s2{right:27%;top:56px;animation-delay:.8s}.s3{right:25%;bottom:72px;animation-delay:1.3s}.game-actions{padding:6px 18px 0}.game-button{width:100%;height:65px;display:flex;align-items:center;justify-content:center;gap:8px;background:url('assets/game/button-orange.png') center/100% 100% no-repeat;font-weight:900;font-size:19px;color:#fff8df;text-shadow:0 2px 0 #b75e16;padding:4px 17px 10px;filter:drop-shadow(0 4px 0 #b4772b22)}.game-button img{width:45px;height:45px;object-fit:contain}.game-button>b{margin-left:auto;font-size:18px}.game-button.primary>span{margin-right:auto}.secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:7px}.secondary-actions .game-button{height:57px;font-size:14px;gap:4px;padding:2px 10px 8px;text-shadow:0 1px #fffae8}.secondary-actions img{width:39px;height:39px}.mint{background-image:url('assets/game/button-mint.png');color:#365c36}.cream{background-image:url('assets/game/button-cream.png');color:#7c4b21}.talkie-dock{margin:15px 18px 10px;background:#fff6dfed;border:2px solid #d5b480;border-radius:20px;padding:12px 13px 9px;box-shadow:0 5px 0 #cba47455,inset 0 2px #fffdf0}.room{display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px}.room>span{grid-column:1/-1;font-size:8px;letter-spacing:1.3px;color:#a38c64;font-weight:800}.room i{display:inline-block;width:6px;height:6px;background:#7db569;border-radius:50%;box-shadow:0 0 0 3px #7db56920;margin-right:4px}.room>b{font-size:13px}.room>small{font-size:8px;color:#ad9570}.mic{margin-top:9px;width:100%;display:flex;align-items:center;background:linear-gradient(#e3edce,#c7d9a9);border:2px solid #9dae7d;box-shadow:0 3px 0 #81915d;border-radius:13px;padding:5px 10px;gap:10px;touch-action:none;user-select:none;min-height:58px}.mic>img{width:43px;height:45px;object-fit:contain}.mic>div{text-align:left}.mic b{font-size:13px}.mic small{display:block;font-size:9px;color:#7b8e5c;margin-top:2px}.wave{display:flex;gap:3px;align-items:center;margin-left:auto}.wave i{width:3px;height:13px;background:#819a61;border-radius:3px}.wave i:nth-child(even){height:22px}.mic.recording{background:linear-gradient(#ffd48f,#faaa4b);border-color:#d48432}.mic.recording .wave i{animation:wave .35s infinite alternate}.demo-note{font-size:8px;text-align:center;line-height:1.7;color:#a28c67;margin:9px 0 0}audio{width:100%;height:35px;margin-top:10px}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;display:flex;align-items:flex-end;background:linear-gradient(#fff7df,#f3ddb8);border-top:3px solid #d1aa72;box-shadow:0 -5px 20px #99703b1c;z-index:10;padding:4px 5px calc(7px + env(safe-area-inset-bottom));height:calc(78px + env(safe-area-inset-bottom));border-radius:23px 23px 0 0}.bottom-nav button{width:20%;padding:0;display:flex;align-items:center;flex-direction:column;gap:0;position:relative}.bottom-nav img{height:43px;width:48px;object-fit:contain;filter:drop-shadow(0 3px 1px #97672d25)}.bottom-nav span{font-size:10px;font-weight:800;padding:2px 7px;border-radius:20px}.bottom-nav button.active span{color:#db6a23;background:#ffe9bd}.nav-talkie img{height:64px;width:64px;margin-top:-20px;animation:wiggle 4s infinite}.nav-talkie span{color:#d16b27}#shop{min-height:calc(100svh - 160px);background:url('assets/game/sub.png') top center/100% auto no-repeat;padding:24px 14px}.shop-heading{display:flex;align-items:center;gap:10px;margin:0 0 110px}.shop-heading>button{width:38px;height:38px;border-radius:50%;background:#fff2d8;border:2px solid #c99b5c;font-size:29px;line-height:1}.shop-heading small{font-size:8px;color:#956739;letter-spacing:1px}.shop-heading h1{font-size:21px;margin:2px 0;letter-spacing:-1px;text-shadow:0 1px #fff7dc}.shop-panel{background:#fff5dfec;border:2px solid #d8b684;border-radius:20px;padding:16px 12px;box-shadow:0 5px #c3995b30}.shop-panel h2{font-size:16px;margin:0 0 14px}.brand-list{display:flex;gap:10px;overflow-x:auto;padding:4px 3px 15px;scrollbar-width:thin}.brand{flex:0 0 61px;font-size:8px;white-space:nowrap;padding:0}.mark{width:49px;height:49px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(#fffef6,#f4e1bf);border:2px solid #dab783;box-shadow:0 3px #c49c68;font-size:22px;font-weight:900;color:var(--brand);margin:0 auto 8px}.brand.active .mark{border-color:#e77526;box-shadow:0 3px #b96b2d,0 0 0 3px #f2bf7f}.section-title{display:block;margin-top:12px}.section-title h2{margin-bottom:4px}.section-title>span{font-size:9px;color:#a68b61}.filters{display:flex;gap:8px;margin:14px 0}.filters button{font-size:11px;background:#efdfc0;border:1px solid #d9bc8b;border-radius:12px;padding:7px 13px}.filters .active{background:#e88b3c;border-color:#c7712b;box-shadow:0 2px #bb6b2b;color:white}.products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product{background:#fff9ee;border:2px solid #e1c69e;border-radius:17px;overflow:hidden;padding:0 0 12px;text-align:left;box-shadow:0 3px #d8b78455}.product img{width:100%;aspect-ratio:1;object-fit:cover}.info{padding:0 9px}.info small{font-size:8px;color:#ac906b}.info h3{font-size:12px;margin:4px 0 8px}.info b{font-size:12px}.add{float:right;border-radius:8px;background:#efa142;color:white;width:24px;height:24px;text-align:center;font-size:17px;box-shadow:0 2px #bb7b31}dialog{border:0;background:transparent url('assets/game/modal.png') center/100% 100% no-repeat;color:var(--brown);width:min(94vw,440px);padding:100px 32px 50px;min-height:480px;max-height:90svh;overflow:visible;filter:drop-shadow(0 18px 35px #41231266)}dialog::backdrop{background:#3c2817a3;backdrop-filter:blur(4px)}#modal{max-height:calc(90svh - 170px);overflow:auto;scrollbar-width:thin}.close{position:absolute;right:3.7%;top:8.3%;width:13%;height:12%;opacity:0}.eyebrow{font-size:9px;letter-spacing:1px;color:#a07a45}dialog h2{font-size:23px;letter-spacing:-1px;margin:10px 0}dialog h3{font-size:17px}dialog p{font-size:12px;line-height:1.8;color:#997b53}dialog input,dialog select{font:inherit;width:100%;padding:11px;border:2px solid #d9ba8d;border-radius:11px;background:#fffdf3;margin:5px 0 10px;color:var(--brown);min-height:45px}dialog label{display:block;font-size:12px;margin-top:6px}.orange{background:url('assets/game/button-orange.png') center/100% 100% no-repeat;min-height:55px;padding:10px 12px 15px;color:white;text-shadow:0 1px #a8591d;font-size:13px;font-weight:800;width:100%;margin-top:10px}.preview{width:96px;height:96px;object-fit:cover;border-radius:20px;margin:auto}.cart-row{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:12px 0;border-bottom:1px solid #ddc29b;font-size:11px}.cart-row button{color:#ce742d;font-size:16px}.cart-row small{font-size:9px}#toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;z-index:50;width:max-content;max-width:85vw;text-align:center;background:#684222ed;border:2px solid #eac18a;color:#fff1d5;border-radius:15px;padding:12px 17px;font-size:12px;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}@keyframes camelFloat{50%{transform:translateY(-7px) rotate(1.5deg)}}@keyframes happy{25%{transform:translateY(-18px) rotate(-5deg)}60%{transform:translateY(-10px) rotate(6deg)}}@keyframes twinkle{50%{opacity:.3;transform:scale(.6) rotate(30deg)}}@keyframes wiggle{0%,85%,100%{transform:rotate(0)}90%{transform:rotate(-6deg)}95%{transform:rotate(6deg)}}@keyframes wave{to{height:6px}}@media(max-width:360px){header{height:73px;padding-left:14px;padding-right:14px}.wordmark{font-size:21px}.welcome h1{font-size:21px}.stage{height:305px}.camel-tap{height:260px;width:180px}.stage-side button{width:62px}.stage-side img{width:56px;height:56px}.stage-side.left{left:8px}.stage-side.right{right:8px}.game-actions{padding-left:12px;padding-right:12px}.game-button{font-size:17px}.talkie-dock{margin-left:12px;margin-right:12px}.secondary-actions .game-button{font-size:13px}dialog{padding-left:27px;padding-right:27px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.shop-heading>div{background:#fff2d8ed;border:1px solid #d7b483;padding:7px 10px;border-radius:13px;box-shadow:0 3px 0 #be925b25}.shop-heading h1{font-size:18px}.gift-confetti{position:fixed;top:-30px;left:var(--x);width:9px;height:15px;border-radius:3px;background:var(--c);z-index:60;pointer-events:none;animation:confetti 1.6s ease-in forwards}@keyframes confetti{to{transform:translate(var(--drift),95svh) rotate(640deg);opacity:0}}
/* V4 — Pomi's coffee street: mobile brand selection first. */
#lobby{background:linear-gradient(#d9eff1 0,#f8e3bb 245px,#f5dfba 100%);min-height:0;padding-bottom:10px}.pomi-welcome{height:205px;position:relative;background:linear-gradient(90deg,#fff2d6e8 5%,#fff1d650 70%),url('assets/game/main.png') center 46%/100% auto;border-bottom:3px solid #e5bc7c;overflow:hidden}.pomi-title{position:absolute;left:18px;top:25px;z-index:2;max-width:64%}.pomi-title>span:first-child{font-size:8px;font-weight:900;color:#a4743f;letter-spacing:1px}.pomi-title h1{font-size:23px;line-height:1.45;letter-spacing:-1.4px;margin:6px 0;color:#714422;text-shadow:0 2px #fff5dd}.pomi-title p{font-size:10px;margin:4px 0;color:#ad7b47}.pomi-title .speech{position:relative;display:inline-block;left:auto;top:auto;transform:none;margin-top:13px;font-size:9px;padding:7px 10px;max-width:100%;white-space:normal;border-width:1px}.pomi-title .speech:after{left:85%;border-width:1px;bottom:-6px}.pomi-welcome .camel-tap{width:185px;height:185px;left:auto;right:-15px;bottom:0;transform:none;z-index:1}.pomi-welcome .camel-tap:active{transform:scale(.97)!important}.pomi-welcome .camel-tap>img{animation:none;filter:drop-shadow(0 5px 3px #86562d22);width:100%;height:100%;object-fit:contain}.pomi-shadow{position:absolute;width:85px;height:11px;background:#8e663d35;filter:blur(3px);border-radius:50%;right:35px;bottom:7px}.pomi-welcome .s1{left:auto;right:19px;top:37px;font-size:19px}.pomi-welcome .s2{right:138px;top:auto;bottom:22px;font-size:17px}.coffee-street{margin:15px 13px 0;background:linear-gradient(#fff8e8,#fbeacb);border:2px solid #d9b17a;border-radius:20px;box-shadow:0 4px #c6a06a50,inset 0 2px #fffef4;padding:15px 11px 10px}.street-title{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:15px}.street-title>div>span{font-size:7px;letter-spacing:1.4px;color:#b38b5b;font-weight:800}.street-title h2{font-size:19px;letter-spacing:-1px;margin:2px 0 0;font-weight:900}.street-tag{font-size:8px;border-radius:20px;background:#eed9b0;padding:5px 7px;color:#9e743f;white-space:nowrap}.home-brands{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 8px}.cafe-shop{position:relative;min-width:0;padding:0 0 7px;border-radius:13px;background:#fffaf0;border:1px solid #e8cd9f;box-shadow:0 3px #d8b17b55;overflow:hidden;animation:shopIn .4s both;animation-delay:var(--delay)}.shop-roof{display:block;height:17px;margin:9px 7px 0;border-radius:9px 9px 3px 3px;background:repeating-linear-gradient(90deg,var(--cafe) 0 12px,#fff5d9 12px 23px);border-top:4px solid var(--cafe);box-shadow:0 3px 2px #6e4b2725;position:relative;z-index:1}.cafe-front{height:49px;display:block;position:relative;margin:0 10px 8px;background:linear-gradient(#ffefd4,#f6d9ad);border:1px solid #d9b17b;border-radius:0 0 5px 5px}.shop-emblem{position:absolute;top:5px;left:50%;transform:translateX(-50%);font-size:16px;color:var(--cafe);line-height:19px;font-weight:900}.shop-window{position:absolute;bottom:5px;left:8px;width:18px;height:15px;border:2px solid #ba915d;background:linear-gradient(90deg,#a9cbb9 45%,#fff4d5 46% 55%,#a9cbb9 56%);border-radius:5px 5px 0 0}.shop-door{position:absolute;bottom:0;right:8px;height:22px;width:14px;background:#bb8f5c;border:2px solid #9d7547;border-radius:7px 7px 0 0}.cafe-shop>b{display:block;font-size:10px;font-weight:900;white-space:nowrap;letter-spacing:-.6px;padding:0 2px}.cafe-shop>small{display:block;font-size:7px;margin-top:3px;color:#b08a58}.brand-note{text-align:center;font-size:8px;color:#b69a74;margin:12px 0 0}.home-quick{margin:14px 13px 0;gap:6px}.home-quick .game-button{font-size:12px;height:54px}.home-quick .game-button img{width:34px;height:34px}.talkie-dock{margin-top:14px}.home-brands .cafe-shop:last-child{grid-column:2}.shop-panel h2{font-size:16px}@keyframes shopIn{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@media(max-width:360px){.pomi-welcome{height:190px}.pomi-title{left:14px;top:23px;max-width:65%}.pomi-title h1{font-size:20px}.pomi-title p{font-size:9px}.pomi-welcome .camel-tap{width:165px;height:165px;right:-22px}.pomi-shadow{right:20px}.coffee-street{margin-left:9px;margin-right:9px;padding:13px 8px 9px}.street-title h2{font-size:17px}.street-tag{font-size:7px}.home-brands{gap:9px 6px}.cafe-shop>b{font-size:9px}.shop-roof{margin-left:5px;margin-right:5px}.cafe-front{margin-left:8px;margin-right:8px}.shop-window{left:5px;width:15px}.shop-door{right:5px;width:12px}.home-quick .game-button{font-size:10px}.home-quick .game-button img{width:30px}}
/* Mobile correction pass */
.pomi-welcome{display:grid;grid-template-columns:minmax(0,1fr) 140px;height:205px;padding:20px 14px;align-items:center}.pomi-title{position:relative;left:auto;top:auto;max-width:none;min-width:0}.pomi-title h1{font-size:22px;word-break:keep-all;line-height:1.4;margin:7px 0}.pomi-title p{font-size:11px;word-break:keep-all;line-height:1.6}.pomi-title>span:first-child{font-size:7px;letter-spacing:.6px}.pomi-title .speech{font-size:10px;margin-top:9px;padding:6px 8px}.pomi-welcome .camel-tap{position:relative;left:auto;right:auto;bottom:auto;width:160px;height:180px;margin-left:-10px;align-self:end;transform:none}.pomi-shadow{right:31px;bottom:15px}.home-brands{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-brands .cafe-shop:last-child{grid-column:auto}.cafe-shop{padding-bottom:10px}.cafe-shop>b{font-size:13px;letter-spacing:-.5px;white-space:normal;word-break:keep-all;line-height:1.5;min-height:20px}.cafe-shop>small{font-size:10px;line-height:1.5;margin-top:3px}.shop-roof{margin-left:15px;margin-right:15px;height:20px}.cafe-front{margin-left:20px;margin-right:20px;height:56px}.shop-emblem{font-size:21px;line-height:25px}.shop-window{width:24px;height:20px;left:12px}.shop-door{height:29px;width:19px;right:12px}.brand-note{font-size:10px;line-height:1.6}.street-tag{font-size:10px}.street-title h2{font-size:20px}.home-quick .game-button{font-size:12px}.bottom-nav button{min-height:58px}.bottom-nav span{font-size:11px}.demo-note{font-size:10px}.room>small,.mic small{font-size:10px}.shop-heading h1{font-size:18px;word-break:keep-all}.shop-heading>div{min-width:0}.info small{font-size:10px}.info h3{font-size:13px;line-height:1.5;min-height:39px}.info b{font-size:14px}.filters button{min-height:40px}.brand{font-size:10px;flex-basis:72px}.section-title>span{font-size:11px}.cart-row{overflow-wrap:anywhere;align-items:flex-start}.cart-row>span{min-width:0}.cart-row button{min-width:36px;min-height:36px}
dialog{background:#fff2d7;border:5px solid #bb7436;border-radius:25px;padding:31px 22px 24px;width:min(calc(100vw - 28px),420px);min-height:0;max-height:calc(100dvh - 32px);overflow:auto;filter:none;box-shadow:inset 0 0 0 3px #ffe4ab,0 18px 50px #3b231c60}dialog:before{content:'';display:block;position:relative;width:60px;height:53px;margin:-8px auto 6px;background:url('assets/game/icon-coffee.png') center/contain no-repeat}.close{opacity:1;right:8px;top:7px;width:44px;height:44px;border-radius:50%;background:linear-gradient(#fda24d,#e67e25);color:#fff7e3;border:2px solid #bc6b2a;box-shadow:0 3px #bc773544;font-size:31px;line-height:1;z-index:2}#modal{max-height:none;overflow:visible;padding:0}dialog h2{font-size:22px;line-height:1.4;word-break:keep-all}dialog p{font-size:13px;line-height:1.8}dialog label{font-size:13px}dialog input,dialog select{font-size:16px;min-height:48px}dialog .orange{font-size:14px;min-height:57px}.preview{width:85px;height:85px}.eyebrow{font-size:10px}
@media(max-width:360px){.pomi-welcome{grid-template-columns:minmax(0,1fr) 115px;padding:16px 12px;height:193px}.pomi-title{left:auto;top:auto;max-width:none}.pomi-title h1{font-size:20px}.pomi-title p{font-size:10px}.pomi-welcome .camel-tap{width:140px;height:165px;right:auto;left:auto;margin-left:-12px}.pomi-title .speech{font-size:9px}.street-title h2{font-size:18px}.street-tag{font-size:9px}.cafe-shop>b{font-size:12px}.shop-roof{margin-left:10px;margin-right:10px}.cafe-front{margin-left:14px;margin-right:14px}.home-quick .game-button{font-size:10px}.shop-heading h1{font-size:16px}.shop-heading{gap:6px}.shop-heading>div{padding:6px 7px}.shop-heading>button{flex:0 0 36px}.room>small{font-size:9px}.home-brands{gap:10px}}
/* V5: original brand emblems and sculpted mobile controls. */
body{background:#dfd1ba}.app{background:#f6e7cd}header{height:82px;padding:12px 17px;background:linear-gradient(180deg,#fff8e9,#f4dfb9);border-bottom:3px solid #ddbd8a;box-shadow:0 3px 8px #95632c16}.wordmark{font-size:24px;letter-spacing:-1.3px;color:#74451f;text-shadow:0 2px #fff8e8}.wordmark>span{color:#e77b2d}.wordmark small{font-size:10px;letter-spacing:1px;color:#a27a48;margin-top:2px}.top-actions{gap:9px;align-items:center}.top-actions button{width:47px;height:47px;border-radius:16px;background:linear-gradient(145deg,#fffdf2,#edd2a3);border:2px solid #cf9f63;box-shadow:inset 0 2px #fffdf4,0 3px #b78a535c,0 5px 7px #92703b16;display:grid;place-items:center;padding:3px}.top-actions img{width:35px;height:36px;object-fit:contain;filter:drop-shadow(0 2px 1px #9d663c2b)}.top-actions b{top:-7px;right:-6px;min-width:21px;height:21px;line-height:15px;background:linear-gradient(#ff9d5a,#e96930);border:2px solid #fff8de;box-shadow:0 2px 3px #8f582e33;font-size:10px}.pomi-welcome{height:215px;padding:15px 18px;grid-template-columns:minmax(0,1fr) 145px;background:linear-gradient(90deg,#fff4dfed 0,#fff1d8cc 44%,#fff3df05 80%),url('assets/game/main.png') center 43%/100% auto;border-bottom:0;box-shadow:inset 0 -18px 18px #edd8b377}.pomi-title h1{font-size:24px;line-height:1.35;letter-spacing:-1.4px;max-width:190px;color:#69401e}.pomi-title p{font-size:10px;color:#9b754a;line-height:1.7;max-width:160px}.pomi-title>span:first-child{font-size:7px;letter-spacing:.7px;color:#b08a58}.pomi-title .speech{border:1.5px solid #d4ac70;background:#fffbef;box-shadow:0 3px #cba46c35;font-size:10px;padding:8px 11px;margin-top:10px;max-width:175px}.pomi-welcome .camel-tap{width:179px;height:202px;margin-left:-17px;margin-bottom:-8px}.pomi-shadow{bottom:8px;right:38px}.coffee-street{margin:0 12px;padding:17px 10px 12px;background:linear-gradient(160deg,#fff9e9,#ffedca);border:2px solid #cba26c;border-radius:25px;box-shadow:inset 0 0 0 3px #fffcf0,0 5px #c5a16c66,0 9px 15px #89633312;position:relative}.coffee-street:before,.coffee-street:after{content:'';position:absolute;top:12px;width:5px;height:5px;border-radius:50%;background:#d0ab76;box-shadow:inset 0 1px #a57b48,0 1px #fff9e7}.coffee-street:before{left:10px}.coffee-street:after{right:10px}.street-title{padding:0 6px;margin-bottom:17px;align-items:flex-end}.street-title>div>span{font-size:8px;letter-spacing:1.2px;color:#b38b55}.street-title h2{font-size:21px;margin-top:4px;letter-spacing:-1px;color:#70451f}.street-tag{font-size:7px;letter-spacing:.6px;padding:5px 7px;border:1px solid #dec193;background:#f8e8c8;color:#b39467;box-shadow:inset 0 1px #fffaec}.home-brands{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 7px}.cafe-shop{animation:none;background:linear-gradient(#fffdf2,#f7e4c0);border:1.5px solid #daba87;border-radius:18px;padding:10px 3px 8px;box-shadow:inset 0 2px #fffef7,0 4px #c49a6255;position:relative;overflow:visible}.cafe-shop:after{content:'';position:absolute;bottom:-3px;left:12%;right:12%;height:3px;background:#b48b5340;border-radius:50%;filter:blur(2px)}.brand-medallion{display:block;position:relative;width:79px;height:79px;max-width:100%;margin:0 auto 10px;border-radius:50%;background:linear-gradient(145deg,#fff7df,#c18e48 55%,#efcf92);padding:5px;box-shadow:0 4px 4px #93672b2b,inset 0 1px 1px #fffdf1;border:1px solid #d5af75}.brand-logo{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%;border-radius:50%;background:white;overflow:hidden;box-shadow:inset 0 1px 4px #7f592b1c}.brand-logo img{width:100%;height:100%;object-fit:contain;max-width:none}.brand-logo.round img{width:100%;height:100%}.brand-logo.seal img{width:144%;height:144%;flex-shrink:0;object-fit:contain}.brand-logo.wide{background:#fff}.brand-logo.wide img{width:94%;height:94%;object-fit:contain}.brand-logo.twosome img{position:absolute;left:50%;top:50%;width:290%;height:auto;transform:translate(-50%,-70%);object-fit:initial}.badge-shine{position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 2px 2px #ffffff9e;pointer-events:none}.cafe-shop>b{font-size:11px;font-weight:900;letter-spacing:-.7px;line-height:1.5;min-height:18px;white-space:nowrap;padding:0}.brand-enter{display:flex;align-items:center;justify-content:center;gap:8px;font-size:9px;color:#b28852;margin-top:5px}.brand-enter i{font-style:normal;background:#ead3aa;border-radius:50%;width:14px;height:14px;font-size:13px;line-height:12px;box-shadow:inset 0 1px #d4b582}.brand-note{margin:12px 0 0;font-size:9px;color:#bc9b6b}.home-quick{margin-top:17px}.home-quick .game-button{height:58px;font-size:12px;gap:5px}.home-quick .game-button img{width:35px;height:35px}.talkie-dock{margin-top:15px;margin-left:13px;margin-right:13px;border-color:#cda774;box-shadow:inset 0 0 0 2px #fffcf0,0 4px #c6a37255}.bottom-nav{border-top:2px solid #c8a16b;background:linear-gradient(#fffae9,#f1dbb7);box-shadow:inset 0 3px #fffdf4,0 -5px 15px #94663420;padding-left:8px;padding-right:8px}.bottom-nav button{min-height:62px}.bottom-nav img{height:42px;width:46px}.bottom-nav .nav-talkie img{height:58px;width:60px;margin-top:-13px}.bottom-nav span{font-size:10px}.bottom-nav button.active span{background:#ebc890;color:#9a5a24;box-shadow:inset 0 1px #dbb476,0 1px #fff5df;padding:3px 10px}.brand-list .brand-logo{width:51px;height:51px;margin:3px auto 9px;border:2px solid #d6b37b;box-shadow:0 3px #c9a16b55}.brand-list .brand.active .brand-logo{outline:2px solid #e59141;outline-offset:2px}.logo-pending{flex-direction:column}.logo-pending img{width:29px!important;height:29px!important}.logo-pending small{font-size:6px;color:#a28a67}.shop-heading{margin-bottom:105px}.shop-panel{box-shadow:inset 0 0 0 2px #fffdf2,0 4px #c69e6955}.products{gap:10px}.product{border-radius:20px;border-color:#d8b788}.product .info{padding:3px 10px}.info h3{min-height:38px}.add{background:linear-gradient(#ffb151,#e58c31);border:1px solid #c98537;box-shadow:0 2px #bc7833;border-radius:9px;width:27px;height:27px}.filters button{border-radius:13px;box-shadow:0 2px #cfa97555}.shop-panel>.demo-note{font-size:10px}
@media(max-width:360px){header{height:76px;padding:10px 13px}.wordmark{font-size:21px}.wordmark small{font-size:9px}.top-actions{gap:7px}.top-actions button{width:42px;height:43px;border-radius:14px}.top-actions img{width:31px;height:32px}.pomi-welcome{height:205px;padding:14px;grid-template-columns:minmax(0,1fr) 112px}.pomi-title h1{font-size:22px;max-width:165px}.pomi-title p{font-size:9px}.pomi-title .speech{font-size:9px;padding:7px 9px}.pomi-welcome .camel-tap{width:146px;height:180px;margin-left:-20px;margin-bottom:0}.coffee-street{margin-left:9px;margin-right:9px;padding-left:7px;padding-right:7px}.street-title{padding:0 5px}.street-title h2{font-size:19px}.street-tag{font-size:6px;padding:4px}.home-brands{gap:12px 6px}.brand-medallion{width:68px;height:68px;padding:4px;margin-bottom:8px}.cafe-shop{padding:9px 2px 8px;border-radius:16px}.cafe-shop>b{font-size:10px;letter-spacing:-.8px}.brand-enter{font-size:8px;gap:5px}.brand-enter i{width:12px;height:12px;font-size:12px}.home-quick .game-button{font-size:10px}.home-quick .game-button img{width:30px}.street-title>div>span{font-size:7px}}
.location-bar{margin:10px 13px 0;display:flex;gap:8px;align-items:center;background:#fff7e6;border:1.5px solid #d2b17f;border-radius:15px;padding:3px 7px;box-shadow:inset 0 2px #fffef2,0 3px #c6a57340;position:relative;z-index:2}.location-bar>button:first-child{display:flex;align-items:center;gap:8px;flex:1;min-width:0;text-align:left;padding:3px 0;min-height:44px}.location-icon{width:31px;flex:0 0 31px}.location-icon img{width:30px;height:34px;object-fit:contain}.location-bar>button>span:nth-child(2){flex:1;min-width:0}.location-bar small{display:block;font-size:7px;color:#ad8e61;letter-spacing:1px}.location-bar b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.location-bar i{font-style:normal;font-size:18px;color:#a68a61}.location-bar #gpsQuick{width:38px;height:38px;flex:0 0 38px;border-radius:11px;background:linear-gradient(#fffaf0,#ecd4ad);border:1px solid #cdab79;font-size:24px;color:#c4833d;box-shadow:0 2px #b88e5544}.pomi-welcome{margin-top:5px;height:200px}.pomi-welcome .camel-tap{height:191px}.nearby-panel{margin:17px 13px 0;padding:16px 12px 12px;background:linear-gradient(#fffaf0,#f8e8cc);border:2px solid #d0ad79;border-radius:23px;box-shadow:inset 0 0 0 2px #fffdf4,0 4px #c4a16b44}.nearby-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.nearby-heading span{font-size:8px;letter-spacing:1px;color:#ad8856}.nearby-heading h2{font-size:19px;letter-spacing:-.8px;margin:4px 0 14px}.nearby-heading>button{font-size:10px;color:#a17c48;padding:8px;border:1px solid #dfc499;border-radius:12px;background:#fff4dc;min-height:36px}.order-mode{display:flex;gap:7px;align-items:center}.order-mode>button{display:flex;align-items:center;justify-content:center;gap:4px;min-height:40px;font-size:11px;padding:5px 10px;border-radius:12px;border:1px solid #d8bc90;background:#efe0c5;box-shadow:0 2px #caa47144}.order-mode>button img{width:23px;height:24px;object-fit:contain}.order-mode>button.active{background:linear-gradient(#ffbd68,#ed9a43);border-color:#c68b46;color:#744520;box-shadow:inset 0 1px #ffe3aa,0 2px #b77b3d55}.order-mode>select{min-width:0;max-width:115px;font:inherit;font-size:10px;border:1px solid #d6bb8e;background:#fff6e4;border-radius:10px;padding:9px 3px;margin-left:auto;color:#9c7b4b;min-height:38px}.nearby-status{text-align:center;padding:23px 8px 6px}.nearby-status>img{width:44px;height:51px;object-fit:contain;margin:0 auto 10px}.nearby-status h3{font-size:14px;letter-spacing:-.5px;margin:8px 0}.nearby-status p{font-size:11px;color:#af936b;line-height:1.8;white-space:pre-line}.nearby-status .orange{width:90%;margin-top:6px}.nearby-source{font-size:9px;line-height:1.8;color:#ad9370;text-align:center;padding-top:8px;border-top:1px solid #e8d6b8}.nearby-source a{color:#967a52}.nearby-result-count{display:flex;align-items:center;gap:4px;font-size:11px;color:#9f8057;margin:18px 0 5px}.nearby-result-count>span{margin-left:auto;font-size:9px}.nearby-store{display:flex;align-items:center;gap:9px;width:100%;text-align:left;border-bottom:1px solid #e6d0ad;padding:14px 0}.nearby-store>.brand-logo{width:43px;height:43px;flex:0 0 43px;border:2px solid #d7b786}.store-copy{display:block;min-width:0;flex:1}.store-copy>small{display:block;font-size:8px;color:#b08b5b}.store-copy>b{display:block;font-size:12px;line-height:1.5;word-break:keep-all;margin:2px 0}.store-copy>span{display:block;font-size:9px;color:#ac926e;line-height:1.6}.store-copy>em{display:block;font-size:8px;font-style:normal;color:#bb9d74;margin-top:4px}.store-distance{font-size:12px;font-weight:800;white-space:nowrap;color:#a77b3e;align-self:center}.store-distance i{display:block;text-align:right;font-size:20px;font-style:normal;color:#c2a172}.location-divider{font-size:11px;text-align:center;color:#b29773;padding:22px 0 12px}.area-search-button{width:100%;min-height:45px;border:1px solid #c5a16a;background:#ebdbbb;border-radius:12px;font-size:13px;font-weight:700}.location-disclosure{font-size:10px!important;line-height:1.8!important;border-top:1px solid #ddc8a6;margin-top:20px;padding-top:12px;color:#b09b7a!important}.area-match{display:block;width:100%;font-size:12px;line-height:1.8;text-align:left;padding:12px 4px;border-bottom:1px solid #d6bd96}.area-match:hover{background:#fff8e6}#areaMatches{font-size:12px;line-height:1.8;margin-top:12px}.store-details p{font-size:12px}.map-link{display:block;text-decoration:none;color:#8d6132;font-weight:700;font-size:13px;border:1px solid #d2b27d;border-radius:11px;padding:12px;text-align:center;background:#fff7e3}#modal>.brand-logo{width:60px;height:60px;margin:0 auto 13px}button:disabled{opacity:.55;cursor:wait}@media(max-width:360px){.location-bar{margin-left:10px;margin-right:10px}.location-bar b{font-size:11px}.nearby-panel{margin-left:10px;margin-right:10px;padding:14px 9px}.nearby-heading h2{font-size:17px}.order-mode{gap:5px}.order-mode>button{padding:4px 8px;font-size:10px}.order-mode>select{max-width:100px;font-size:9px}.nearby-result-count>span{font-size:8px}.pomi-welcome{height:190px}.pomi-welcome .camel-tap{height:180px}}
/* Crisp controls: no stretched bitmap buttons. */
.orange,.game-button,.game-button.primary,.secondary-actions .game-button{background-image:none;border:2px solid #bd6b27;border-radius:17px;background:linear-gradient(180deg,#ffbd6a 0%,#ffa13e 16%,#f28d2e 76%,#df7622 100%);box-shadow:inset 0 2px 0 #ffe3b4,inset 0 -2px 0 #d77325,0 4px 0 #b66a2d,0 6px 8px #a66b3020;color:#fffdf0;text-shadow:0 1px 1px #9a4b29;min-height:52px;height:auto;padding:13px 15px;font-size:14px;line-height:1.4;font-weight:800;filter:none;transition:transform .12s,box-shadow .12s}.orange:active,.game-button:active{transform:translateY(3px)!important;box-shadow:inset 0 2px 3px #b4682433,0 1px 0 #b66a2d}.secondary-actions .game-button.mint{background:linear-gradient(#e5f1ce,#b9d49b);border-color:#88a46c;color:#466239;text-shadow:0 1px #f5ffe6;box-shadow:inset 0 2px #f6ffe7,0 4px #7f995f}.secondary-actions .game-button.cream{background:linear-gradient(#fffaf0,#efd4a5);border-color:#c6a16a;color:#825428;text-shadow:0 1px #fff9e8;box-shadow:inset 0 2px #fffef8,0 4px #b18b54}.home-quick .game-button{min-height:53px;height:auto;padding:8px;font-size:12px;gap:4px}dialog .orange{font-size:14px;min-height:52px;padding:12px 13px;margin-top:13px;margin-bottom:5px}.nearby-status .orange{font-size:13px}.game-button img{flex-shrink:0}.orange:disabled{transform:none;box-shadow:inset 0 1px #fff0dc,0 2px #c7b59a;background:linear-gradient(#efdfc6,#d7c4a8);border-color:#bda788;color:#8f7d62;text-shadow:none}@media(max-width:360px){.home-quick .game-button{font-size:10px;padding:8px 5px}}
/* Shared game UI: guest community, room chat, sound, rewards and mini-game. */
:root{--rose:#edb8a9;--softpink:#fff0e8;--sage:#97b997}.top-actions #cart>img{width:42px;height:42px;max-width:none;object-fit:contain}.top-actions #notificationBell>img{width:32px;height:33px;object-fit:contain}.has-notice>img{animation:bellSwing 2.8s infinite;transform-origin:50% 15%}.social-launcher{margin:0 13px 16px}.point-pill{width:100%;display:flex;align-items:center;gap:9px;border:1.5px solid #d8bc8d;border-radius:16px;background:linear-gradient(120deg,#fff9e9,#f8e3bd);box-shadow:inset 0 2px #fffdf3,0 3px #c7a87950;text-align:left;padding:7px 13px}.point-pill>img{width:38px;height:38px;object-fit:contain}.point-pill>span{font-size:10px;color:#b39770;display:flex;align-items:center;justify-content:space-between;flex:1;gap:9px}.point-pill b{font-size:20px;color:#bf8042;letter-spacing:-.5px}.point-pill i{font-style:normal;font-size:20px;color:#ba9a70}.social-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:13px}.social-shortcuts>button{background:linear-gradient(#fffaf1,#f5dfc2);border:1px solid #d9ba90;border-radius:17px;padding:8px 3px 9px;box-shadow:inset 0 2px #fffef7,0 3px #c9a87955}.social-shortcuts>button:nth-child(2){background:linear-gradient(#f5f5e9,#e2e9ce);border-color:#bdc7a2}.social-shortcuts>button:nth-child(3){background:linear-gradient(#fff4f1,#f4d7cf);border-color:#d8afa3}.social-shortcuts>button:nth-child(4){background:linear-gradient(#f8effc,#e6d8ed);border-color:#c9b1d1}.social-shortcuts img{height:42px;width:48px;object-fit:contain;margin:0 auto 5px;filter:drop-shadow(0 3px 2px #ad78452b)}.social-shortcuts b{font-size:10px;font-weight:800;white-space:nowrap}.social-shortcuts>button:hover img{animation:iconHop .6s ease}.coffee-street{margin-top:0}#socialPage{min-height:calc(100svh - 160px);padding:18px 14px 25px;background:radial-gradient(ellipse at 90% 0,#f9dedb,transparent 45%),linear-gradient(#fff2dd,#f2e4d0)}.social-heading{display:flex;align-items:center;gap:11px;margin-bottom:22px}.social-heading>button{width:38px;height:38px;flex:0 0 38px;border:2px solid #d1ab76;border-radius:50%;background:linear-gradient(#fffdf4,#efdab5);box-shadow:0 3px #bfa07444;font-size:29px;line-height:1}.social-heading>div{min-width:0}.social-heading small{font-size:7px;letter-spacing:1px;color:#b39873}.social-heading h1{font-size:25px;letter-spacing:-1px;line-height:1.4;margin:4px 0}.social-heading p{font-size:10px;color:#b2946b;line-height:1.6;margin:4px 0}.soft-panel,.guest-profile,.d-wallet,.meeting-info{border:1.5px solid #d7b88d;background:linear-gradient(135deg,#fffaf0,#f8e9d0);border-radius:22px;padding:20px 16px;box-shadow:inset 0 2px #fffef7,0 4px #cbb18d44;margin-bottom:17px}.soft-panel h2,.panel-title,.mini-heading h2{font-size:16px;letter-spacing:-.5px;margin:0 0 12px}.soft-panel p,.soft-note,.guest-note{font-size:11px;line-height:1.9;color:#ad9270}.soft-note.center,.center{text-align:center}.guest-note{font-size:10px;padding:9px 2px}.social-action-card{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:14px 12px;background:linear-gradient(#fffbf1,#f9e8cf);border:1px solid #dec3a0;border-radius:17px;margin:0 0 11px;box-shadow:inset 0 2px #fffef8,0 3px #d0b6983b}.social-action-card>img{width:43px;height:45px;object-fit:contain}.social-action-card>span{flex:1;min-width:0}.social-action-card b{display:block;font-size:13px}.social-action-card small{display:block;font-size:10px;color:#b39772;margin-top:4px;line-height:1.6}.social-action-card>i{font-size:23px;font-style:normal;color:#c1a27a}.guest-profile{display:flex;align-items:center;gap:4px;background:linear-gradient(120deg,#fff5e5,#f8e2dc)}.guest-profile>img{width:117px;height:137px;object-fit:contain}.guest-profile>div{flex:1;min-width:0}.guest-profile small{font-size:7px;letter-spacing:1px;color:#ba9273}.guest-profile h2{font-size:23px;word-break:break-word;margin:8px 0;letter-spacing:-1px}.guest-profile p{font-size:10px;color:#b39270}.guest-profile button{font-size:11px;border:1px solid #dab89c;border-radius:20px;padding:7px 12px;background:#fff7e7}.profile-mascot{width:135px;height:140px;object-fit:contain;margin:-12px auto 5px}.my-code{display:flex;align-items:center;gap:10px;padding:14px;background:#f2dec4;border:1px solid #d5b48d;border-radius:16px;margin-bottom:18px}.my-code>span{font-size:10px;color:#ad8d66}.my-code>b{font-size:21px;letter-spacing:1.2px;flex:1}.my-code>button{font-size:10px;background:#fff6e5;border:1px solid #d8bd97;border-radius:10px;padding:7px 9px}.soft-panel label{display:block;font-size:11px}.soft-panel input,.chat-compose input{font:inherit;font-size:16px;color:#714c2d;border:1.5px solid #d8bc98;border-radius:13px;background:#fffdf6;width:100%;padding:12px;margin:7px 0;min-width:0}.mini-heading{display:flex;justify-content:space-between;align-items:center;margin:24px 0 10px}.mini-heading h2{margin:0}.mini-heading>button{font-size:10px;color:#ae8c61;padding:7px}.social-empty{text-align:center;padding:27px 8px;color:#a98964}.social-empty>img{width:63px;height:65px;object-fit:contain;margin:0 auto 12px}.social-empty h3{font-size:15px;letter-spacing:-.5px}.social-empty p{font-size:11px;line-height:1.8}.friend-row{display:flex;align-items:center;gap:9px;border-bottom:1px solid #e1c9a8;padding:13px 0}.friend-row>img{width:43px;height:44px;object-fit:contain}.friend-row>span{flex:1;min-width:0}.friend-row b{font-size:13px;display:block}.friend-row small{display:block;font-size:9px;color:#b49a79;margin-top:4px}.friend-row>button,.friend-row>em{font-style:normal;font-size:11px;padding:8px 12px;border-radius:11px;background:#dce8cf;border:1px solid #b0c397;color:#66834e}.friend-row>em{background:#efe4d4;border-color:#d7c8b3;color:#b4a38b}.meetup-banner{display:flex;align-items:center;gap:11px;padding:15px;border-radius:22px;background:linear-gradient(130deg,#fff6e8,#eadaca);border:1px solid #d5b99c;margin-bottom:15px}.meetup-banner>img{width:78px;height:83px;object-fit:contain}.meetup-banner b{font-size:15px}.meetup-banner p{font-size:10px;color:#ac8b67;line-height:1.8}.room-card{display:flex;align-items:center;text-align:left;gap:12px;width:100%;padding:15px 11px;background:#fff8ed;border:1px solid #d8be9c;border-radius:18px;margin-bottom:11px;box-shadow:0 3px #d2b69340}.room-card>img{width:45px;height:47px;object-fit:contain}.room-card>span{flex:1;min-width:0}.room-card small{font-size:7px;letter-spacing:.8px;color:#be9a74}.room-card b{display:block;font-size:14px;line-height:1.6;margin:3px 0}.room-card em{font-size:10px;font-style:normal;color:#b39673}.room-card>i{font-size:23px;font-style:normal;color:#bfa17a}.invite-options{max-height:170px;overflow:auto;border-radius:13px;background:#fff8e9;padding:6px 10px;border:1px solid #dfc59e}.invite-options label{display:flex;align-items:center;gap:9px;padding:4px}.invite-options input{width:19px;min-height:19px;height:19px;margin:0;accent-color:#d29152}.invite-options p{font-size:11px}.radio-hero{position:relative;text-align:center;padding:10px 7px 20px;background:radial-gradient(circle,#f4d8ab,transparent 65%);overflow:hidden}.radio-hero>img{height:180px;width:180px;object-fit:contain;margin:0 auto 12px;filter:drop-shadow(0 10px 6px #b88c4c33);animation:radioBob 3s ease-in-out infinite;position:relative;z-index:1}.radio-orbit{position:absolute;top:13px;left:50%;transform:translateX(-50%);width:190px;height:190px;border:1px solid #ca9c5a55;border-radius:50%;box-shadow:0 0 0 20px #d8b37c13,0 0 0 40px #d8b37c0c}.radio-light{display:block;font-size:8px;letter-spacing:1px;color:#829861}.radio-hero h2{font-size:21px;letter-spacing:-1px;margin:14px 0 8px}.radio-hero p{font-size:11px;line-height:1.8;color:#a88e6c}.radio-tools{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center;margin-bottom:26px}.radio-tools .orange{margin:0}.soft-button{width:100%;min-height:48px;border-radius:14px;background:linear-gradient(#fff9e9,#ead7b7);border:1.5px solid #cbaa78;box-shadow:inset 0 2px #fffdf3,0 3px #bd9b6944;font-size:12px;font-weight:700;margin:10px 0 5px;padding:11px}.radio-tools .soft-button{margin:0;min-height:52px}.menu-settings{width:100%;min-height:44px;padding:13px;margin-top:20px;color:#a2845f;font-size:11px}.meeting-info{padding:15px}.meeting-info>span{font-size:8px;letter-spacing:1px;color:#b99b75}.meeting-info h2{font-size:16px;margin:9px 0;line-height:1.6}.meeting-info p{font-size:11px;color:#a48b69}.chat-messages{height:290px;overflow:auto;overscroll-behavior:contain;background:#eae4d6;border:1px solid #d8c8b2;border-radius:18px;padding:12px;display:flex;flex-direction:column;gap:10px;scrollbar-width:thin}.chat-bubble{align-self:flex-start;max-width:88%;border:1px solid #ddcdb6;background:#fffaf0;border-radius:4px 16px 16px 16px;padding:9px 11px;word-break:break-word}.chat-bubble.mine{align-self:flex-end;background:#f7e2b9;border-color:#d8ba85;border-radius:16px 4px 16px 16px}.chat-bubble>small{font-size:8px;color:#ae9472}.chat-bubble>p{font-size:12px;line-height:1.6;margin:5px 0 2px;white-space:pre-wrap}.voice-message{font-size:11px;display:block;margin-top:5px}.voice-message audio{width:100%;max-width:235px;height:33px;margin-top:6px}.chat-empty{margin:auto;color:#b6a186;font-size:11px}.chat-compose{display:flex;gap:7px;margin:10px 0 19px;align-items:center}.chat-compose input{flex:1;font-size:16px;margin:0}.chat-compose button{align-self:stretch;min-width:61px;border-radius:13px;background:linear-gradient(#efb980,#dfa15f);border:1px solid #c68d4e;font-size:11px;color:#fffaf0;font-weight:800}.room-ptt-panel{border:1px solid #d1b89a;background:#fff4e1;padding:15px;border-radius:20px}.ptt-status{font-size:10px;color:#a58a65;text-align:center}.room-ptt-panel .soft-button{font-size:11px;min-height:40px;margin:10px 0 12px;padding:8px}.room-ptt{width:100%;touch-action:none;user-select:none;display:flex;align-items:center;flex-direction:column;background:linear-gradient(#dceccf,#aec88b);border:2px solid #89a16c;border-radius:22px;padding:12px;box-shadow:inset 0 2px #eff8e5,0 5px #78935a66;color:#476335}.room-ptt>img{width:65px;height:68px;object-fit:contain}.room-ptt>b{font-size:16px;margin:6px 0}.room-ptt>small{font-size:9px;margin-top:8px}.ptt-bars{display:flex;gap:4px;align-items:center;height:24px}.ptt-bars>i{width:4px;height:12px;background:#78965a;border-radius:4px}.ptt-bars>i:nth-child(even){height:22px}.room-ptt.is-talking{background:linear-gradient(#ffd9a2,#efa24e);border-color:#c78946;color:#945c26}.is-talking .ptt-bars>i{background:#c88841;animation:wave .3s infinite alternate}.toggle-row{display:flex!important;align-items:center;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #e4cdac}.toggle-row input{width:23px;height:23px;min-height:23px;margin:0;accent-color:#d79665}#soundVolume{accent-color:#d99a67;padding:0;border:0;box-shadow:none;background:transparent}#volumeOut{float:right;font-size:12px;color:#b4865a}.notice-hero{width:76px;height:76px;object-fit:contain;margin:-5px auto 10px;animation:bellSwing 3s infinite}.notice-list{max-height:330px;overflow:auto;scrollbar-width:thin}.notice-row{display:block;text-align:left;width:100%;padding:12px;border-bottom:1px solid #e2c9a7;border-radius:12px}.notice-row.unread{background:#fae2ce}.notice-row>b{font-size:12px}.notice-row>span{display:block;font-size:11px;line-height:1.7;margin:4px 0}.notice-row>small{font-size:9px;color:#b49b7c}.d-wallet{text-align:center;background:radial-gradient(ellipse at top,#fff5cf,#f0d6b3);padding:20px}.d-wallet>img{height:80px;width:80px;object-fit:contain;margin:0 auto 13px;animation:radioBob 3s ease-in-out infinite}.d-wallet>span{font-size:9px;letter-spacing:2px;color:#b58f58}.d-wallet>h2{font-size:44px;margin:8px 0;letter-spacing:-2px;color:#b77c39}.d-wallet small{font-size:24px}.d-wallet>p{font-size:11px;color:#b29870}.coupon-intro{text-align:center;padding:10px}.coupon-intro>img{width:105px;height:90px;object-fit:contain;margin:auto;transform:rotate(-7deg)}.coupon-intro h2{font-size:19px;letter-spacing:-1px}.coupon-intro p{font-size:11px;color:#b1916d}.activity-coupon{padding:20px 17px;border:2px dashed #d7aa89;border-radius:20px;background:linear-gradient(130deg,#fff8ec,#f6d9ce);margin:16px 0;position:relative}.activity-coupon>span{font-size:8px;letter-spacing:1px;color:#c29274}.activity-coupon>h3{font-size:17px;line-height:1.6}.activity-coupon>b{font-size:23px;color:#c38a64}.activity-coupon p{font-size:10px;color:#b8997c}.game-scorebar{display:flex;justify-content:space-between;padding:14px;border:1px solid #d7b88c;background:#fffaed;border-radius:17px;margin-bottom:12px;font-size:11px;color:#b89564}.game-scorebar b{font-size:23px;color:#af7946;margin:0 4px}.coffee-game{height:390px;border:3px solid #cdaa79;border-radius:25px;background:linear-gradient(#cde8e9,#fff1d8 75%,#dfc5a1);position:relative;overflow:hidden;touch-action:manipulation;box-shadow:inset 0 2px #fff6e5,0 4px #b99a6e55}.game-pomi{position:absolute;width:130px;height:130px;object-fit:contain;bottom:5px;left:50%;transform:translateX(-50%);pointer-events:none}.game-welcome{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#fff2d5ba;backdrop-filter:blur(3px);padding:20px;text-align:center}.game-welcome h2{font-size:25px;letter-spacing:-1px}.game-welcome p{font-size:13px;line-height:1.8;color:#b08b5e}.game-welcome .orange{width:80%}.game-cloud{position:absolute;left:-20px;right:-20px;top:45px;height:30px;background:#fff9e991;filter:blur(10px);border-radius:50%}.catch-item{position:absolute;top:-65px;width:60px;height:65px;padding:0;animation:coffeeFall 2.7s linear forwards;z-index:2;touch-action:manipulation}.catch-item>img{height:60px;width:60px;object-fit:contain;filter:drop-shadow(0 3px 3px #a3763c25)}.catch-item.caught{animation:none;opacity:0;transform:scale(1.4);transition:.14s}.ice-cube{display:block;width:36px;height:36px;margin:auto;border:3px solid #c0dce7;background:linear-gradient(130deg,#f2ffff,#a7d2e0);border-radius:11px;box-shadow:inset 3px 3px 0 #ffffffa1;transform:rotate(15deg)}.game-rules{display:flex;align-items:center;gap:10px;margin:16px 0}.game-rules>img{width:48px;height:50px;object-fit:contain}.game-rules p{font-size:10px;line-height:1.9;color:#b09574}.game-rules b{font-size:11px;color:#9b7850}dialog[open]{animation:modalPop .23s ease-out}dialog::backdrop{animation:fadeIn .2s ease-out}dialog{border-color:#c49771;background:linear-gradient(150deg,#fff9ec,#fff0df);box-shadow:inset 0 0 0 3px #fffcf3,0 18px 45px #73523e44}.close{background:linear-gradient(#f5c9af,#dda27c);border-color:#c38b62;text-shadow:0 1px #ba855f}.orange{background:linear-gradient(#facba6,#eba772 70%,#e79d63);border-color:#c38d5c;box-shadow:inset 0 2px #ffe9d2,inset 0 -1px #d69762,0 4px #b8875f;text-shadow:0 1px #bd8158}.home-quick .game-button.cream{background:linear-gradient(#fff3ef,#ebc4b9);border-color:#c99f90;box-shadow:inset 0 2px #fffaf6,0 4px #b98b7c;color:#9d7061}.social-heading h1,.radio-hero h2{color:#795444}@keyframes modalPop{from{opacity:0;transform:translateY(18px) scale(.94)}to{opacity:1;transform:none}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes bellSwing{0%,80%,100%{transform:rotate(0)}85%{transform:rotate(-13deg)}90%{transform:rotate(13deg)}95%{transform:rotate(-7deg)}}@keyframes iconHop{40%{transform:translateY(-5px) rotate(-5deg)}70%{transform:translateY(-2px) rotate(4deg)}}@keyframes radioBob{50%{transform:translateY(-6px) rotate(2deg)}}@keyframes coffeeFall{to{transform:translateY(460px) rotate(15deg)}}@media(max-width:360px){.social-launcher{margin-left:10px;margin-right:10px}.social-shortcuts{gap:6px}.social-shortcuts img{width:40px;height:37px}.social-shortcuts b{font-size:9px}#socialPage{padding:15px 11px 23px}.social-heading h1{font-size:23px}.social-heading p{font-size:9px}.my-code{padding:12px;gap:7px}.my-code>b{font-size:19px}.my-code>span{font-size:9px}.guest-profile{padding:15px 10px}.guest-profile>img{width:95px;height:120px}.guest-profile h2{font-size:21px}.coffee-game{height:355px}.chat-messages{height:265px}}@media(prefers-reduced-motion:reduce){.catch-item{animation:coffeeFall 4s linear forwards!important}}