@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,Noto Sans SC,sans-serif;color:#eef5f4;background:#07131e;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#07131e}button,input,select{font:inherit}button{color:inherit}.app-shell{position:relative;width:100%;max-width:520px;min-height:100vh;margin:auto;padding:calc(20px + env(safe-area-inset-top)) 18px calc(42px + env(safe-area-inset-bottom));overflow:hidden;background:linear-gradient(165deg,#0d2030,#07131e 45%,#091820)}.ambient{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.ambient-one{width:280px;height:280px;right:-150px;top:70px;background:radial-gradient(circle,rgba(30,199,159,.16),transparent 70%)}.ambient-two{width:260px;height:260px;left:-170px;top:420px;background:radial-gradient(circle,rgba(211,169,91,.1),transparent 70%)}.topbar{position:relative;display:flex;justify-content:space-between;align-items:center;gap:12px}.identity{display:flex;align-items:center;gap:10px;min-width:0}.avatar{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:linear-gradient(145deg,#285265,#132a39);font-weight:800;color:#6de2c1;box-shadow:0 8px 24px #03101a}.identity div:last-child,.wallet-pill span:nth-child(2){display:flex;flex-direction:column;min-width:0}.identity small,.wallet-pill small{font-size:10px;color:#7f969e;letter-spacing:.06em}.identity strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.wallet-pill{border:1px solid rgba(255,255,255,.09);background:#07141db8;border-radius:16px;padding:7px 9px;display:flex;align-items:center;gap:8px;box-shadow:0 8px 30px #0003}.wallet-pill strong{font-size:13px;color:#f4d18b}.wallet-pill b{color:#65d7b7;font-size:17px}.coin{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#d4a74e;color:#fff2bc;font-size:11px;box-shadow:inset 0 0 0 3px #b98535}.hero{position:relative;min-height:208px;padding:50px 0 20px}.hero-copy{position:relative;z-index:2}.eyebrow,.section-heading small,.sheet-kicker{font-size:9px;letter-spacing:.2em;color:#55d8b3;font-weight:700}.hero h1{font-size:35px;line-height:1.08;margin:11px 0 9px;letter-spacing:-.04em}.hero h1 em{font-style:normal;color:#e2bd73}.hero p{font-size:12px;color:#8298a1;margin:0}.hero-cards{position:absolute;right:18px;top:43px;width:124px;height:140px;transform:rotate(4deg)}.playing-card{position:absolute;width:72px;height:104px;border-radius:9px;box-shadow:0 14px 28px #0006}.card-back{right:40px;top:18px;transform:rotate(-18deg);display:grid;place-items:center;background:repeating-linear-gradient(45deg,#14473f 0 3px,#12382f 3px 6px);border:4px solid #d9b96f;color:#d9b96f;font-size:30px}.card-front{right:0;top:0;transform:rotate(9deg);padding:9px;background:#f7f2e8;color:#bd4a46}.card-front b{font-size:23px;display:block;line-height:1}.card-front span{font-size:19px}.channel-tabs{position:relative;display:grid;grid-template-columns:repeat(3,1fr);padding:4px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#040e169e;margin-bottom:25px}.channel-tabs button{border:0;background:transparent;border-radius:14px;padding:10px 4px 8px;display:flex;flex-direction:column;gap:1px;align-items:center;color:#70858e}.channel-tabs button span{font-weight:700;font-size:13px}.channel-tabs button small{font-size:7px;letter-spacing:.18em}.channel-tabs button.active{background:linear-gradient(145deg,#1e493f,#15372f);color:#f2faf7;box-shadow:0 5px 18px #00000040}.channel-tabs button.active small{color:#5ee0bb}.content-section{position:relative}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:12px}.section-heading h2{font-size:21px;margin:2px 0 0}.section-heading>span{font-size:10px;color:#738991;margin-bottom:3px}.friend-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.friend-button{border:1px solid rgba(255,255,255,.08);border-radius:17px;padding:15px 12px;background:linear-gradient(145deg,#1b3d46db,#0c1e28f0);display:flex;text-align:left;gap:10px;align-items:center}.friend-button i{font-style:normal;display:grid;place-items:center;width:33px;height:33px;border-radius:11px;background:#54dab41f;color:#69e1bf;font-size:20px}.friend-button span{display:flex;flex-direction:column;gap:3px}.friend-button strong{font-size:13px}.friend-button small{font-size:9px;color:#718991}.friend-button.join{background:linear-gradient(145deg,#433523c7,#1d1b1af0)}.friend-button.join i{color:#e8c274;background:#daaf591c}.friend-ticket{display:flex;justify-content:space-between;align-items:center;margin-top:11px;padding:15px;border:1px dashed rgba(105,225,191,.35);border-radius:17px;background:#1539316e}.friend-ticket>div:first-child{display:flex;flex-direction:column}.friend-ticket small{font-size:8px;color:#60d9b8;letter-spacing:.15em}.friend-ticket strong{font-size:25px;letter-spacing:.14em}.friend-ticket span{font-size:9px;color:#819790}.ticket-actions{display:flex;flex-direction:column;gap:5px}.ticket-actions button{border:0;border-radius:9px;background:#d7b46c;color:#10231e;font-weight:700;font-size:10px;padding:7px 13px}.ticket-actions .ghost-danger{background:transparent;color:#bd7d7b;border:1px solid rgba(189,125,123,.25)}.public-heading{margin-top:28px}.room-list{display:flex;flex-direction:column;gap:8px}.room-card{width:100%;display:grid;grid-template-columns:39px 1fr auto 10px;gap:11px;align-items:center;text-align:left;border:1px solid rgba(255,255,255,.07);border-radius:17px;padding:13px;background:#0b1b25c7}.room-level{display:grid;place-items:center;height:39px;border-radius:12px;background:#143a35;color:#5cdab6;font-weight:800;font-size:12px}.room-main,.room-entry{display:flex;flex-direction:column;gap:3px}.room-main strong{font-size:13px}.room-main span,.room-entry small{font-size:9px;color:#758b94}.room-entry{text-align:right}.room-entry strong{font-size:12px;color:#e1c17c}.chevron{color:#4e666e;font-size:22px}.coming-card{display:flex;align-items:center;gap:14px;padding:15px;margin-top:9px;border-radius:17px;background:linear-gradient(135deg,#302340b3,#101b27bf);border:1px solid rgba(198,145,225,.1)}.coming-card>span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#38264a;color:#d6a8e8;font-weight:800}.coming-card div{display:flex;flex-direction:column}.coming-card small,.tournament-copy small{font-size:8px;color:#bb83d4;letter-spacing:.13em}.coming-card strong{font-size:14px}.coming-card p{font-size:9px;color:#70848d;margin:2px 0}.tournament-card{display:grid;grid-template-columns:45px 1fr auto;gap:12px;align-items:center;padding:16px 13px;margin-bottom:9px;border-radius:18px;border:1px solid rgba(220,183,105,.13);background:linear-gradient(135deg,#3b2d1ba6,#0c1b23d9)}.trophy{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:#44351f;color:#e4bd69;font-size:22px}.tournament-copy{display:flex;flex-direction:column;gap:3px}.tournament-copy small{color:#d1a653}.tournament-copy strong{font-size:13px}.tournament-copy span{font-size:9px;color:#7b8f95}.tournament-card button{border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:7px;background:transparent;color:#667980;font-size:9px}.casino-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.casino-card{padding:13px 8px;border:1px solid hsla(var(--hue),50%,60%,.12);border-radius:17px;background:linear-gradient(145deg,hsla(var(--hue),45%,30%,.34),#091820cc);text-align:center}.game-glyph{display:grid;place-items:center;width:43px;height:43px;margin:0 auto 8px;border-radius:14px;background:hsla(var(--hue),45%,35%,.34);color:hsl(var(--hue),58%,69%);font-size:18px;font-weight:800}.casino-card strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.casino-card small{font-size:8px;color:#657980}.alert{display:flex;justify-content:space-between;align-items:center;margin:-5px 0 14px;padding:10px 12px;border-radius:12px;background:#78303052;color:#e5aaa6;font-size:11px;border:1px solid rgba(225,131,125,.15)}.alert button{border:0;background:transparent;color:inherit;font-size:18px}.sheet-backdrop{position:fixed;z-index:20;inset:0;display:flex;align-items:end;justify-content:center;background:#00080db8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.bottom-sheet{width:100%;max-width:520px;padding:10px 20px calc(28px + env(safe-area-inset-bottom));border-radius:27px 27px 0 0;background:#10232e;border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -20px 60px #00000059}.sheet-handle{width:36px;height:4px;border-radius:9px;background:#36505a;margin:0 auto 22px}.bottom-sheet h3{font-size:24px;margin:4px 0 20px}.sheet-description,.form-note{font-size:11px;color:#82969c}.bottom-sheet label{display:flex;flex-direction:column;gap:7px;margin-bottom:13px;color:#8ea1a7;font-size:10px}.bottom-sheet input,.bottom-sheet select{width:100%;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:#091a24;color:#ecf5f2;padding:12px 13px;outline:none}.bottom-sheet input:focus,.bottom-sheet select:focus{border-color:#4ec6a5}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.primary-button{width:100%;border:0;border-radius:14px;padding:14px;margin-top:10px;background:linear-gradient(135deg,#62d8b7,#3dae91);color:#09241c;font-weight:800;box-shadow:0 10px 25px #2aab8933}.primary-button:disabled{filter:saturate(.2);opacity:.45}.code-input{text-align:center;font-size:27px!important;letter-spacing:.28em;padding-left:calc(13px + .28em)!important}.range{padding:0!important;accent-color:#55d4b1}.range-label{display:flex;justify-content:space-between;color:#758a91;font-size:8px}.wallet-balance{display:flex;justify-content:space-between;align-items:center;padding:15px;margin-bottom:14px;border-radius:14px;background:#0a1b24}.wallet-balance span{font-size:11px;color:#7f949b}.wallet-balance strong{font-size:19px;color:#e6c47d}.quick-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.quick-amounts button{border:1px solid rgba(255,255,255,.08);border-radius:9px;padding:8px 2px;background:#122d37;font-size:9px;color:#9fb0b3}.toast{position:fixed;z-index:30;left:50%;bottom:calc(28px + env(safe-area-inset-bottom));transform:translate(-50%);white-space:nowrap;padding:10px 17px;border-radius:20px;background:#d6b36b;color:#14231e;font-size:11px;font-weight:700;box-shadow:0 10px 30px #0006}.toast-enter-active,.toast-leave-active{transition:.2s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%,10px)}.loading-screen{min-height:calc(100vh - 80px);display:flex;flex-direction:column;align-items:center;justify-content:center}.brand-mark{display:grid;place-items:center;width:70px;height:70px;border-radius:22px;background:linear-gradient(145deg,#2e6658,#17362f);color:#6be2c0;font-size:25px;font-weight:800;box-shadow:0 18px 50px #00000059}.loading-line{width:120px;height:2px;margin:22px 0 10px;background:#183039;overflow:hidden}.loading-line span{display:block;width:40%;height:100%;background:#55d4b1;animation:load 1.1s infinite ease-in-out}.loading-screen p{font-size:10px;color:#647b84;letter-spacing:.12em}@keyframes load{0%{transform:translate(-100%)}to{transform:translate(350%)}}@media(min-width:700px){body{padding:24px}.app-shell{min-height:calc(100vh - 48px);border-radius:30px;box-shadow:0 25px 80px #0000006b}}.room-card.full{border-color:#d7b46c33}.room-card.full .room-entry strong{color:#d7b46c}.app-shell{padding-bottom:calc(100px + env(safe-area-inset-bottom))}.bottom-actions{position:fixed;z-index:10;left:50%;transform:translate(-50%);width:100%;max-width:520px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:#10232ef5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bottom-actions button,.room-tabs button{border:0;border-radius:12px;padding:12px;background:#193a43;color:#def5ed;font-weight:700}.bottom-sheet{position:relative;max-height:90dvh;overflow-y:auto}.sheet-close{position:absolute;right:15px;top:12px;border:0;background:transparent;font-size:25px;color:#9fb0b3;width:36px;height:36px}.room-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}.room-tabs button.active{background:#50c4a3;color:#09241c}.bottom-actions{width:calc(100% - 40px);max-width:360px;padding:10px 18px 8px;gap:18px;border-radius:29px;background:linear-gradient(145deg,#b8d4db35,#5c78872b);box-shadow:0 14px 40px #0008,inset 0 1px #ffffff30;backdrop-filter:blur(24px) saturate(155%);-webkit-backdrop-filter:blur(24px) saturate(155%)}.bottom-actions button{display:flex;align-items:center;flex-direction:column;gap:5px;background:transparent;padding:0;font-size:11px;text-shadow:0 1px 3px #0008;cursor:pointer}.dock-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;border:1px solid #ffffff40;box-shadow:inset 0 1px 2px #ffffff50,0 4px 8px #0004;transition:transform .18s ease}.dock-icon img{width:29px;height:29px;object-fit:contain}.dock-wallet{background:linear-gradient(145deg,#e8b76b,#a56c32)}.dock-agent{background:linear-gradient(145deg,#7aaff0,#3c64ae)}.dock-rooms{background:linear-gradient(145deg,#6cd6b2,#27816d)}.bottom-actions button:active .dock-icon{transform:scale(.94)}.bottom-actions button:focus-visible{outline:2px solid #a5f5dd;outline-offset:5px}@media(hover:hover){.bottom-actions button:hover .dock-icon{transform:translateY(-5px) scale(1.08)}}@media(prefers-reduced-motion:reduce){.dock-icon{transition:none}}.casino-category{margin-bottom:25px}.category-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.category-heading h3{font-size:15px;margin:0}.category-heading>span{font-size:11px;color:#859ca4}.casino-card{--hue:160;padding:9px 7px 12px;min-width:0}.category-tables{--hue:190}.category-slots{--hue:38}.category-fishing{--hue:205}.category-casual{--hue:280}.game-art{height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;border-radius:11px;background:radial-gradient(ellipse,hsla(var(--hue),65%,55%,.18),transparent 75%);overflow:hidden}.game-art img{width:100%;height:100%;object-fit:contain}.category-glyph{font-size:34px;color:hsl(var(--hue),55%,72%);font-weight:800;letter-spacing:-2px}.casino-card small{display:block;margin-top:4px}.game-sprite{width:100%;height:100%;overflow:hidden}.bottom-actions{top:calc(100dvh - 84px - env(safe-area-inset-bottom));height:84px}
