.app-frame.game-mode{--app-max-width:480px;--app-outer-gap:0px;height:var(--app-viewport-height,100dvh);min-height:0;top:var(--app-viewport-top,0px);border:0;border-radius:0;flex-direction:column;margin:0;display:flex;position:fixed;left:50%;overflow:clip;transform:translate(-50%)}.game-mode.app-frame--footer{--app-footer-height:calc(72px + var(--app-safe-area-bottom))}.game-mode>.app-header{border-radius:0;flex:none;padding-inline:12px}.game-mode>.app-main{overscroll-behavior-y:contain;flex:1;width:100%;min-width:0;min-height:0;margin:0;padding-bottom:16px;scroll-padding-block:16px;overflow-y:auto}.game-mode>.app-main--home{padding-bottom:0;overflow:hidden}.game-mode .home-dashboard{flex-direction:column;height:100%;min-height:0;display:flex}.game-mode .home-dashboard>:is(.home-actions,.market-tabs){flex:none}.game-mode .home-game-scroll{overscroll-behavior-y:contain;scrollbar-width:none;flex:1;min-height:0;padding-bottom:16px;overflow-y:auto}.game-mode .home-game-scroll::-webkit-scrollbar{display:none}.game-mode:not(.app-frame--footer)>.app-main{padding-bottom:env(safe-area-inset-bottom,0px)}.game-mode>.bottom-nav{width:100%;height:var(--app-footer-height);padding:6px 8px calc(6px + var(--app-safe-area-bottom));border:0;border-top:1px solid var(--border);border-radius:0;flex:none;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;display:grid;position:relative;top:auto;bottom:auto;left:auto;transform:none}.game-mode .page{min-height:100%;display:block}.game-mode .page-heading{border-right:0;border-bottom:1px solid var(--border);grid-template-columns:40px minmax(0,1fr) 32px;gap:6px 10px;margin-bottom:14px;padding:12px}.game-mode .page-heading-copy{grid-area:1/2}.game-mode .page-heading-copy h1{font-size:20px;line-height:1.3}.game-mode .page-heading>.brand-logo{grid-column:3;width:32px;height:32px}.game-mode .page-actions{grid-area:2/2/auto/-1;justify-content:space-between}.game-mode .page-content{padding:0 12px 20px}.game-mode :is(.card,.field,.bank-layout,.funds-transfer,.profile-layout){min-width:0}.game-mode :is(.bank-layout,.funds-transfer,.funds-home){grid-template-columns:minmax(0,1fr)}.game-mode .page-content:has(.game-board){padding-bottom:0}.game-mode .game-page{padding-bottom:16px}.game-mode .game-workspace{gap:14px}.game-mode .game-fixed-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.game-mode .game-fixed-cell{flex-direction:row;align-items:center;min-height:60px;padding:8px}.game-mode .game-fixed-cell input{border-top:0;border-left:1px solid var(--border);padding:10px 0 10px 8px;font-size:16px}.game-mode .jodi-grid{grid-template-columns:repeat(5,minmax(0,1fr));max-height:min(380px,50dvh)}.game-mode .game-number-grid button{min-height:44px}.game-mode :is(input,select,textarea):not([type=checkbox]):not([type=radio]){font-size:16px}.game-mode .game-bid-footer{gap:10px;padding:12px}.game-mode .game-bid-row{grid-template-columns:minmax(0,1fr) minmax(0,.7fr) minmax(0,1.3fr) 40px;padding-inline:10px}.game-mode .game-bid-row>*{overflow-wrap:anywhere;min-width:0}.game-mode .game-bid-row button{width:40px;height:40px}.game-mode .game-toolbar{flex-wrap:wrap;gap:8px}.game-mode .game-toolbar>.field{flex-basis:160px}.game-mode .game-session-select{gap:8px;padding:8px 10px}.game-mode .game-session-select>span{flex-shrink:0}.game-mode .game-slot{gap:10px;padding:12px}.game-mode .modal{width:min(100% - 16px,464px);max-height:calc(var(--app-viewport-height,100dvh) - 24px);top:calc(var(--app-viewport-top,0px) + var(--app-viewport-height,100dvh) / 2);border-radius:18px;margin:0 auto;bottom:auto;left:0;right:0;transform:translateY(-50%)}.game-mode .modal-inner>header{gap:8px;padding:14px 12px}.game-mode .modal-body{padding:16px 12px calc(16px + env(safe-area-inset-bottom,0px))}.game-mode .drawer{width:min(100%,480px);max-height:min(92dvh, calc(var(--app-viewport-height,100dvh) - 16px))}.game-mode .passbook-page:not(.passbook-page--rotated){height:100%}@media (max-height:500px){.game-mode .home-action{flex-direction:row;gap:4px;min-height:44px;padding:6px 4px}.game-mode .modal-inner>header{padding-block:8px}.game-mode .page-heading{margin-bottom:10px;padding-block:8px}}
.app-frame.book-mode{--app-max-width:480px;--app-outer-gap:0px;--app-header-height:calc(60px + env(safe-area-inset-top,0px));--app-footer-height:calc(64px + var(--app-safe-area-bottom));top:var(--app-viewport-top,0px);height:var(--app-viewport-height,100dvh);border:0;border-radius:0;flex-direction:column;min-height:0;margin:0;display:flex;position:fixed;left:50%;overflow:clip;transform:translate(-50%)}.app-frame.book-mode.app-frame--footer{--app-footer-height:calc(64px + var(--app-safe-area-bottom))}.app-frame.book-mode.app-frame--footer>.app-main{margin-left:0}.book-mode>.app-header{background:var(--surface);border-bottom:1px solid var(--border);color:var(--ink);border-radius:0;flex:none;gap:8px;padding-inline:16px}.book-mode .app-header .brand{min-width:0;color:var(--ink);gap:5px}.book-mode .app-header .brand img{width:24px;height:24px}.book-mode .app-header .brand span{letter-spacing:0;font-size:14px}.book-mode .app-header .icon-button{width:36px;height:36px;color:var(--muted);background:0 0;border-radius:50%;flex:none;position:relative}.book-mode .app-header .book-menu-button{background:var(--burgundy);width:38px;height:38px;color:var(--gold-light)}.book-mode .app-header .wallet-pill{background:var(--cream2);max-width:none;min-height:32px;color:var(--ink);border-radius:20px;flex:none;padding:6px 10px;font-size:13px}.book-mode .wallet-pill:disabled{opacity:1;cursor:default}.book-cart-badge{background:var(--burgundy);min-width:17px;height:17px;color:var(--gold-light);border-radius:99px;place-items:center;padding:0 4px;font-size:10px;font-weight:700;display:grid;position:absolute;top:-2px;right:-2px}.book-mode>.app-main{scrollbar-width:none;flex:1;width:100%;min-width:0;min-height:0;margin:0;padding:0;overflow-y:auto}.book-mode>.app-main:has(.books-page){overflow:hidden}.book-mode>.app-main:has(.book-standalone){overflow:hidden}.book-mode>.app-main::-webkit-scrollbar{display:none}.book-mode>.bottom-nav{width:100%;height:var(--app-footer-height);padding:0 0 var(--app-safe-area-bottom);border:0;border-top:1px solid var(--border);box-shadow:none;border-radius:0;flex:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;display:grid;position:relative;top:auto;bottom:auto;left:auto;transform:none}.book-mode .bottom-nav a{background:0 0;border-radius:0;gap:4px;height:100%;padding:0;position:relative}.book-mode .bottom-nav a.active{background:0 0}.book-mode .bottom-nav a.active:after{content:"";background:var(--accent);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:15%;right:15%}.book-mode .bottom-nav .nav-glyph{height:22px}.book-mode .bottom-nav .nav-label{height:auto;font-size:11px;line-height:1.2}.book-footer-brand{font-size:14px;font-weight:700}.book-mode .drawer{border:0;border-radius:0;width:min(280px,82%);height:100%;max-height:100%;margin:0;padding:0;inset:0 auto 0 0}.book-mode .drawer-backdrop{border:0}.book-mode .drawer-top{justify-content:flex-end;min-height:24px;padding:12px 12px 0}.book-mode .drawer-top .icon-button{background:0 0;width:32px;height:32px}.book-mode .drawer-profile{color:var(--accent);background:0 0;border:0;border-radius:0;gap:16px;margin:0;padding:0 24px 20px}.book-mode .drawer-profile .avatar{width:52px;height:52px;color:var(--accent);background:0 0;border:0;border-radius:0}.book-mode .drawer-profile strong{font-size:19px}.book-mode .drawer-profile .muted{color:var(--muted);font-size:13px}.book-mode .drawer-links{flex-direction:column;gap:0;display:flex}.book-mode .drawer-row{min-height:66px;color:var(--accent);background:0 0;border:0;border-radius:0;gap:16px;padding:12px 24px;font-size:16px;font-weight:800}.book-mode .drawer-row .menu-glyph{background:var(--burgundy);width:42px;height:42px;color:var(--gold-light);border-radius:50%;flex:none}.book-mode .drawer-row>svg:last-child{display:none}.book-mode .drawer-row.error{border-top:1px solid var(--border);color:var(--red);margin-top:8px}.book-mode .page{min-height:0;display:block}.book-mode .page-heading{border-right:0;margin-bottom:16px;padding:16px}.book-mode .page-heading-copy h1{font-family:inherit;font-size:23px}.book-mode .page-content{padding:0 16px 20px}.book-mode .modal{width:min(100% - 24px,344px);max-height:calc(min(785px, var(--app-viewport-height,100dvh)) - 24px);top:calc(min(785px, var(--app-viewport-height,100dvh)) / 2);border-radius:16px;margin:0 auto;bottom:auto;left:0;right:0;transform:translateY(-50%)}@media (min-width:768px){.app-frame.book-mode{--app-max-width:360px;height:min(785px, var(--app-viewport-height,100dvh));border-radius:32px}}@container app (max-width:359px){.book-mode .app-header{gap:6px;padding-inline:10px}.book-mode .app-header .brand img{width:20px;height:20px}.book-mode .app-header .brand span{font-size:12px}.book-mode .app-header .wallet-pill{padding-inline:6px;font-size:11px}}.app-frame.auth-frame{--app-max-width:480px;--app-outer-gap:0px;border:0;border-radius:0;height:100dvh;min-height:0;margin:0 auto;overflow-y:auto}.auth-frame .account-page{min-height:100%}@media (min-width:768px){.app-frame.auth-frame{--app-max-width:360px;border-radius:32px;height:min(785px,100dvh)}}.book-mode .drawer-profile strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.book-mode .drawer-profile>div{min-width:0}.book-mode .drawer-row[href=\/delete-account] .menu-glyph{color:var(--accent);background:0 0}.book-mode .drawer-row.error{color:var(--accent)}.book-mode .app-header .wallet-pill>svg{color:var(--accent);width:18px;height:18px}.book-mode .drawer-scroll{scrollbar-width:none;min-height:0;overflow-y:auto}