.app-shell{color:#f8f6ef;--hud-border:#44617c;background:radial-gradient(at 50% 0,#214365 0,#0d2338 45%,#071522 100%);min-height:100dvh}.app-loading{justify-content:center;align-items:center;display:flex}.app-shell :is(a,button,input,select):focus-visible{outline-offset:3px;outline:3px solid #ffd858}.app-shell :is(a,button){-webkit-tap-highlight-color:transparent;touch-action:manipulation}.app-header{z-index:30;min-height:64px;padding:max(8px, env(safe-area-inset-top)) 12px 8px;background:linear-gradient(120deg,#15324b,#091a2d);border-bottom:1px solid #36516b;justify-content:space-between;align-items:center;gap:8px;display:flex;position:sticky;top:0;box-shadow:0 4px 16px #0003}.app-shell .game-brand,.game-brand-standalone{color:#ffd65d;text-shadow:0 2px #8e431e,0 3px #030d18;letter-spacing:-.8px;flex-direction:column;flex-shrink:0;font-size:18px;font-style:italic;font-weight:800;line-height:1.1;display:flex}.app-shell .game-brand span,.game-brand-standalone span{color:#fff5df;letter-spacing:2px;text-shadow:none;background:#c73632;border-radius:2px;align-self:center;margin-top:4px;padding:2px 9px;font-size:9px;font-style:normal;transform:rotate(-3deg)}.app-account{align-items:center;gap:10px;min-width:0;display:flex}.app-username{font-size:14px;font-weight:700;display:none}.app-shell .account-wallet{white-space:nowrap;background:#061727a6;border-radius:12px;align-items:center;gap:7px;padding:8px 11px;font-size:14px;font-weight:800;display:flex;box-shadow:inset 0 1px 3px #0006,0 1px #54708a50}.app-shell .coin-icon,.coin-inline{vertical-align:middle;background:linear-gradient(110deg,#fff187,#ffc422 45%,#ed9c0c);border:2px solid #ffec8b;border-radius:50%;flex-shrink:0;width:16px;height:18px;display:inline-block;box-shadow:inset 0 0 0 2px #e5a210,0 1px 3px #0004}.currency-icon{filter:drop-shadow(0 1px 1px #0005);flex-shrink:0}.coin-badge,.cash-badge{white-space:nowrap;align-items:center;gap:6px;font-weight:800;display:inline-flex}.coin-badge{color:#ffe08a}.cash-badge{color:#b9f5c4}.app-nav{z-index:40;padding:6px 4px max(8px, env(safe-area-inset-bottom));background:linear-gradient(#17364f,#081b2d);border-top:1px solid #385772;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -5px 20px #0004}.app-nav a{color:#9aafc2;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:50px;font-size:11px;font-weight:600;line-height:1.15;display:flex}.app-nav .nav-icon{border-radius:10px;place-items:center;width:38px;height:29px;display:grid}.app-nav a[aria-current=page]{color:#fff;font-weight:800}.app-nav a[aria-current=page] .nav-icon{background:linear-gradient(#219cff,#0051e9);outline:1px solid #6fc1ff;box-shadow:0 0 10px #006bff88}.app-main{width:100%;max-width:1120px;margin:0 auto;padding:14px 12px 24px}.has-app-nav .app-main{padding-bottom:calc(86px + env(safe-area-inset-bottom))}.app-page{flex-direction:column;gap:14px;display:flex}.app-title{font-size:22px;font-weight:800;line-height:1.2}.app-subtitle{color:#b7c6d4;font-size:14px}.section-title{letter-spacing:.6px;color:#c9d7e4;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;font-weight:800;display:flex}.hud-card{border:1px solid var(--hud-border);background:linear-gradient(150deg,#213d57,#0a2034 70%);border-radius:16px;box-shadow:inset 0 1px #ffffff12,0 4px 12px #0003}.hud-input{color:#fff;background:#061727;border:1px solid #44617c;border-radius:12px;min-width:0;min-height:46px;padding:0 12px;font-weight:800}.hud-input::placeholder{color:#7f95aa}.btn-gold,.btn-navy,.btn-danger{letter-spacing:.3px;border-radius:13px;justify-content:center;align-items:center;gap:6px;min-height:46px;padding:0 16px;font-weight:800;transition:transform 80ms,filter .15s;display:inline-flex}.btn-gold{color:#3b1f00;background:linear-gradient(#ffe36b,#ffc21c 55%,#f39a0b);box-shadow:inset 0 2px #fff6b8,0 4px #b45f08,0 6px 12px #0005}.btn-navy{color:#f3f7fb;background:linear-gradient(#27496a,#11283f);border:1px solid #4b6b88;box-shadow:inset 0 1px #ffffff1a,0 3px #06121f}.btn-danger{color:#fff;background:linear-gradient(#f0574a,#c2291f);box-shadow:inset 0 1px #fff3,0 3px #6f130d}:is(.btn-gold,.btn-navy,.btn-danger):active:not(:disabled){transform:translateY(2px)}:is(.btn-gold,.btn-navy,.btn-danger):disabled{cursor:not-allowed;filter:grayscale(.7);opacity:.5}.alert-error{background:#ef3e3626;border:1px solid #ef3e3680;border-radius:12px;padding:10px 12px;font-size:14px;font-weight:600}.lobby-hero{background:linear-gradient(90deg,#0a2034 0,#0a2034e6 48%,#0a203430 100%),#e9d2a4 url(/art/vietnam-board.webp) right 18%/auto 190% no-repeat;border:1px solid #b89a5a;border-radius:18px;min-height:150px;padding:16px;position:relative;overflow:hidden;box-shadow:0 6px 18px #0005}.lobby-hero .app-title{max-width:70%}.lobby-hero p{color:#dfe8f0;max-width:62%;margin-top:4px;font-size:14px}.lobby-actions{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}.lobby-join{gap:8px;min-width:0;display:flex}.lobby-join .hud-input{letter-spacing:3px;text-transform:uppercase;flex:1;width:0}.lobby-grid{gap:14px;display:grid}.room-list{flex-direction:column;gap:10px;display:flex}.room-card{align-items:center;gap:12px;padding:12px;display:flex}.room-card .location-art{background-position:50%;background-size:cover;border:2px solid #e9d2a4;border-radius:12px;flex-shrink:0;width:58px;height:58px}.room-card-body{flex:1;min-width:0}.room-card-body strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;display:block;overflow:hidden}.room-code{letter-spacing:1.5px;color:#ffd65d;font-size:11px;font-weight:700}.room-meta{color:#b7c6d4;flex-wrap:wrap;gap:4px 10px;margin-top:4px;font-size:12px;display:flex}.room-meta .coin-inline{border-width:1px;width:12px;height:14px;margin-right:3px}.seat-dots{align-items:center;gap:3px;display:inline-flex}.seat-dots i{background:#3c5a75;border-radius:50%;width:7px;height:7px}.seat-dots i[data-filled]{background:#58d17a}.room-card .btn-gold,.room-card .btn-navy{min-height:44px;padding:0 12px;font-size:13px}.empty-state{text-align:center;color:#9fb2c4;border:1px dashed #44617c;border-radius:16px;padding:26px 16px}.daily-card{text-align:left;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.daily-card .gift{background:linear-gradient(#ff6f5a,#c72e27);border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.daily-card strong{display:block}.daily-card small{color:#b7c6d4}.lb-tabs{background:#061727;border:1px solid #36516b;border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;display:grid}.lb-tabs [role=tab]{color:#a9bccd;border-radius:10px;min-height:42px;padding:0 2px;font-size:12px;font-weight:800;line-height:1.15}.lb-tabs [role=tab][aria-selected=true]{color:#3b1f00;background:linear-gradient(#ffe36b,#ffc21c 60%,#f39a0b);box-shadow:inset 0 1px #fff6b8}.lb-podium{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:8px;padding:14px 10px 0;display:grid}.lb-podium>div{text-align:center;flex-direction:column;align-items:center;gap:4px;min-width:0;display:flex}.lb-podium strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px;overflow:hidden}.lb-podium small{color:#ffd65d;font-size:11px;font-weight:800}.lb-podium .step{color:#3b1f00;border-radius:10px 10px 0 0;place-items:center;width:100%;font-size:22px;font-weight:900;display:grid}.lb-podium [data-place="1"] .step{background:linear-gradient(#ffe36b,#f3a20b);height:74px}.lb-podium [data-place="2"] .step{background:linear-gradient(#eef3f7,#a8b6c3);height:54px}.lb-podium [data-place="3"] .step{background:linear-gradient(#f3c08e,#b8692c);height:42px}.lb-list{flex-direction:column;gap:6px;display:flex}.lb-row{background:#0d2438;border:1px solid #2d4a64;border-radius:13px;align-items:center;gap:10px;min-height:56px;padding:8px 12px;display:flex}.lb-row[aria-current=true]{background:linear-gradient(90deg,#3a3510,#0d2438 70%);border-color:#ffd65d}.lb-rank{background:#1b3a55;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:13px;font-weight:900;display:grid}.lb-rank[data-rank="1"]{color:#3b1f00;background:linear-gradient(#ffe36b,#f3a20b)}.lb-rank[data-rank="2"]{color:#1d2a36;background:linear-gradient(#eef3f7,#a8b6c3)}.lb-rank[data-rank="3"]{color:#2f1700;background:linear-gradient(#f3c08e,#b8692c)}.lb-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:700;overflow:hidden}.lb-value{color:#ffd65d;flex-shrink:0;font-size:14px;font-weight:800}.room-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;padding:14px;display:flex}.room-head h1{font-size:20px;font-weight:800}.room-head h1 span{letter-spacing:3px;color:#ffd65d}.room-stats{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.room-stats div{text-align:center;background:#061727a0;border-radius:10px;flex:96px;align-content:center;gap:3px;min-height:48px;padding:6px 8px;display:grid}.room-stats dt{color:#9fb2c4;font-size:10px;line-height:1.25}.room-stats dd{white-space:nowrap;justify-content:center;align-items:center;gap:4px;font-size:13px;font-weight:800;display:inline-flex}.seat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.seat{align-items:center;gap:10px;min-width:0;padding:10px;display:flex}.seat[data-ready]{border-color:#58d17a;box-shadow:inset 0 0 0 1px #58d17a60,0 4px 12px #0003}.seat-token{background:radial-gradient(circle at 35% 30%,#fff6dc,#d8c89e);border:2px solid #e6c867;border-radius:50%;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid}.seat-body{min-width:0}.seat-body strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;display:block;overflow:hidden}.seat-body small{color:#b7c6d4;font-size:11px;display:block}.seat-badge{background:#1b3a55;border-radius:999px;margin-top:3px;padding:1px 7px;font-size:10px;font-weight:800;display:inline-block}.seat-badge[data-tone=ok]{color:#0b2a14;background:#58d17a}.seat-badge[data-tone=host]{color:#3b1f00;background:#ffd65d}.seat-empty{opacity:.6;border-style:dashed}.room-actions{padding:10px 12px max(12px, env(safe-area-inset-bottom));background:linear-gradient(#07152200,#071522 30%);flex-wrap:wrap;gap:8px;margin:0 -12px;display:flex;position:sticky;bottom:0}.room-actions>.btn-gold{flex:100%;min-height:52px;font-size:17px}.room-actions>.btn-navy,.room-actions>.btn-danger{flex:1}.profile-card{align-items:center;gap:14px;padding:16px;display:flex}.profile-avatar{background:radial-gradient(circle at 35% 30%,#fff6dc,#d8c89e);border:3px solid #e6c867;border-radius:50%;flex-shrink:0;place-items:center;width:64px;height:64px;display:grid}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.stat-grid>li{text-align:center;padding:12px 6px}.stat-grid strong{color:#ffd65d;font-size:22px;font-weight:900;display:block}.stat-grid span{color:#b7c6d4;font-size:12px}.auth-screen{min-height:100dvh;padding:max(20px, env(safe-area-inset-top)) 16px max(20px, env(safe-area-inset-bottom));color:#f8f6ef;background:radial-gradient(at 75% 15%,#2b5366 0,#0000 52%),linear-gradient(140deg,#122d42,#071522 80%);flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex}.auth-screen :is(a,button,input):focus-visible{outline-offset:3px;outline:3px solid #ffd858}.auth-screen .game-brand-standalone{font-size:30px}.auth-screen .game-brand-standalone span{font-size:12px}.auth-card{flex-direction:column;gap:14px;width:100%;max-width:380px;padding:20px 18px;display:flex}.auth-card h1{text-align:center;font-size:20px;font-weight:800}.auth-card label{flex-direction:column;gap:6px;font-size:14px;font-weight:700;display:flex}.auth-card .hud-input{width:100%;font-size:16px}.auth-links{justify-content:space-between;gap:8px;font-size:14px;display:flex}.auth-links a{text-underline-offset:3px;align-items:center;min-height:44px;text-decoration:underline;display:inline-flex}.sheet-form{flex-direction:column;gap:16px;display:flex}.field{flex-direction:column;gap:6px;font-size:14px;font-weight:700;display:flex}.field small{color:#9fb2c4;font-weight:500}.field .hud-input{width:100%;font-size:16px;font-weight:600}.choice-group{border:0;min-width:0;margin:0;padding:0}.choice-group legend{margin-bottom:6px;font-size:14px;font-weight:700}.choice-group [role=radiogroup]{flex-wrap:wrap;gap:8px;display:flex}.choice-chip{cursor:pointer;position:relative}.choice-chip input{opacity:0;cursor:pointer;position:absolute;inset:0}.choice-chip span{color:#d7e2ec;background:#102a41;border:1px solid #44617c;border-radius:12px;align-items:center;min-height:44px;padding:0 14px;font-size:14px;font-weight:700;display:inline-flex}.choice-chip input:checked+span{color:#3b1f00;background:linear-gradient(#ffe36b,#ffc21c 60%,#f39a0b);border-color:#ffd65d}.choice-chip input:focus-visible+span{outline-offset:2px;outline:3px solid #ffd858}.switch-row{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:52px;display:flex}.switch-row strong{font-size:14px;display:block}.switch-row small{color:#9fb2c4;font-size:12px;display:block}.switch-row input{appearance:none;cursor:pointer;background:#2c4760;border-radius:999px;flex-shrink:0;width:50px;height:30px;transition:background .15s;position:relative;box-shadow:inset 0 1px 3px #0007}.switch-row input:after{content:"";background:#f4f6f8;border-radius:50%;width:24px;height:24px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0006}.switch-row input:checked{background:#33b35a}.switch-row input:checked:after{transform:translate(20px)}.switch-row input:focus-visible{outline-offset:2px;outline:3px solid #ffd858}.music-controls{align-items:center;gap:12px;display:flex}.music-controls input{accent-color:#ffc431;flex:1;min-width:0}.music-controls button{flex:none;width:auto;padding:8px 14px}.daily-amount{flex-direction:column;align-items:center;gap:2px;display:flex}.daily-amount .coin-inline{border-width:3px;width:34px;height:38px}.daily-amount strong{color:#ffd65d;font-size:30px;font-weight:900}.daily-amount small{color:#9fb2c4;font-size:13px}.daily-track{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:100%;display:grid}.daily-track li{text-align:center;background:#0f273c;border:1px solid #36516b;border-radius:11px;flex-direction:column;align-items:center;gap:1px;min-width:0;padding:7px 2px;font-size:11px;display:flex}.daily-track li span{color:#9fb2c4}.daily-track li span:first-child{white-space:nowrap;height:16px;line-height:16px}.daily-track li strong{white-space:nowrap;font-size:13px;line-height:17px}.daily-track li small{color:#58d17a;font-size:10px}.daily-track li[data-done]{opacity:.7}.daily-track li[aria-current]{color:#3b1f00;background:linear-gradient(#ffe36b,#ffc21c 60%,#f39a0b);border-color:#ffd65d}.daily-track li[aria-current] span{color:#5a3300}.daily-track li:last-child{grid-column:span 1}.event-card{color:#1c1c1c;border-radius:22px;max-width:320px;padding:6px;box-shadow:0 12px 40px #000a}.event-card-cohoi{background:linear-gradient(160deg,#ff5bb0,#b8005f)}.event-card-khivan{background:linear-gradient(160deg,#ffe36b,#e29a06)}.event-card>div:first-child{display:none}.event-card-body{text-align:center;background:#fff8e8;border-radius:17px;flex-direction:column;align-items:center;gap:10px;padding:20px 16px 16px;display:flex}.event-deck{color:#fff;letter-spacing:2.5px;text-transform:uppercase;border-radius:999px;padding:3px 14px;font-size:11px;font-weight:800}.event-card-cohoi .event-deck{background:#c4086a}.event-card-khivan .event-deck{color:#3b1f00;background:#f5b40c}.event-drawer{color:#0b2239;margin:0;font-size:14px;font-weight:800}.event-title{color:#0b2239;font-size:22px;font-weight:900;line-height:1.2}.event-text{color:#3a3f45;font-size:15px;line-height:1.5}.event-outcome{color:#0b2239;background:#0b22390f;border-radius:12px;width:100%;padding:8px;font-size:17px;font-weight:900}.event-outcome[data-tone=gain]{color:#17803a;background:#39a85222}.event-outcome[data-tone=lose]{color:#c0271f;background:#ef3e3622}.event-pick{flex-direction:column;gap:8px;width:100%;display:flex}.event-pick-hint{color:#f8f6ef;margin:0;font-size:13px;font-weight:700}.event-card-body .event-pick-hint{color:#0b2239}.event-pick-wait{color:#0b2239aa;margin:0;font-size:12px;font-weight:700}.event-pick-list{flex-direction:column;gap:6px;max-height:34vh;display:flex;overflow-y:auto}.event-pick-list button{color:#f8f6ef;text-align:left;background:#ffffff12;border-radius:10px;align-items:center;gap:8px;min-height:44px;padding:8px 10px;font-size:13px;display:flex}.event-card-body .event-pick-list button{color:#0b2239;background:#0b22390f}.event-pick-list button:active{background:#f2c94c55}.event-pick-list button[disabled]{opacity:.4}.event-pick-dot{border-radius:3px;flex-shrink:0;width:10px;height:10px}.event-pick-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:700;overflow:hidden}.event-pick-meta{opacity:.65;flex-shrink:0;font-size:11px}.event-pick-back{font-weight:700}.event-pick-empty{opacity:.6;text-align:center;margin:0;padding:10px;font-size:12px}.event-pick-skip{color:#f8f6ef;letter-spacing:.5px;opacity:.85;border:1.5px dashed #fff5;border-radius:10px;min-height:44px;font-size:12px;font-weight:800}.event-card-body .event-pick-skip{color:#0b2239;border-color:#0b223955}.event-pick-skip:active{opacity:.6}.event-card-flip{perspective:900px}.event-card-flip-inner{transform-style:preserve-3d;animation:.65s cubic-bezier(.3,1.25,.45,1) both event-card-flip;position:relative}.event-card-backface{backface-visibility:hidden;border-radius:17px;place-items:center;font-size:52px;line-height:1;display:grid;position:absolute;inset:0}.event-card-cohoi .event-card-backface{color:#fff;text-shadow:0 3px 8px #0006;background:radial-gradient(circle at 50% 35%,#ffffff30,#0000 60%),repeating-linear-gradient(45deg,#e0188a 0 9px,#a8045a 9px 18px)}.event-card-khivan .event-card-backface{color:#5a3a00;text-shadow:0 2px 4px #fff8;background:radial-gradient(circle at 50% 35%,#fff6,#0000 60%),repeating-linear-gradient(45deg,#ffd65d 0 9px,#eba30a 9px 18px)}.event-card-body{backface-visibility:hidden;transform:rotateY(180deg)}@keyframes event-card-flip{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}.results-card{color:#f8f6ef;background:radial-gradient(at 50% 0,#ffd65d33,#0000 60%),linear-gradient(160deg,#1d3c58,#0a2034 75%);border:2px solid #ffd65d;border-radius:22px;max-width:400px;padding:20px 16px;box-shadow:0 12px 40px #000a}.results-card>div:first-child{justify-content:center}.results-title{letter-spacing:3px;text-transform:uppercase;color:#ffd65d;font-size:13px;font-weight:800}.results-headline{text-align:center;margin-bottom:14px;font-size:24px;font-weight:900}.results-list{flex-direction:column;gap:6px;display:flex}.results-list li{background:#0d2438;border:1px solid #2d4a64;border-radius:13px;align-items:center;gap:10px;min-height:52px;padding:8px 12px;display:flex}.results-list li[data-rank="1"]{background:linear-gradient(90deg,#4a3d0c,#0d2438 80%);border-color:#ffd65d}.results-list li[aria-current]{outline-offset:1px;outline:2px solid #6fc1ff}.results-list small{color:#ef8a84;font-weight:500}.results-list .results-loss{color:#ff6d5e;font-weight:800}.results-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;display:grid}.game-toast{z-index:70;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));color:#fff;background:#c0271f;border:1px solid #ff9a93;border-radius:14px;align-items:center;gap:8px;width:max-content;max-width:calc(100vw - 24px);padding:6px 6px 6px 14px;font-size:14px;font-weight:700;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #0008}.game-toast button{background:#ffffff26;border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:20px;display:grid}.invite-toast{z-index:70;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));background:var(--color-navy-800);width:max-content;max-width:calc(100vw - 24px);color:var(--color-cream);border:1px solid #b89a5a;border-radius:14px;align-items:center;gap:10px;padding:6px 6px 6px 14px;font-size:14px;font-weight:600;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #0008}.invite-toast .invite-toast-text{text-overflow:ellipsis;white-space:nowrap;max-width:52vw;overflow:hidden}.invite-toast button{background:#ffffff1f;border-radius:10px;flex-shrink:0;place-items:center;min-width:36px;height:36px;padding:0 10px;font-size:14px;font-weight:700;display:grid}.invite-toast .invite-toast-join{background:var(--color-game-gold);color:var(--color-ink)}.invite-toast .invite-toast-close{padding:0;font-size:20px}@media (min-width:400px){.daily-track{grid-template-columns:repeat(7,minmax(0,1fr))}.daily-track li span:first-child{letter-spacing:-.2px;font-size:10px}.daily-track li strong{letter-spacing:-.2px;font-size:clamp(10px,2.75vw,13px)}}@media (min-width:1100px){.game-toast,.invite-toast{bottom:32px}}@media (min-width:640px){.app-main{padding-inline:20px}.lobby-actions{grid-template-columns:auto minmax(0,1fr);align-items:center}.seat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.seat{text-align:center;flex-direction:column}.room-actions{background:0 0;margin:0;padding:0;position:static}.room-actions>.btn-gold{flex:auto}}@media (min-width:900px){.app-header{padding-inline:24px}.app-username{display:inline}.app-nav{box-shadow:none;background:0 0;border:0;gap:6px;padding:0;display:flex;position:static}.app-nav a{border-radius:12px;flex-direction:row;gap:6px;min-height:44px;padding:0 12px;font-size:14px}.app-nav .nav-icon{width:auto;height:auto;box-shadow:none!important;background:0 0!important;outline:none!important}.app-nav a[aria-current=page]{color:#3b1f00;background:linear-gradient(#ffe36b,#ffc21c 60%,#f39a0b)}.has-app-nav .app-main{padding-bottom:32px}.lobby-hero{min-height:200px;padding:26px}.lobby-hero .app-title{font-size:30px}.lobby-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start}.lb-wrap{width:100%;max-width:720px;margin:0 auto}}@media (max-width:359px){.app-header{padding-inline:8px}.app-shell .game-brand{font-size:15px}.app-shell .account-wallet{padding-inline:8px;font-size:12px}.lobby-hero .app-title{font-size:19px}}@media (prefers-reduced-motion:reduce){.app-shell *,.auth-screen *{transition-duration:.01ms!important}}.w-full{width:100%}.state-copy{font-size:16px;font-weight:700;line-height:1.45}.state-hint{color:#9fb2c4;font-size:13px}.field-error{color:#ff8f88;margin-top:-6px;font-size:13px;font-weight:700}.section-link{letter-spacing:0;text-transform:none;color:#8ccaff;align-items:center;min-height:32px;font-size:12px;font-weight:700;display:inline-flex}.back-link{color:#8ccaff;align-self:flex-start;align-items:center;min-height:44px;font-weight:700;display:inline-flex}.empty-state strong{color:#f8f6ef;text-transform:uppercase;font-size:16px;display:block}.empty-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.alert-error{justify-content:space-between;align-items:center;gap:8px;display:flex}.alert-error button{background:#ffffff1f;border-radius:8px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.filter-chips{scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.filter-chips .choice-chip span{white-space:nowrap}.filter-chips small{opacity:.8;margin-left:3px;font-weight:600}.player-avatar-ring{background:radial-gradient(circle at 35% 30%,#fffaf0,#e7d6ab);border:3px solid;border-radius:50%;flex-shrink:0;place-items:center;display:inline-grid;position:relative;overflow:hidden;box-shadow:0 0 0 2px #0b2239,0 3px 8px #0006}.player-avatar-img,.player-pic-img{object-fit:cover;border-radius:50%;flex:none;display:block}.player-avatar-img,.player-pic-img.fill{width:100%;height:100%}.avatar-actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.avatar-actions .btn-gold,.avatar-actions .btn-navy{min-height:36px;padding:6px 14px;font-size:12px}.avatar-crown{filter:drop-shadow(0 1px 1px #0008);font-size:20px;position:absolute;top:-.9em;left:50%;transform:translate(-50%)rotate(-8deg)}.landing{color:#f8f6ef;background:radial-gradient(at 70% 0,#2a5b86 0,#0000 60%),linear-gradient(#0b2239,#07192b);flex-direction:column;height:100dvh;min-height:100dvh;display:flex}.landing-top{padding:20px 40px 0;display:none}.landing .game-brand-standalone{font-size:20px}.landing-hero{min-height:0;padding:max(12px, env(safe-area-inset-top)) 16px 12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.landing-copy{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.landing-title{letter-spacing:-1px;color:#ffd65d;text-shadow:0 3px #8e431e,0 5px #030d18,0 8px 18px #000a;text-transform:uppercase;flex-direction:column;align-items:center;font-size:clamp(34px,11vw,40px);font-style:italic;font-weight:900;line-height:1;display:flex}.landing-title em{color:#fff5df;letter-spacing:3px;text-shadow:0 2px #6d1714;background:#c73632;border-radius:4px;margin-top:8px;padding:4px 18px;font-size:.5em;font-style:normal;transform:rotate(-3deg)}.landing-tagline{color:#f1e7cf;max-width:30ch;font-size:16px;font-weight:600;line-height:1.45}.landing-ctas{gap:10px;width:100%;max-width:340px;display:grid}.landing-play{min-height:58px;font-size:20px}.landing-art{aspect-ratio:1200/760;filter:contrast(1.04)saturate(1.1);background:#0d2338 url(/art/halong-sunset.svg) 50%/contain no-repeat content-box border-box;border:2px solid #e9d2a4;border-radius:22px;flex:none;width:min(100%,60vh);padding:6px;box-shadow:0 10px 30px #000a}.landing-highlights{background:#385772;border-top:1px solid #385772;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.landing-highlights li{padding:8px 6px max(8px, env(safe-area-inset-bottom));text-align:center;color:#d7e2ec;background:linear-gradient(#17364f,#081b2d);flex-direction:column;align-items:center;gap:4px;font-size:12px;font-weight:700;display:flex}.landing-highlights svg{color:#ffd65d}.auth-layout{justify-content:center;align-items:center;gap:24px;width:100%;display:flex}.auth-art{display:none}.auth-tabs{background:#061727;border-radius:14px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.auth-tabs a{color:#b7c6d4;border-radius:10px;place-items:center;min-height:44px;font-size:14px;font-weight:700;display:grid}.auth-tabs a[aria-current=page]{color:#fff;background:linear-gradient(#219cff,#0051e9)}.recovery-code{color:#161616;text-align:center;background:#fff8e8;border:2px dashed #ffd65d;border-radius:16px;flex-direction:column;gap:8px;padding:14px;display:flex}.recovery-code h2{letter-spacing:2px;text-transform:uppercase;color:#6e7278;font-size:12px;font-weight:800}.recovery-code-row{flex-direction:column;align-items:center;gap:8px;display:flex}.recovery-code output{letter-spacing:1px;white-space:nowrap;color:#0b2239;font-size:clamp(18px,6.4vw,26px);font-weight:900}.recovery-code-row .btn-navy{min-height:44px;padding:0 20px}.recovery-code p{font-weight:700}.recovery-code small{color:#6e7278}.lobby-page .lobby-hero{text-align:center;background:linear-gradient(#07192b10 0,#07192b40 45%,#07192bf0 100%),#0d2338 url(/art/halong.webp) 50% 35%/cover no-repeat;flex-direction:column;align-items:center;gap:8px;min-height:250px;padding:18px 16px 20px;display:flex}.lobby-greeting{text-shadow:0 1px 3px #000;font-weight:700;color:#fff!important;max-width:none!important;font-size:13px!important}.lobby-title{color:#fff;text-shadow:0 3px #0b2239,0 6px 14px #000c;text-transform:uppercase;flex-direction:column;font-size:clamp(22px,7vw,36px);font-style:italic;font-weight:900;line-height:1.05;display:flex}.lobby-title span{color:#ffd65d;text-wrap:balance}.lobby-quick{width:min(100%,320px);min-height:60px;margin-top:auto;font-size:22px;box-shadow:0 0 0 3px #fff3,0 8px 22px #ff9d1680}.lobby-active{background:linear-gradient(#5d3f06,#3d2906);border:2px solid #ffd65d;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;text-decoration:none;animation:2s ease-in-out infinite lobby-active-pulse;display:flex}.lobby-active-text{color:#ffe9b3;flex-direction:column;gap:2px;font-size:12px;font-weight:700;display:flex}.lobby-active-text strong{color:#fff;font-size:14px}.lobby-active-btn{color:#3b1f00;background:linear-gradient(#ffe36b,#f3a20b);border-radius:12px;flex-shrink:0;padding:9px 18px;font-size:14px;font-weight:900;box-shadow:0 3px #9a5a06}@keyframes lobby-active-pulse{0%,to{box-shadow:0 0 #ffd65d00}50%{box-shadow:0 0 14px 2px #ffd65d55}}.lobby-secondary{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.lobby-tile{text-align:center;color:#fff;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:72px;padding:8px 4px;font-size:12px;font-weight:800;line-height:1.15;display:flex;box-shadow:inset 0 1px #ffffff40,0 4px 10px #0005}.lobby-tile[data-tone=green]{background:linear-gradient(#3fc262,#1f8a3d)}.lobby-tile[data-tone=blue]{background:linear-gradient(#2aa2ff,#0a5fd8)}.lobby-tile[data-tone=purple]{background:linear-gradient(#9b5cf0,#5b2bb3)}.lobby-daily,.lobby-top,.lobby-quests{padding:14px}.lobby-daily-body{align-items:center;gap:12px;display:flex}.lobby-daily-body .gift{background:linear-gradient(#ff6f5a,#c72e27);border-radius:14px;flex-shrink:0;place-items:center;width:52px;height:52px;font-size:26px;display:grid}.lobby-daily-body p{flex:1;min-width:0}.lobby-daily-body small{color:#b7c6d4;display:block}.lobby-daily-body strong{color:#ffd65d;align-items:center;gap:5px;font-size:18px;display:inline-flex}.lobby-daily-body button{min-height:44px;padding:0 12px;font-size:13px}.quest-note{color:#b7c6d4;margin:0 0 10px;font-size:13px}.quest-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.quest-list li{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:8px;display:grid}.quest-action{justify-content:flex-end;align-items:center;min-width:0;display:flex}.quest-list li[data-ready]{gap:10px}.quest-list li[data-ready] .quest-action{justify-content:stretch}.quest-claim{width:100%;min-height:44px}.quest-copy strong,.quest-copy small{overflow-wrap:anywhere;display:block}.quest-copy small{color:#b7c6d4;font-size:12px}.quest-meter{color:#d5e2ee;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:6px;font-size:12px;display:grid}.quest-list progress{appearance:none;background:#1c3144;border:0;border-radius:99px;width:100%;height:8px;overflow:hidden}.quest-list progress::-webkit-progress-bar{background:#1c3144;border-radius:99px}.quest-list progress::-webkit-progress-value{background:#ffd65d;border-radius:99px}.quest-list progress::-moz-progress-bar{background:#ffd65d;border-radius:99px}.quest-reward{color:#ffd65d;white-space:nowrap;align-items:center;gap:4px;font-weight:700;display:inline-flex}.quest-list li[data-claimed] .quest-reward{color:#8fd18f}@media (min-width:480px){.quest-list li:not([data-ready]){grid-template-columns:minmax(0,1fr) auto;align-items:center}}.mini-rank{flex-direction:column;gap:6px;display:flex}.mini-rank li{align-items:center;gap:8px;min-height:44px;display:flex}.mini-rank li[aria-current]{background:#198cff26;border-radius:10px}.code-input{letter-spacing:4px;text-transform:uppercase}.rooms-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.rooms-create-btn{min-height:44px;padding:0 16px}.rooms-layout{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.rooms-main{flex-direction:column;gap:12px;min-width:0;display:flex}.rooms-create-panel{padding:16px;display:none}.friends-join{flex-direction:column;gap:12px;padding:16px;display:flex}.room-card .location-art{display:block}.room-status{color:#58d17a;font-weight:700}.room-status[data-full]{color:#ef8a84}.room-fee{color:#ffe08a;align-items:center;gap:3px;font-weight:700;display:inline-flex}.seat-dots i[data-filled=bot]{background:#8ccaff}.prize-estimate{background:#3b2d0a66;border:1px solid #b89a5a;border-radius:14px;flex-direction:column;gap:2px;padding:12px;display:flex}.prize-estimate span{color:#e6d4a4;font-size:12px;font-weight:700}.prize-estimate strong{color:#ffd65d;align-items:center;gap:6px;font-size:18px;display:inline-flex}.prize-estimate small{color:#b7c6d4;font-size:12px}.sheet-full{background:var(--color-navy-900);max-width:560px;color:var(--color-cream);border-radius:0;padding:20px 16px}.waiting-page{width:100%;max-width:980px;margin:0 auto}.waiting-table{background:radial-gradient(at 50% 40%,#6b3d1a 0,#3a200e 60%,#1c1008 100%);border:1px solid #6d5325;border-radius:20px;flex-direction:column;gap:12px;padding:14px;display:flex;box-shadow:inset 0 0 40px #0009}.mini-board{aspect-ratio:1;background:#0d2338 url(/art/vietnam-board.webp) 50%/cover;border:5px solid #e9d2a4;border-radius:12px;width:min(62vw,240px);margin:0 auto;position:relative;transform:perspective(600px)rotateX(18deg);box-shadow:0 10px 24px #000a,0 0 0 2px #8e6a2b}.mini-board-dice{font-size:28px;position:absolute;bottom:10%;right:10%}.waiting-seats{flex-direction:column;gap:8px;display:flex}.waiting-seats .seat{background:linear-gradient(150deg,#213d57,#0a2034 70%);border:1px solid #44617c;border-radius:16px}.waiting-seats .seat-empty .seat-token{color:#6f8aa3;background:#0b2239;border:2px dashed #44617c;width:56px;height:56px}.room-hint{text-align:center;color:#b7c6d4;flex:100%;order:10;font-size:13px}.room-start{flex:100%}.daily-card-modal{color:#f8f6ef;background:linear-gradient(#0b2239d9,#0b2239f5 55%),#0b2239 url(/art/daily-street.webp) top/cover no-repeat;border:2px solid #ffd65d;border-radius:24px;max-width:440px;padding:18px 16px;box-shadow:0 14px 44px #000b}.daily-title{color:#ffd65d;text-shadow:0 2px #8e431e;text-transform:uppercase;font-size:22px;font-style:italic;font-weight:900}.daily-body{flex-direction:column;align-items:center;gap:12px;display:flex}.daily-sub{color:#dfe8f0;font-size:14px}.daily-gift{width:96px;height:84px;position:relative}.gift-box,.gift-lid{background:linear-gradient(90deg,#0000 42%,#ffd65d 42% 58%,#0000 58%),linear-gradient(#ff5a4f,#c72e27);border-radius:8px;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 6px 14px #0008}.gift-box{width:78px;height:52px;bottom:0}.gift-lid{width:90px;height:20px;transition:transform .45s cubic-bezier(.2,1.6,.4,1);bottom:50px}.daily-gift[data-opened] .gift-lid{transform:translate(-50%,-4px)rotate(-14deg)}.gift-coin{left:calc(22% + var(--i) * 10%);animation:coin-rise .9s ease-out calc(var(--i) * 70ms) both;position:absolute;bottom:40px}@keyframes coin-rise{0%{opacity:0;transform:translateY(0)scale(.6)}30%{opacity:1}to{opacity:0;transform:translateY(-56px)scale(1)}}.daily-card-modal .daily-amount span{color:#b7c6d4;font-size:13px}.daily-track .daily-icon{color:#58d17a;place-items:center;height:22px;font-weight:900;display:grid}.daily-track li[data-done]{opacity:.75;border-color:#58d17a80}.daily-track li:last-child small{color:#ffd65d;font-weight:800}.daily-done{color:#58d17a;font-size:16px;font-weight:800}.profile-page{width:100%;max-width:1000px;margin:0 auto}.profile-nav{scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.profile-nav a{white-space:nowrap;color:#b7c6d4;background:#0f273c;border-radius:10px;align-items:center;min-height:40px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.profile-nav a[aria-current=page]{color:#fff;background:linear-gradient(#219cff,#0051e9)}.profile-grid{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.profile-grid>section{padding:14px}.tycoon-card{align-items:center;gap:16px;display:flex;background:radial-gradient(at 0 0,#ffd65d33,#0000 55%),linear-gradient(150deg,#213d57,#0a2034 70%)!important}.tycoon-card .app-title{font-size:24px}.tycoon-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;display:flex}.tycoon-meta .prestige-badge{margin:0}.prestige-badge{color:#3b1f00;text-transform:uppercase;background:linear-gradient(#ffe36b,#f39a0b);border-radius:999px;margin:4px 0 6px;padding:3px 10px;font-size:12px;font-weight:900;display:inline-block}.stat-grid li{text-align:center;padding:12px 6px}.stat-grid li:first-child{grid-column:1/-1}.big-progress{color:#ffd65d;font-size:30px;font-weight:900}.profile-collection{flex-direction:column;gap:8px;display:flex}progress{appearance:none;background:#061727;border:0;border-radius:999px;width:100%;height:12px;overflow:hidden}progress::-webkit-progress-bar{background:#061727}progress::-webkit-progress-value{background:linear-gradient(90deg,#ffd65d,#ff9d16);border-radius:999px}progress::-moz-progress-bar{background:linear-gradient(90deg,#ffd65d,#ff9d16)}.prestige-ladder{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px;margin-bottom:8px;display:grid}.prestige-ladder li{opacity:.55;background:#0f273c;border:1px solid #36516b;border-radius:12px;flex-direction:column;padding:8px 10px;display:flex}.prestige-ladder li[data-reached]{opacity:1}.prestige-ladder li[aria-current]{background:linear-gradient(#4a3d0c,#0f273c);border-color:#ffd65d}.prestige-ladder strong{font-size:13px}.prestige-ladder small{color:#9fb2c4;font-size:11px}.token-picker{grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:8px;display:grid}.token-choice{color:#161616;text-align:center;cursor:pointer;background:#fff8e8;border:2px solid #36516b;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;font-size:12px;font-weight:700;display:flex;position:relative}.token-choice input{opacity:0;cursor:pointer;position:absolute;inset:0}.token-choice:has(input:checked){border-color:#ffc431;box-shadow:0 0 0 3px #ffc43166}.token-choice:has(input:focus-visible){outline-offset:2px;outline:3px solid #ffd858}.profile-links{grid-template-columns:1fr 1fr;gap:8px;display:grid}.history-list{flex-direction:column;gap:8px;display:flex}.history-row a{align-items:center;gap:10px;min-height:64px;padding:10px 12px;display:flex}.history-row[data-rank="1"]{border-color:#ffd65d}.history-body{flex:1;min-width:0}.history-body strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.history-body small,.history-value small{color:#9fb2c4;font-size:12px;display:block}.history-value{text-align:right;white-space:nowrap}.history-value b{color:#ffd65d;align-items:center;gap:4px;display:inline-flex}.settings-page{width:100%;max-width:560px;margin:0 auto}.settings-group{flex-direction:column;gap:10px;padding:14px;display:flex}.settings-policy-link{color:#9fb2c4;text-underline-offset:3px;align-self:center;font-size:14px;font-weight:600;text-decoration:underline}.collection-page{max-width:1120px}.collection-hero{background:linear-gradient(90deg,#0a2034f2,#0a2034b0),#0d2338 url(/art/heritage.webp) 50%/cover;border:1px solid #b89a5a;border-radius:18px;flex-direction:column;gap:10px;padding:16px;display:flex}.collection-progress{flex-direction:column;gap:4px;display:flex}.collection-progress strong{color:#ffd65d;font-size:28px;font-weight:900}.collection-progress small{color:#b7c6d4}.collection-layout{flex-direction:column;gap:12px;display:flex}.landmark-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.landmark-card a{color:#161616;text-align:center;background:#fff8e8;border:3px solid #e9d2a4;border-radius:16px;flex-direction:column;gap:2px;height:100%;padding:6px 6px 10px;display:flex;box-shadow:0 4px 12px #0005}.landmark-card[data-state=OWNED] a{border-color:#39a852}.landmark-card[data-state=MASTERED] a{border-color:#ffc431;box-shadow:0 0 0 2px #ff9d16,0 4px 16px #ffc43166}.landmark-art-wrap{border-radius:10px;display:block;position:relative;overflow:hidden}.landmark-card .location-art,.landmark-hero .location-art,.result-unlock .location-art{background-position:50%;background-size:cover;display:block}.landmark-card .location-art{aspect-ratio:4/3;width:100%}.landmark-card[data-state=LOCKED] .location-art{filter:grayscale()brightness(.45)blur(1px)}.landmark-lock{place-items:center;font-size:26px;display:grid;position:absolute;inset:0}.landmark-card strong{margin-top:4px;font-size:14px;font-weight:800;line-height:1.2}.landmark-card small{color:#6e7278;font-size:11px}.landmark-state{color:#4b4f55;text-transform:uppercase;background:#e6e2d6;border-radius:999px;align-self:center;margin-top:4px;padding:2px 10px;font-size:11px;font-weight:800}[data-state=DISCOVERED] .landmark-state{color:#fff;background:#198cff}[data-state=OWNED] .landmark-state{color:#fff;background:#39a852}[data-state=MASTERED] .landmark-state{color:#3b1f00;background:linear-gradient(#ffe36b,#f39a0b)}.landmark-page{width:100%;max-width:900px;margin:0 auto}.landmark-detail{display:grid;overflow:hidden}.landmark-hero{position:relative}.landmark-hero .location-art{aspect-ratio:16/10;width:100%}.landmark-detail[data-state=LOCKED] .landmark-hero .location-art{filter:grayscale()brightness(.5)}.landmark-hero .landmark-state{position:absolute;top:12px;left:12px}.landmark-info{flex-direction:column;gap:10px;padding:16px;display:flex}.landmark-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.landmark-facts li{background:#061727a0;border-radius:12px;flex-direction:column;padding:10px;display:flex}.landmark-facts span{color:#9fb2c4;font-size:12px}.landmark-facts strong{color:#ffd65d;font-size:16px}.landmark-lore{color:#161616;background:#fff8e8;border-left:4px solid #ffc431;border-radius:0 12px 12px 0;padding:12px 14px;font-size:15px;line-height:1.55}.landmark-price{flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-size:14px;display:flex}.landmark-price strong{color:#b9f5c4}.landmark-price small{color:#9fb2c4;flex-basis:100%;font-size:12px}.result-page{width:100%;max-width:900px;margin:0 auto}.result-hero{text-align:center;background:repeating-conic-gradient(from 0deg at 50% 45%, #ffd65d14 0 10deg, transparent 10deg 20deg), radial-gradient(ellipse at 50% 40%, #6b4d0c, #0a2034 70%);border:2px solid #ffd65d;border-radius:22px;flex-direction:column;align-items:center;gap:8px;padding:26px 16px 18px;display:flex;box-shadow:0 10px 30px #0008}.result-title{color:#ffd65d;text-shadow:0 3px #8e431e,0 6px 14px #000c;text-transform:uppercase;font-size:clamp(26px,8vw,40px);font-style:italic;font-weight:900;line-height:1.05}.result-hero .player-avatar-ring{margin-top:14px}.result-winner{font-size:22px;font-weight:900}.result-reward{color:#ffd65d;background:#061727cc;border-radius:999px;align-items:center;gap:8px;padding:6px 16px;font-size:24px;font-weight:900;display:inline-flex}.result-mine{color:#dfe8f0;font-size:14px;font-weight:700}.result-podium{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:8px;display:grid}.result-podium li{text-align:center;flex-direction:column;align-items:center;gap:4px;min-width:0;display:flex}.result-podium strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;overflow:hidden}.result-podium .cash-badge{font-size:12px}.podium-medal{font-size:22px}.podium-step{background:linear-gradient(#3d6a92,#1c3b58);border-radius:10px 10px 0 0;place-items:center;width:100%;height:44px;font-size:20px;font-weight:900;display:grid}.result-podium [data-rank="1"] .podium-step{color:#3b1f00;background:linear-gradient(#ffe36b,#f39a0b);height:70px}.result-podium [data-rank="3"] .podium-step{background:linear-gradient(#c98348,#8a4f22);height:32px}.result-podium li[aria-current] strong{color:#8ccaff}.result-grid{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.result-grid>section{padding:14px}.result-stats{flex-direction:column;display:flex}.result-stats li{border-bottom:1px solid #ffffff14;justify-content:space-between;gap:10px;padding:9px 0;font-size:14px;display:flex}.result-stats strong{color:#ffd65d}.details-toggle{color:#8ccaff;justify-content:space-between;align-items:center;width:100%;min-height:44px;margin-top:6px;font-weight:700;display:flex}.result-unlock ul{flex-direction:column;gap:8px;display:flex}.result-unlock a{color:#161616;background:#fff8e8;border:2px solid #ffc431;border-radius:14px;align-items:center;gap:12px;padding:8px;display:flex}.result-unlock .location-art{border-radius:10px;flex-shrink:0;width:64px;height:64px}.result-unlock strong{font-size:17px;display:block}.result-unlock small{color:#6e7278}.result-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.result-actions .btn-gold{grid-column:1/-1;min-height:56px;font-size:19px}.result-actions [role=status]{text-align:center;grid-column:1/-1}.results-detail{width:100%;margin-top:14px}.reconnect-overlay{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#020a12cc;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.reconnect-card{text-align:center;color:#f8f6ef;background:linear-gradient(150deg,#213d57,#0a2034 70%);border:1px solid #44617c;border-radius:20px;flex-direction:column;align-items:center;gap:10px;max-width:320px;padding:24px 20px;display:flex}.reconnect-card h2{letter-spacing:1px;text-transform:uppercase;font-size:18px;font-weight:900}.reconnect-card p{color:#dfe8f0;font-size:14px;line-height:1.5}.reconnect-spinner{border:4px solid #fff3;border-top-color:#ffc431;border-radius:50%;width:36px;height:36px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:480px){.landmark-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-grid li:first-child{grid-column:auto}}@media (min-width:640px){.result-actions{grid-template-columns:2fr 1fr 1fr}.result-actions .btn-gold{grid-column:auto}.landmark-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.collection-hero{flex-direction:row;justify-content:space-between;align-items:center}.collection-progress{min-width:220px}}@media (min-width:900px){.landing-top{display:flex}.landing-hero{flex-direction:row;justify-content:center;align-items:center;gap:32px;padding:16px 40px}.landing-copy{flex:0 0 42%;justify-content:center}.landing-title{font-size:clamp(36px,4.2vw,60px)}.landing-tagline{font-size:18px}.landing-art{width:min(55vw,760px,157.89dvh - 244.729px)}.landing-highlights{grid-template-columns:repeat(4,minmax(0,1fr))}.landing-highlights li{flex-direction:row;justify-content:center;font-size:14px}.auth-art{flex-direction:column;flex:none;gap:12px;width:min(33vw,350px);display:flex}.auth-art:before{content:"";aspect-ratio:720/900;background:#0d2338 url(/art/ninhbinh-river.svg) 50%/contain no-repeat content-box border-box;border:2px solid #e9d2a4;border-radius:22px;width:100%;padding:6px;display:block;box-shadow:0 10px 30px #000a}.auth-art p{color:#161616;background:#fff8e8;border-radius:16px;padding:12px 14px;font-size:14px;line-height:1.45;box-shadow:0 4px 12px #0006}.lobby-page .lobby-hero{min-height:300px}.lobby-title{font-size:48px}.lobby-secondary{grid-template-columns:repeat(3,minmax(0,220px));justify-content:center}.lobby-tile{flex-direction:row;min-height:56px;font-size:15px}.lobby-page .lobby-grid{grid-template-columns:minmax(0,1fr) 340px;grid-template-areas:"rooms daily""rooms quests""rooms friends""rooms top";align-items:start}.lobby-rooms{grid-area:rooms}.lobby-daily{grid-area:daily}.lobby-quests{grid-area:quests}.lobby-top{grid-area:top}.lobby-friends{grid-area:friends}.rooms-layout{grid-template-columns:minmax(0,1fr) 380px;align-items:start}.rooms-create-panel{display:block;position:sticky;top:84px}.rooms-create-btn{display:none}.waiting-table{grid-template-rows:auto auto auto;grid-template-columns:1fr minmax(240px,300px) 1fr;align-items:center;gap:16px;padding:24px;display:grid}.waiting-table .mini-board{grid-area:2/2;width:100%}.waiting-seats{display:contents}.waiting-seats .seat{text-align:center;flex-direction:column;justify-self:center;width:200px}.waiting-seats .seat[data-pos="0"]{grid-area:1/2}.waiting-seats .seat[data-pos="1"]{grid-area:2/3}.waiting-seats .seat[data-pos="2"]{grid-area:3/2}.waiting-seats .seat[data-pos="3"]{grid-area:2/1}.room-start{flex:auto}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-grid .tycoon-card,.profile-grid .stat-grid,.profile-links{grid-column:1/-1}.stat-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.landmark-detail{grid-template-columns:1fr 1fr}.landmark-hero .location-art{aspect-ratio:auto;height:100%;min-height:360px}.collection-layout{grid-template-columns:200px minmax(0,1fr);align-items:start;display:grid}.collection-filters{flex-direction:column}.collection-filters .choice-chip span{width:100%}.landmark-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.result-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start}}@media (max-width:359px){.lobby-tile{font-size:11px}.token-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.landmark-facts{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.gift-coin,.reconnect-spinner{animation:none}.gift-lid{transition:none}}.chat-panel{flex-direction:column;gap:8px;min-height:0;display:flex}.chat-list{overscroll-behavior:contain;flex-direction:column;gap:6px;min-height:160px;max-height:44dvh;padding:4px 2px;display:flex;overflow-y:auto}.chat-empty{color:#8aa2b6;text-align:center;margin:auto;padding:18px 6px;font-size:12px}.chat-line{flex-direction:column;align-items:flex-start;gap:2px;max-width:88%;display:flex}.chat-line.mine{align-self:flex-end;align-items:flex-end}.chat-name{color:#9db4c8;font-size:10px;font-weight:800}.chat-bubble{word-break:break-word;background:#16344e;border-radius:13px 13px 13px 4px;padding:6px 11px;font-size:13px;line-height:1.45}.chat-line.mine .chat-bubble{color:#ffeec4;background:linear-gradient(#7a5410,#5d3f0c);border-radius:13px 13px 4px}.chat-emote-line{justify-content:center;align-items:center;gap:8px;padding:3px 0;display:flex}.chat-emote-name{color:#9db4c8;font-size:10px;font-weight:800}.chat-emote-icon{font-size:26px;animation:.35s cubic-bezier(.2,1.6,.4,1) chat-emote-pop}@keyframes chat-emote-pop{0%{transform:scale(.2)}to{transform:scale(1)}}.chat-emoji-grid{background:#0e2840;border:1px solid #2d4a66;border-radius:12px;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;padding:8px;display:grid}.chat-emoji-grid button{aspect-ratio:1;border-radius:8px;place-items:center;font-size:19px;transition:transform .12s,background .12s;display:grid}.chat-emoji-grid button:hover{background:#1a4a72;transform:scale(1.14)}.chat-emoji-grid button:active{transform:scale(.94)}.chat-emoji-toggle{background:#0e2840;border:1px solid #2d4a66;border-radius:12px;flex-shrink:0;place-items:center;width:42px;min-height:42px;font-size:18px;display:grid}.chat-emoji-toggle[data-open]{background:#1a4a72;border-color:#4eb5ff}.chat-input{gap:8px;display:flex}.chat-input input{color:#fff;background:#061727;border:1px solid #44617c;border-radius:12px;flex:1;min-width:0;min-height:42px;padding:0 12px;font-size:13px}.chat-input input::placeholder{color:#7f95aa}.chat-input button{color:#3a2105;background:linear-gradient(#ffd76a,#f0a91e);border-radius:12px;flex-shrink:0;min-width:46px;min-height:42px;font-weight:900}.chat-input button:disabled{opacity:.4}.room-chat{padding:14px 12px}.room-chat .section-title{margin-bottom:0}.room-chat .section-title:has(+.chat-panel){margin-bottom:8px}.room-chat-toggle{color:#bfe0ff;text-transform:none;letter-spacing:normal;background:#0d2941;border:1px solid #3d6080;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:10px;font-weight:800;display:inline-flex}.room-chat-toggle:hover{background:#1a4a72}.room-chat-badge{color:#fff;background:#ff3b30;border-radius:999px;place-items:center;min-width:16px;height:16px;padding-inline:4px;font-size:9px;font-weight:900;display:grid;box-shadow:0 0 8px #ff3b30aa}.friend-btn{color:#bfe0ff;background:#0d2941;border:1px solid #3d6080;border-radius:999px;align-items:center;gap:4px;margin-top:4px;padding:3px 10px;font-size:10px;font-weight:800;display:inline-flex}.friend-btn:hover{background:#1a4a72}.friend-btn:disabled{opacity:.5}.friend-btn.is-icon{flex-shrink:0;justify-content:center;width:22px;height:22px;margin-top:0;padding:0;font-size:11px}.friend-btn[data-rel=incoming]{color:#7bf098;border-color:#58d17a}.friend-btn.is-friend{color:#7bf098;background:#0d2f1c;border-color:#58d17a}.friend-add{gap:8px;margin-bottom:6px;display:flex}.friend-add input{color:#fff;background:#061727;border:1px solid #44617c;border-radius:12px;flex:1;min-width:0;min-height:42px;padding:0 12px;font-size:13px}.friend-add .btn-gold{flex-shrink:0;min-height:42px;padding-inline:14px;font-size:12px}.friend-group h3{letter-spacing:.5px;color:#9db4c8;text-transform:uppercase;margin:12px 0 2px;font-size:11px;font-weight:800}.friend-row{border-bottom:1px solid #ffffff0d;align-items:center;gap:8px;padding:7px 0;display:flex}.friend-row:last-child{border-bottom:0}.friend-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;font-weight:700;overflow:hidden}.friend-act{border-radius:9px;min-height:32px;padding:0 10px;font-size:11px;font-weight:800}.friend-act-ghost{color:#b7c6d4;background:#123049}.lobby-friends{min-width:0;padding:14px}.lobby-friends-list{max-height:230px;overflow-y:auto}.friend-presence{color:#a9becd;flex-shrink:0;align-items:center;gap:4px;font-size:11px;display:inline-flex}.friend-presence-dot{background:#8296a5;border-radius:50%;width:7px;height:7px}.friend-presence[data-presence=ONLINE]{color:#8be6ae}.friend-presence[data-presence=ONLINE] .friend-presence-dot{background:#50d585}.friend-presence[data-presence=PLAYING]{color:#f7c875}.friend-presence[data-presence=PLAYING] .friend-presence-dot{background:#f0b348}@media (max-width:480px){.accepted-friend{grid-template-columns:32px minmax(0,1fr) auto;row-gap:4px;display:grid}.accepted-friend .friend-name{white-space:normal;overflow-wrap:anywhere;overflow:visible}.accepted-friend .friend-invite{grid-area:2/2;justify-self:start}.accepted-friend .friend-unfriend{grid-area:2/3}}@media (prefers-reduced-motion:reduce){.chat-emote-icon{animation:none}}.legal-page{width:100%;max-width:760px;margin:0 auto}.legal-nav{align-items:center;gap:4px;display:flex}.legal-nav a{color:#b7c6d4;border-radius:10px;align-items:center;min-height:44px;padding:0 10px;font-size:13px;font-weight:700;display:inline-flex}.legal-nav a[aria-current=page]{color:#fff;background:#1b3a55}.legal-updated{color:#9fb2c4;font-size:12px}.legal-card{flex-direction:column;gap:8px;padding:14px;display:flex}.legal-card p,.legal-card li{color:#dfe8f0;font-size:14px;line-height:1.6}.legal-card ul,.legal-card ol{flex-direction:column;gap:4px;margin:0;padding-left:22px;display:flex}.legal-card ul{list-style:outside}.legal-card ol{list-style:decimal}.legal-card a{color:#ffd65d;text-underline-offset:3px;font-weight:700;text-decoration:underline}.legal-card strong{color:#fff}.legal-card[id]{scroll-margin-top:84px}.legal-foot{padding:18px 12px calc(28px + env(safe-area-inset-bottom));color:#9fb2c4;flex-wrap:wrap;justify-content:center;gap:6px 18px;font-size:12px;display:flex}.legal-foot a{color:#b7c6d4;text-underline-offset:3px;align-items:center;min-height:44px;font-weight:700;text-decoration:underline;display:inline-flex}.auth-legal{color:#9fb2c4;flex-wrap:wrap;justify-content:center;gap:4px 20px;font-size:12px;display:flex}.auth-legal a{color:#b7c6d4;text-underline-offset:3px;align-items:center;min-height:44px;text-decoration:underline;display:inline-flex}