:root{--text:#c5cedb;--text-h:#f8fafc;--bg:#05070d;--border:#94a3b82e;--shadow:#00000057 0 20px 42px -18px;--page-top-glow:#21e3c51f;--page-bottom-glow:#ffb5471f;--page-gradient-start:#070b12;--page-gradient-end:#030507;--sans:"Avenir Next", "Trebuchet MS", sans-serif;--heading:"Gill Sans", "Avenir Next Condensed", sans-serif;font:16px/1.5 var(--sans);letter-spacing:.01em;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=light]{--text:#475569;--text-h:#0f172a;--bg:#edf4fb;--border:#94a3b83d;--shadow:#0f172a2e 0 20px 42px -18px;--page-top-glow:#21e3c526;--page-bottom-glow:#ffb54726;--page-gradient-start:#f8fbff;--page-gradient-end:#e7eef8}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%}body{background:radial-gradient(circle at top, var(--page-top-glow), transparent 28%), radial-gradient(circle at bottom, var(--page-bottom-glow), transparent 30%), linear-gradient(180deg, var(--page-gradient-start), var(--page-gradient-end) 58%);margin:0;overflow-x:hidden}button{font:inherit;cursor:pointer}button:focus-visible{outline-offset:2px;outline:2px solid #fbbf24}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--text-h);font-family:var(--heading)}.app-shell{width:100%;max-width:1200px;padding:max(1rem, env(safe-area-inset-top)) 1rem max(1rem, env(safe-area-inset-bottom));box-sizing:border-box;flex-direction:column;gap:1.25rem;margin:0 auto;display:flex;overflow-x:hidden}.welcome-shell{justify-content:center;min-height:100vh}.home-screen,.play-screen{width:100%;max-width:34rem;min-height:100vh;padding-top:max(.9rem, env(safe-area-inset-top));padding-bottom:max(1rem, env(safe-area-inset-bottom))}.play-screen.has-match-chat{padding-bottom:calc(3.6rem + env(safe-area-inset-bottom,0px))}.home-topbar,.play-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.home-topbar-actions{align-items:center;gap:.55rem;display:flex}.home-topbar-leading{align-items:center;gap:.55rem;min-width:0;display:flex}.home-badge{color:#e2e8f0c7;letter-spacing:.12em;text-transform:uppercase;background:#0f172ab8;border:1px solid #94a3b82e;border-radius:999px;align-items:center;gap:.4rem;min-height:2.5rem;padding:.35rem .9rem;font-size:.7rem;font-weight:700;display:inline-flex}.icon-button,.icon-square-button,.action-icon-button{color:var(--text-h);background:#0f172ab8;border:1px solid #94a3b82e;place-items:center;transition:transform .16s,background-color .16s,color .16s,opacity .16s,box-shadow .16s;display:inline-grid}.icon-button{border-radius:999px;width:2.5rem;height:2.5rem}.icon-square-button{border-radius:.9rem;flex:none;width:2.8rem;height:2.8rem}.icon-button:hover,.icon-square-button:hover,.action-icon-button:hover{background:#1e293beb;transform:translateY(-1px)}.icon-button.is-active{color:#081016;background:linear-gradient(135deg,#ffb547eb,#21e3c5d6);border-color:#0000;box-shadow:0 12px 26px #21e3c52e}.icon-button:disabled,.icon-square-button:disabled,.action-icon-button:disabled{opacity:.48;cursor:not-allowed;transform:none}.icon-xs{width:.9rem;height:.9rem}.icon-sm{width:1rem;height:1rem}.icon-md{width:1.15rem;height:1.15rem}.home-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111827c2;border:1px solid #94a3b829;border-radius:1.35rem;padding:1.25rem;box-shadow:0 18px 48px #00000038,inset 0 1px #ffffff0a}.home-stack,.home-card-actions{gap:.85rem;display:grid}.home-section-first{margin-top:0}.leaderboard-card{margin-top:-.35rem}.leaderboard-fullscreen,.waiting-rooms-fullscreen{z-index:1100;padding:max(1rem, env(safe-area-inset-top)) 1rem max(1rem, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:radial-gradient(circle at top,#21e3c51f,#0000 30%),linear-gradient(#050910f5,#02060cfa);position:fixed;inset:0}.leaderboard-fullscreen-panel,.waiting-rooms-fullscreen-panel{box-sizing:border-box;background:#111827e0;border:1px solid #94a3b82e;border-radius:1.5rem;grid-template-rows:auto auto 1fr;gap:1rem;width:min(100%,42rem);height:100%;margin:0 auto;padding:1.25rem;display:grid;box-shadow:0 30px 80px #00000059}.simple-leaderboard{gap:.85rem;display:grid}.leaderboard-title{margin:0;font-size:1.05rem}.leaderboard-entries{gap:.55rem;display:grid}.leaderboard-entry,.current-user-entry{background:#0f172a8f;border:1px solid #94a3b829;border-radius:1rem;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.65rem;min-height:3rem;padding:.7rem .9rem;display:grid}.leaderboard-entry .rank,.current-user-entry .rank{color:#e2e8f0b8;font-size:.78rem;font-weight:700}.leaderboard-entry .player-name,.current-user-entry .player-name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.leaderboard-entry .points,.current-user-entry .points{color:#fbbf24;font-weight:800}.leaderboard-entry .win-rate,.current-user-entry .win-rate{color:#94a3b8eb;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.78rem}.leaderboard-entry.is-current,.current-user-entry.is-current{background:#0d94882e;border-color:#2dd4bf73}.leaderboard-list{flex-direction:column;gap:.55rem;display:flex}.leaderboard-empty{color:#e2e8f0b8;margin:0;font-size:.9rem}.home-title{text-align:center;letter-spacing:-.04em;font-size:2.5rem;font-weight:900}.home-subtitle{text-align:center;color:#e2e8f0ad;margin-top:.5rem;font-size:.92rem;line-height:1.5}.home-label{margin-top:1.25rem}.home-input-row{margin-top:.5rem}.home-section{margin-top:1.15rem}.home-section-label,.play-card-label{color:#e2e8f09e;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .5rem;font-size:.7rem;font-weight:700}.option-grid{gap:.7rem;display:grid}.option-grid-double{grid-template-columns:repeat(2,minmax(0,1fr))}.option-grid-difficulty{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.option-grid-difficulty-duo{grid-template-columns:repeat(2,minmax(0,1fr))}.option-grid-difficulty .mode-button{white-space:nowrap;min-width:0;padding-inline:.35rem;font-size:.78rem}.option-grid-quad{grid-template-columns:repeat(4,minmax(0,1fr))}.option-grid-languages{grid-template-columns:repeat(2,minmax(0,1fr))}.option-button{min-width:0;min-height:3rem;color:var(--text-h);background:#1e293b75;border:1px solid #94a3b82e;border-radius:.95rem;justify-content:center;align-items:center;gap:.45rem;padding:.75rem;transition:transform .16s,background-color .16s,border-color .16s,box-shadow .16s;display:flex}.option-button-label{text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;font-weight:700;line-height:1.15;overflow:hidden}.option-button-prefix{flex:none;font-size:1rem;line-height:1}.option-button-stacked{flex-direction:column;gap:.35rem;min-height:4.5rem}.option-button-stacked .option-button-label{white-space:normal;text-align:center}.option-button-left{text-align:left;justify-content:flex-start}.option-button.is-active,.option-button:hover{color:#081016;background:linear-gradient(135deg,#ffb547eb,#21e3c5d6);border-color:#0000;box-shadow:0 14px 30px #21e3c529}.home-selection-strip{flex-wrap:wrap;gap:.5rem;margin-top:0;display:flex}.home-card-actions .welcome-actions{margin-top:0}.home-selection-pill{color:#f8fafceb;background:#0f172ab8;border:1px solid #94a3b824;border-radius:999px;align-items:center;min-height:2rem;padding:.35rem .75rem;font-size:.78rem;font-weight:600;display:inline-flex}.waiting-rooms-toggle{position:relative}.waiting-rooms-count-badge{color:#081016;background:linear-gradient(135deg,#ffb547f5,#21e3c5e6);border-radius:999px;place-items:center;min-width:1.2rem;height:1.2rem;padding:0 .25rem;font-size:.68rem;font-weight:800;line-height:1;display:inline-grid;position:absolute;top:-.2rem;right:-.2rem;box-shadow:0 6px 14px #21e3c53d}.waiting-room-list{gap:.55rem;display:grid}.waiting-room-list-modal{max-height:min(52vh,28rem);padding-right:.2rem;overflow-y:auto}.waiting-room-card{width:100%;min-height:3.75rem;max-height:5rem;color:var(--text-h);text-align:left;box-sizing:border-box;background:#0f172aa3;border:1px solid #94a3b82e;border-radius:1rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem .9rem;display:flex}.waiting-room-card:not(:disabled):hover{background:#1e293bc7;transform:translateY(-1px)}.waiting-room-card:disabled{opacity:.52}.waiting-room-head{gap:.18rem;min-width:0;display:grid}.waiting-room-head strong{letter-spacing:.14em;font-size:.92rem;line-height:1.1}.waiting-room-head span{color:#e2e8f0ad;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;line-height:1.15;overflow:hidden}.waiting-room-badge{white-space:nowrap;border-radius:999px;flex:none;justify-content:center;align-items:center;width:fit-content;min-height:1.8rem;padding:.2rem .65rem;font-size:.74rem;font-weight:700;line-height:1;display:inline-flex}.waiting-room-badge.is-classic{color:#f1f5f9eb;background:#94a3b829}.waiting-room-badge.is-mine{color:#fdba74;background:#fb923c2e}.waiting-rooms-modal-header{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.waiting-rooms-modal-header p{margin:.35rem 0 0}.waiting-rooms-empty-state{color:#e2e8f0b8;text-align:center;margin:0}.leaderboard-screen-header{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.leaderboard-screen-header h2{margin:0}.leaderboard-screen-header p{color:#e2e8f0b8;margin:.35rem 0 0;line-height:1.45}.leaderboard-summary-grid{grid-template-columns:repeat(4,minmax(7rem,1fr));gap:.85rem;padding-bottom:.15rem;display:grid;overflow-x:auto}.leaderboard-summary-card{background:#0f172a8f;border:1px solid #94a3b829;border-radius:1.15rem;gap:.3rem;padding:.9rem 1rem;display:grid;box-shadow:inset 0 1px #ffffff08}.leaderboard-summary-card span{color:#e2e8f0ad;letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:700}.leaderboard-summary-card strong{font-size:1.1rem}.leaderboard-screen-card{align-content:start;display:grid;overflow:hidden}.leaderboard-screen-card .simple-leaderboard{min-height:0}.leaderboard-screen-card .leaderboard-entries{max-height:min(50vh,28rem);padding-right:.2rem;overflow-y:auto}.home-start-button{justify-content:center;align-items:center;gap:.55rem;display:inline-flex}.settings-screen{justify-content:flex-start}.settings-header{justify-content:flex-start;align-items:center;display:flex}.settings-card{gap:1rem;display:grid}.settings-copy{gap:.45rem;display:grid}.settings-title{letter-spacing:-.04em;font-size:2rem;font-weight:900}.settings-description{color:#e2e8f0b8;font-size:.94rem;line-height:1.55}.settings-feedback-button{justify-content:flex-start;gap:.55rem}.settings-feedback-badge{color:#fde68a;background:#facc1533;border-radius:999px;justify-content:center;align-items:center;min-width:1.4rem;height:1.4rem;margin-left:auto;padding:0 .35rem;font-size:.75rem;font-weight:800;display:inline-flex}.play-header-copy{text-align:center;min-width:0}.play-header-copy h1{letter-spacing:-.03em;font-size:1rem;font-weight:900}.play-header-copy p{color:#e2e8f09e;margin-top:.1rem;font-size:.76rem}.play-header-actions{align-items:center;gap:.45rem;display:flex}.pi-ad-banner-slot{z-index:60;padding:.55rem .75rem 0;animation:.28s ease-out pi-ad-banner-in;position:sticky;top:0}@keyframes pi-ad-banner-in{0%{opacity:0;transform:translateY(-.45rem)}to{opacity:1;transform:translateY(0)}}.pi-ad-banner,.pi-reward-card{background:linear-gradient(135deg,#fbbf2424,#22d3ee1f),#0f172ac7;border:1px solid #fbbf242e;border-radius:1.25rem;justify-content:space-between;align-items:center;gap:1rem;padding:.95rem 1.05rem;display:flex;box-shadow:0 18px 48px #00000029,inset 0 1px #ffffff08}.pi-ad-copy,.pi-reward-copy{gap:.2rem;display:grid}.pi-ad-kicker{color:#fbbf24eb;letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:800}.pi-ad-copy strong,.pi-reward-copy strong{color:var(--text-h);font-size:.96rem}.pi-ad-copy p,.pi-reward-copy p{color:#e2e8f0c2;margin:0;font-size:.78rem;line-height:1.45}.pi-ad-actions,.pi-reward-actions{flex:none;justify-items:end;gap:.55rem;display:grid}.pi-ad-dismiss-button,.pi-ad-open-button,.pi-reward-button{white-space:nowrap;min-height:2.8rem}.pi-reward-counter{color:#fbbf24eb;font-size:.72rem;font-weight:700}.play-status-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.play-status-row-single{grid-template-columns:1fr}.play-info-card,.play-rules-card{background:#111827c2;border:1px solid #94a3b829;border-radius:1rem;box-shadow:0 18px 48px #0000002e,inset 0 1px #ffffff0a}.play-info-card{min-width:0;padding:.55rem .65rem}.play-status-row .play-card-label{letter-spacing:.08em;margin-bottom:.28rem;font-size:.62rem}.play-card-value{min-width:0;color:var(--text-h);align-items:center;gap:.4rem;font-size:.84rem;font-weight:700;display:flex}.play-card-value span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.play-walls-line{color:#f8fafceb;white-space:nowrap;margin:0;font-size:.78rem}.play-walls-key{font-weight:700}.play-walls-divider{padding:0 .25rem}.play-rules-card{color:#e2e8f0b8;align-items:flex-start;gap:.6rem;padding:.9rem;font-size:.76rem;line-height:1.45;display:flex}.play-rules-card p{margin:0}.play-rules-icon{flex:none;margin-top:.08rem}.play-online-strip{scrollbar-width:none;align-items:center;gap:.45rem;padding:.1rem 0;display:flex;overflow-x:auto}.play-online-strip::-webkit-scrollbar{display:none}.play-inline-chip{color:#f1f5f9e6;white-space:nowrap;background:#0f172ab8;border:1px solid #94a3b824;border-radius:999px;flex:none;align-items:center;gap:.38rem;min-height:2rem;padding:.35rem .7rem;font-size:.74rem;font-weight:600;display:inline-flex}.play-chip-button{font:inherit;cursor:pointer;transition:transform .16s,background-color .16s,color .16s}.play-chip-button:hover{background:#1e293bdb;transform:translateY(-1px)}.play-ticker-strip{color:#e2e8f0d1;background:#0f172a9e;border:1px solid #94a3b824;border-radius:999px;align-items:center;gap:.55rem;min-height:2rem;padding:.4rem .8rem;font-size:.72rem;display:flex;overflow:hidden}.play-ticker-item{white-space:nowrap;align-items:center;gap:.4rem;min-width:0;display:inline-flex}.play-ticker-item-turn{color:#f8fafcf5;flex:none;font-weight:700}.play-ticker-item-message{text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.play-ticker-divider{background:#94a3b829;align-self:stretch;width:1px}.play-winner-banner{color:#081016;text-align:center;background:linear-gradient(135deg,#ffb547eb,#21e3c5d6);border-radius:1.15rem;padding:.9rem;font-size:.94rem;font-weight:800;box-shadow:0 18px 34px #21e3c52e}.play-online-card{padding:.95rem}.play-bottom-bar{margin:0;padding:0}.play-bottom-actions{border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#111827cc;border-radius:999px;justify-content:space-between;align-items:center;gap:.4rem;width:min(100%,14.5rem);margin:0 auto;padding:.22rem;display:flex}.play-bottom-bar .action-icon-button{width:2.35rem;height:2.35rem;box-shadow:none;background:0 0;border-color:#0000;border-radius:999px}.play-bottom-bar .action-icon-button .icon-md{width:1.05rem;height:1.05rem}.action-icon-button.is-active{color:#081016;background:linear-gradient(135deg,#ffb547eb,#21e3c5d6);box-shadow:0 12px 26px #21e3c52e}.icon-rotate-90{transform:rotate(90deg)}.landing-frame{gap:1rem;width:min(100%,1120px);margin:0 auto;display:grid}.landing-topbar{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.landing-badge{min-height:2.5rem;color:var(--text-h);letter-spacing:.08em;text-transform:uppercase;background:#0c121fd1;border:1px solid #8494b233;border-radius:999px;align-items:center;padding:.35rem .95rem;font-size:.82rem;font-weight:700;display:inline-flex;box-shadow:0 18px 40px #0000002e}.welcome-actions,.game-over-actions{gap:.75rem;display:grid}.status-card,.control-panel,.notes-panel,.game-toolbar{border:1px solid var(--border);background:linear-gradient(#111827ed,#080c16f7),linear-gradient(135deg,#ffffff0a,#0000);border-radius:30px;box-shadow:0 28px 80px #00000038,inset 0 1px #ffffff0a}.landing-hero-card,.landing-summary-card{border:1px solid var(--border);background:radial-gradient(circle at 0 0,#21e3c524,#0000 26%),radial-gradient(circle at 100% 100%,#ffb54729,#0000 28%),linear-gradient(#111827f2,#070a12fa);border-radius:32px;box-shadow:0 28px 80px #0000003d,inset 0 1px #ffffff0a}.landing-hero-card{grid-template-columns:minmax(0,1.45fr) minmax(220px,.85fr);gap:1.25rem;padding:clamp(1.4rem,4vw,2.2rem);display:grid;overflow:hidden}.landing-copy{align-content:center;gap:.8rem;display:grid}.landing-kicker,.section-kicker,.status-kicker{color:#a3e6dee0;letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:700}.landing-title,.play-title{font-family:var(--heading);letter-spacing:.04em;color:var(--text-h);font-size:clamp(2.4rem,6vw,4.75rem);line-height:.95}.landing-subtitle,.play-subtitle{color:#e2e8f0c7;max-width:36rem;font-size:.98rem;line-height:1.65}.landing-chip-row,.play-chip-row{flex-wrap:wrap;gap:.6rem;display:flex}.landing-chip,.play-chip{color:#f8fafcf5;background:#090e1ab8;border:1px solid #96a4c02e;border-radius:999px;align-items:center;gap:.45rem;min-height:2.35rem;padding:.45rem .8rem;font-size:.82rem;display:inline-flex}.landing-chip strong{color:#ffffff9e;letter-spacing:.08em;text-transform:uppercase;font-size:.7rem}.landing-visual{place-items:center;min-height:220px;display:grid;position:relative}.landing-visual:before{content:"";filter:blur(18px);background:radial-gradient(circle,#21e3c538,#0000 70%);border-radius:50%;position:absolute;inset:12% 18%}.landing-visual-stack{aspect-ratio:1;width:min(100%,280px);position:relative}.landing-tile{aspect-ratio:1;border-radius:24px;width:68%;position:absolute;left:50%;transform:translate(-50%)rotate(45deg)}.landing-tile-top{background:#f5f8ff0f;border:1px solid #f5f8ff73;top:6%}.landing-tile-mid{background:linear-gradient(135deg,#581c87c7,#7c3aed6b);border:1px solid #c4b5fd61;width:74%;top:31%;box-shadow:0 22px 48px #5b21b65c}.landing-tile-bottom{background:#f5f8ff08;border:1px dashed #c8d2e657;width:80%;top:48%}.landing-grid{grid-template-columns:minmax(0,1.55fr) minmax(280px,.85fr);align-items:start;gap:1rem;display:grid}.landing-setup-card,.landing-summary-card,.status-card,.play-toolbar-card,.play-notes-panel{padding:1.4rem}.landing-summary-card{gap:1.2rem;display:grid}.section-heading{gap:.3rem;display:grid}.section-heading h2{font-size:1.4rem}.section-heading p:not(.section-kicker){color:#e2e8f0b8}.section-heading-compact{margin-bottom:1rem}.control-panel{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.field-stack{gap:.5rem;display:grid}.field-label{color:var(--text-h);font-size:.92rem;font-weight:600}.inline-form-row{align-items:center;gap:.75rem;display:flex}.text-input{width:100%;min-height:3.25rem;color:var(--text-h);box-sizing:border-box;background:#8db6ff14;border:1px solid #8db6ff2e;border-radius:18px;padding:.85rem 1rem}.text-input:focus{outline-offset:2px;outline:2px solid #21e3c561}.room-code-input{letter-spacing:.28rem;text-transform:uppercase}.hint-text{color:#e2e8f0b8;margin:0;font-size:.86rem;line-height:1.45}.game-toolbar{flex-direction:column;gap:1rem;display:flex}.play-shell{min-height:100vh}.play-layout{grid-template-columns:minmax(300px,360px) minmax(0,1fr);align-items:start;gap:1rem;display:grid}.play-side-column,.play-board-column{gap:1rem;display:grid}.play-toolbar-copy{gap:.35rem;display:grid}.play-toolbar-actions{gap:.75rem;display:grid}.board-mode-wrap{justify-content:center;display:flex}.selection-summary,.notes-grid{gap:.75rem;display:grid}.selection-summary-item,.notes-item{background:#0a101cad;border:1px solid #94a3b81f;border-radius:20px;gap:.2rem;padding:.9rem 1rem;display:grid}.selection-summary-item span,.notes-item span{color:#e2e8f09e;letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:600}.selection-summary-item strong,.notes-item strong{color:var(--text-h);font-size:1rem}.selection-note,.notes-emphasis{color:#f0f9ffe0;background:#21e3c514;border:1px solid #21e3c524;border-radius:20px;margin:0;padding:1rem 1.05rem}.control-row,.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.difficulty-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.challenge-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem;display:grid}.challenge-grid-mine{grid-template-columns:repeat(5,minmax(0,1fr));gap:.4rem}.challenge-grid-label{color:#e2e8f0c7;grid-column:1/-1;font-size:.82rem}.mode-grid-trio{grid-template-columns:repeat(3,minmax(0,1fr))}.mode-grid-opponents{grid-template-columns:repeat(4,minmax(0,1fr))}.mode-button,.secondary-button,.primary-button,.pi-button,.cell-button,.wall-slot,.mini-mode-button{border:0;transition:transform .16s,background-color .16s,box-shadow .16s,opacity .16s}.mode-button,.secondary-button,.primary-button,.pi-button{min-height:3.15rem;color:var(--text-h);background:#8db6ff1a;border:1px solid #8db6ff24;border-radius:20px;padding:.85rem 1rem;box-shadow:inset 0 1px #ffffff05}.mode-button-icon{justify-content:center;align-items:center;gap:.45rem;display:inline-flex}.compact-level-button{border-radius:16px;min-height:2.55rem;padding:.45rem .35rem;font-size:.82rem}.primary-button{color:#081016;background:linear-gradient(135deg,#ffb547f5,#21e3c5db);border-color:#0000;font-weight:700;box-shadow:0 18px 36px #21e3c52e}.secondary-button-compact{white-space:nowrap;min-height:3.25rem}.landing-language-button{min-height:2.5rem;padding-inline:1rem}.mode-button.active,.primary-button:hover,.secondary-button:hover,.pi-button:hover,.mini-mode-button.active,.cell-button.is-reachable{color:#081016;background:linear-gradient(135deg,#ffb547c7,#21e3c5b8)}.mode-button:hover,.primary-button:hover,.secondary-button:hover,.pi-button:hover,.cell-button:hover,.mini-mode-button:hover{transform:translateY(-1px)}.mode-button:disabled,.secondary-button:disabled,.primary-button:disabled,.pi-button:disabled,.mini-mode-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.board-panel{border:1px solid var(--border);width:100%;min-width:0;box-shadow:var(--shadow);box-sizing:border-box;background:radial-gradient(circle at top,#ffb5471a,#0000 40%),linear-gradient(#10131df2,#070a10);border-radius:30px;padding:clamp(.5rem,2.5vw,1rem)}.board-shell{--board-gap:clamp(.28rem, 1.8vw, .82rem);--wall-hit:clamp(1.6rem, 7vw, 2.5rem);--cell-size:calc((100% - (8 * var(--board-gap))) / 9);touch-action:manipulation;width:100%;max-width:38rem;margin:0 auto;position:relative}.board-grid{gap:var(--board-gap);z-index:2;grid-template-columns:repeat(9,minmax(0,1fr));width:100%;display:grid;position:relative}.cell-button{aspect-ratio:1;background:linear-gradient(#f3dcc0,#c9ab87);border:1px solid #583e2247;border-radius:clamp(5px,2.2vw,18px);width:100%;min-width:0;min-height:0;padding:0;position:relative}.cell-button.is-goal-top{background:linear-gradient(#dcecd6,#b8d4ac)}.cell-button.is-goal-bottom{background:linear-gradient(#e2d4f2,#c4aede)}.cell-button.is-goal-top:after,.cell-button.is-goal-bottom:after{content:"";border:1px dashed #08101642;border-radius:clamp(4px,1.8vw,14px);position:absolute;inset:clamp(.12rem,1vw,.32rem)}.cell-button.is-current{box-shadow:0 0 0 2px #ffb547b3}.pawn{border-radius:50%;width:62%;height:62%;margin:auto;box-shadow:inset 0 0 0 2px #ffffff40}.pawn.player1{background:linear-gradient(#22d3ee,#3b82f6)}.pawn.player2{background:linear-gradient(#f97316,#fb7185)}.mine-indicator{aspect-ratio:1;z-index:3;background:radial-gradient(circle at 35% 35%,#fde68a,#f59e0b 58%,#b45309 100%);border-radius:50%;width:28%;position:absolute;inset:auto auto 12% 12%;box-shadow:0 0 0 2px #0f172a47,0 8px 14px #0000003d}.mine-indicator:after{content:"";background:#111827c2;border-radius:50%;position:absolute;inset:28%}.mine-indicator.is-exploded{background:radial-gradient(circle at 35% 35%,#fef3c7,#fb7185 45%,#991b1b 100%);box-shadow:0 0 0 2px #7f1d1d40,0 0 18px #f8717199}.cell-button.is-mine-exploded{box-shadow:0 0 0 2px #fb71858c,0 0 22px #f8717159}.mine-blast-effect{pointer-events:none;z-index:4;place-items:center;display:grid;position:absolute;inset:0}.mine-blast-ring,.mine-blast-core{border-radius:999px;position:absolute}.mine-blast-ring{aspect-ratio:1;border:3px solid #fef08aeb;width:42%;animation:1.2s ease-out infinite mine-blast-ring;box-shadow:0 0 18px #f871716b}.mine-blast-ring-delayed{animation-delay:.24s}.mine-blast-core{aspect-ratio:1;background:radial-gradient(circle,#fff7edf2,#fb718533);width:28%;animation:.8s ease-out infinite mine-blast-core}@keyframes mine-blast-ring{0%{opacity:.95;transform:scale(.25)}to{opacity:0;transform:scale(2.6)}}@keyframes mine-blast-core{0%,to{opacity:.95;transform:scale(.75)}50%{opacity:.4;transform:scale(1.5)}}.wall-layer{pointer-events:none;position:absolute;inset:0}.wall-layer-back{z-index:4}.wall-layer-front{z-index:5}.wall-layer.is-inactive{pointer-events:none}.wall-slot{-webkit-tap-highlight-color:transparent;z-index:1;pointer-events:none;background:0 0;border:0;border-radius:999px;padding:0;position:absolute}.wall-slot.is-active{z-index:3;pointer-events:auto}.wall-slot:not(.is-active){pointer-events:none}.wall-slot:after{content:"";pointer-events:none;background:#64748b38;border-radius:999px;position:absolute}.wall-slot:not(.is-active):not(.is-placed):not(.is-preview):after{opacity:0}.wall-slot.horizontal:after{height:var(--board-gap);top:50%;left:0;right:0;transform:translateY(-50%)}.wall-slot.vertical:after{width:var(--board-gap);top:0;bottom:0;left:50%;transform:translate(-50%)}.wall-slot.is-preview:after,.wall-slot.is-placed:after{background:linear-gradient(135deg,#ffb547c7,#21e3c5b8)}.wall-slot.is-active:not(:disabled):active:after{background:#ffb5478c}.wall-slot.is-placed,.wall-slot.is-preview{pointer-events:none}.wall-slot:disabled{opacity:1}.status-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.status-title{letter-spacing:.04rem;margin:0;font-size:clamp(1.55rem,3vw,2.15rem)}.status-turn-pill{min-height:2.5rem;color:var(--text-h);background:#0a101cc7;border:1px solid #94a3b829;border-radius:999px;align-items:center;gap:.55rem;padding:.45rem .85rem;display:inline-flex}.status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin-top:1.25rem;display:grid}.status-box{background:#0a101cad;border:1px solid #7e97bf1f;border-radius:20px;padding:.9rem 1rem}.status-box strong,.warning-box strong,.pi-card strong{color:var(--text-h);margin-bottom:.35rem;display:block}.status-value{color:var(--text-h);margin:0;font-size:1.1rem;font-weight:700}.status-line{color:#e2e8f0cc;margin:0}.status-line+.status-line{margin-top:.3rem}.warning-box,.pi-card{background:#f8717114;border:1px solid #f871712e;border-radius:1.25rem;margin-top:0;padding:.95rem 1.05rem;box-shadow:0 18px 48px #00000029,inset 0 1px #ffffff08}.pi-card{background:#2dd4bf14;border-color:#2dd4bf33}.compact-warning-box,.status-help-box{margin-top:1rem}.notes-panel{padding:1rem 1.15rem}.notes-panel p{margin:0}.notes-panel>p+p{margin-top:.75rem}.board-mode-bar{background:#0a101cb8;border:1px solid #94a3b81f;border-radius:999px;flex-wrap:wrap;justify-content:center;gap:.6rem;padding:.55rem;display:flex;box-shadow:0 18px 34px #00000029}.mini-mode-button{min-height:2.8rem;color:var(--text-h);background:0 0;border:1px solid #0000;border-radius:999px;padding:.6rem 1rem}.player-dot{border-radius:50%;width:.9rem;height:.9rem}.player-dot.player1{background:#22d3ee}.player-dot.player2{background:#fb7185}@media (width>=760px){.play-toolbar-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.play-notes-panel .notes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.play-notes-panel .notes-emphasis{grid-column:1/-1}}@media (width<=980px){.landing-grid,.play-layout,.landing-hero-card{grid-template-columns:1fr}.landing-visual{min-height:180px}}@media (width<=900px){.status-header{flex-direction:column;align-items:stretch}.status-grid,.control-row,.mode-grid,.difficulty-grid{grid-template-columns:1fr}.inline-form-row,.pi-ad-banner,.pi-reward-card{flex-direction:column;align-items:stretch}.pi-ad-actions,.pi-reward-actions{justify-items:stretch}}@media (width<=760px){.mode-grid-opponents,.play-toolbar-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.challenge-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.challenge-grid-mine{grid-template-columns:repeat(5,minmax(0,1fr))}.landing-summary-card{order:3}}@media (width<=520px){.app-shell{padding:.85rem}.option-grid-languages,.option-grid-quad{grid-template-columns:1fr}.landing-hero-card,.status-card,.control-panel,.notes-panel,.game-toolbar,.board-panel{border-radius:20px}.landing-title,.play-title{font-size:2.25rem}.mode-button,.secondary-button,.primary-button,.pi-button{min-height:3rem}.mode-grid-opponents,.play-toolbar-actions,.challenge-grid{grid-template-columns:1fr}.challenge-grid-mine{grid-template-columns:repeat(5,minmax(0,1fr))}.board-mode-bar{width:100%}}.game-over-backdrop{z-index:1000;padding:1rem 1rem max(1rem, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000a6;place-items:end center;display:grid;position:fixed;inset:0}.game-over-modal{text-align:center;background:#151b24;border:1px solid #ffffff1f;border-radius:1.25rem;width:min(92vw,360px);margin-bottom:.25rem;padding:1.5rem;box-shadow:0 24px 80px #00000073}.game-over-modal h2{margin:0 0 .75rem;font-size:1.5rem}.game-over-modal p{opacity:.9;margin:0 0 1.25rem}.game-over-score-card{text-align:left;background:#0f172a8f;border:1px solid #94a3b824;border-radius:1rem;margin:0 0 1.25rem;padding:.95rem}.game-over-score-kicker,.game-over-score-meta{color:#e2e8f0b8;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.75rem}.game-over-score-total{color:#fbbf24;margin:.35rem 0;font-size:1.8rem;font-weight:900}.game-over-score-breakdown{gap:.55rem;margin-top:.9rem;display:grid}.game-over-double-card{text-align:left;background:#2dd4bf14;border:1px solid #2dd4bf38;border-radius:1rem;gap:.45rem;margin-top:.85rem;padding:.85rem .9rem;display:grid}.game-over-double-card strong{color:var(--text-h);font-size:.92rem}.game-over-double-card p{color:#e2e8f0c2;margin:0;font-size:.82rem;line-height:1.4}.game-over-score-row{justify-content:space-between;align-items:center;gap:.75rem;font-size:.88rem;display:flex}.app-snackbar{left:50%;bottom:max(1.25rem, calc(env(safe-area-inset-bottom) + 1rem));z-index:1200;color:#f8fafcf5;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172aeb;border:1px solid #94a3b82e;border-radius:999px;min-width:min(24rem,100vw - 2rem);max-width:calc(100vw - 2rem);padding:.85rem 1rem;position:fixed;transform:translate(-50%);box-shadow:0 20px 50px #00000047}.home-brand-button{color:var(--text-h);letter-spacing:.04em;cursor:pointer;background:0 0;border:0;padding:.35rem .15rem;font-size:1rem;font-weight:800}.home-step-meta,.home-setup-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.35rem;display:flex}.home-step-meta{flex-direction:column;align-items:flex-start}.home-step-chip{color:#e2e8f0d1;letter-spacing:.04em;text-transform:uppercase;background:#0f172a8c;border:1px solid #94a3b838;border-radius:999px;align-items:center;min-height:1.8rem;padding:.2rem .7rem;font-size:.72rem;font-weight:700;display:inline-flex}.home-title-compact{margin-top:.35rem}.text-back-button{color:#94a3b8f2;cursor:pointer;background:0 0;border:0;align-items:center;gap:.35rem;padding:0;font-size:.88rem;font-weight:600;display:inline-flex}.text-input:disabled{opacity:.72;cursor:not-allowed}.connection-banner{color:#fef3c7f5;background:#78350f59;border:1px solid #fbbf2459;border-radius:1rem;justify-content:space-between;align-items:center;gap:.85rem;padding:.85rem 1rem;display:flex}.connection-banner strong{margin-bottom:.2rem;display:block}.connection-banner p{margin:0;font-size:.88rem;line-height:1.35}.connection-banner-soft{color:#e0f2fef5;background:#0c4a6e52;border-color:#7dd3fc47;justify-content:flex-start}.chat-request-banner{color:#d1fae5f5;background:#064e3b61;border-color:#21e3c559;flex-wrap:wrap}.chat-request-banner-actions{flex-wrap:wrap;flex:none;gap:.45rem;display:flex}.tutorial-fullscreen{z-index:1300;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020617b8;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.tutorial-panel{background:linear-gradient(#0f172afa,#0f172af0),linear-gradient(135deg,#21e3c514,#0000);border:1px solid #94a3b833;border-radius:1.35rem;flex-direction:column;gap:1rem;width:min(26rem,100%);padding:1.1rem;display:flex}.tutorial-header{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.tutorial-kicker{color:#94a3b8e6;letter-spacing:.08em;text-transform:uppercase;margin:0 0 .25rem;font-size:.72rem;font-weight:700}.tutorial-header h2{margin:0;font-size:1.25rem}.tutorial-step-card{background:#02061759;border:1px solid #94a3b829;border-radius:1.1rem;flex-direction:column;gap:.45rem;padding:1rem;display:flex}.tutorial-step-icon{color:#5eead4f2;background:#21e3c524;border-radius:.9rem;place-items:center;width:2.6rem;height:2.6rem;display:inline-grid}.tutorial-step-index{color:#94a3b8e6;margin:0;font-size:.78rem;font-weight:700}.tutorial-step-card h3{margin:0;font-size:1.05rem}.tutorial-step-card p{color:#cbd5e1eb;margin:0;line-height:1.45}.tutorial-progress{justify-content:center;gap:.4rem;display:flex}.tutorial-dot{background:#94a3b859;border-radius:999px;width:.45rem;height:.45rem}.tutorial-dot.is-active{background:#2dd4bff2;width:1.15rem}.tutorial-actions{gap:.65rem;display:flex}.tutorial-actions .primary-button,.tutorial-actions .secondary-button{flex:1;justify-content:center;align-items:center;gap:.35rem;display:inline-flex}.board-mode-bar button:disabled{opacity:.45;cursor:not-allowed}[data-theme=light] .home-step-chip,[data-theme=light] .connection-banner,[data-theme=light] .tutorial-panel,[data-theme=light] .tutorial-step-card{color:#0f172ae0;background:#ffffffe6;border-color:#94a3b83d}[data-theme=light] .home-badge,[data-theme=light] .icon-button,[data-theme=light] .icon-square-button,[data-theme=light] .action-icon-button,[data-theme=light] .home-selection-pill,[data-theme=light] .play-inline-chip,[data-theme=light] .play-ticker-strip,[data-theme=light] .play-bottom-actions,[data-theme=light] .status-turn-pill,[data-theme=light] .board-mode-bar,[data-theme=light] .landing-badge{color:#0f172ad1;background:#ffffffd1;border-color:#94a3b83d}[data-theme=light] .connection-banner{color:#78350ff2;background:#fef3c7eb}[data-theme=light] .connection-banner-soft{color:#0c4a6ef2;background:#e0f2fef2}[data-theme=light] .tutorial-step-card p,[data-theme=light] .tutorial-kicker,[data-theme=light] .tutorial-step-index,[data-theme=light] .text-back-button{color:#475569f2}[data-theme=light] .icon-button:hover,[data-theme=light] .icon-square-button:hover,[data-theme=light] .action-icon-button:hover,[data-theme=light] .play-chip-button:hover{background:#f1f5f9f5}[data-theme=light] .home-card,[data-theme=light] .play-info-card,[data-theme=light] .play-rules-card,[data-theme=light] .pi-ad-banner,[data-theme=light] .pi-reward-card,[data-theme=light] .status-card,[data-theme=light] .control-panel,[data-theme=light] .notes-panel,[data-theme=light] .game-toolbar,[data-theme=light] .landing-hero-card,[data-theme=light] .landing-summary-card,[data-theme=light] .board-panel,[data-theme=light] .game-over-modal{background:linear-gradient(#fffffff5,#f1f5f9f0),linear-gradient(135deg,#0f172a05,#0000);border-color:#94a3b838;box-shadow:0 20px 60px #0f172a1f,inset 0 1px #fffc}[data-theme=light] .home-subtitle,[data-theme=light] .settings-description,[data-theme=light] .home-section-label,[data-theme=light] .play-header-copy p,[data-theme=light] .play-rules-card,[data-theme=light] .pi-ad-copy p,[data-theme=light] .pi-reward-copy p,[data-theme=light] .hint-text,[data-theme=light] .section-heading p:not(.section-kicker),[data-theme=light] .landing-subtitle,[data-theme=light] .selection-summary-item span,[data-theme=light] .notes-item span,[data-theme=light] .status-line,[data-theme=light] .play-card-label{color:#334155c7}[data-theme=light] .option-button,[data-theme=light] .mode-button,[data-theme=light] .secondary-button,[data-theme=light] .pi-button,[data-theme=light] .text-input{color:var(--text-h);background:#ffffffdb;border-color:#94a3b847}[data-theme=light] .leaderboard-entry,[data-theme=light] .current-user-entry,[data-theme=light] .leaderboard-summary-card,[data-theme=light] .game-over-score-card{background:#ffffffbd;border-color:#94a3b838}[data-theme=light] .leaderboard-entry .rank,[data-theme=light] .current-user-entry .rank,[data-theme=light] .leaderboard-screen-header p,[data-theme=light] .leaderboard-summary-card span,[data-theme=light] .leaderboard-empty,[data-theme=light] .game-over-score-kicker,[data-theme=light] .game-over-score-meta{color:#334155c2}[data-theme=light] .option-button.is-active,[data-theme=light] .option-button:hover,[data-theme=light] .mode-button.active,[data-theme=light] .primary-button:hover,[data-theme=light] .secondary-button:hover,[data-theme=light] .pi-button:hover,[data-theme=light] .mini-mode-button.active,[data-theme=light] .mini-mode-button:hover{color:#081016}[data-theme=light] .selection-summary-item,[data-theme=light] .notes-item,[data-theme=light] .status-box{background:#f8fafceb;border-color:#94a3b838}[data-theme=light] .selection-note,[data-theme=light] .notes-emphasis{color:#0f172adb;background:#21e3c51f;border-color:#21e3c538}[data-theme=light] .warning-box{background:#f871711f;border-color:#f8717147}[data-theme=light] .pi-card{background:#2dd4bf1f;border-color:#2dd4bf42}.board-3d-panel{box-sizing:border-box;background:radial-gradient(circle at 50% 0,#21e3c529,#0000 40%),radial-gradient(circle at 80% 100%,#ff6b351f,#0000 42%),linear-gradient(#0b121cfa,#04080e);border:1px solid #94a3b82e;border-radius:30px;width:100%;min-width:0;padding:clamp(.75rem,3vw,1.25rem);overflow:hidden;box-shadow:0 30px 80px #00000073,inset 0 1px #ffffff0a}.board-3d-panel[data-board-theme=light]{background:radial-gradient(circle at 50% 0,#21e3c524,#0000 42%),radial-gradient(circle at 80% 100%,#ff6b3514,#0000 44%),linear-gradient(#fffffff5,#e8eef6fa);border-color:#64748b38;box-shadow:0 20px 50px #0f172a1f,inset 0 1px #ffffffd9}.board-3d-viewport{touch-action:none;background:radial-gradient(circle at 50% 38%,#2dd4bf1a,#0000 42%),radial-gradient(circle at 62% 62%,#f9731612,#0000 40%),#030508;border-radius:24px;width:100%;min-height:clamp(18rem,58vw,28rem);position:relative;overflow:hidden}.board-3d-panel[data-board-theme=light] .board-3d-viewport{background:radial-gradient(circle at 50% 38%,#2dd4bf1f,#0000 42%),radial-gradient(circle at 62% 62%,#f973160f,#0000 40%),#e8eef6}.board-3d-canvas{width:100%;height:clamp(18rem,58vw,28rem);display:block}@media (width<=720px){.board-3d-viewport,.board-3d-canvas{height:clamp(18rem,82vw,24rem);min-height:clamp(18rem,82vw,24rem)}}@media (width<=520px){.board-3d-panel{border-radius:20px}.board-3d-viewport{border-radius:18px}.board-3d-viewport,.board-3d-canvas{height:clamp(17rem,88vw,22rem);min-height:clamp(17rem,88vw,22rem)}}.bl-hub{max-width:34rem;min-height:100vh;padding-top:max(1.1rem, env(safe-area-inset-top));padding-bottom:max(1.4rem, env(safe-area-inset-bottom));gap:1.5rem}.bl-hub-top{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.bl-hub-actions{align-items:center;gap:.35rem;display:flex}.bl-hub-brand{align-items:center;gap:.75rem;min-width:0;display:flex}.bl-hub-mark{color:#081016;background:linear-gradient(135deg,#ffb547f2,#21e3c5e0);border-radius:.95rem;place-items:center;width:2.6rem;height:2.6rem;display:inline-grid;box-shadow:0 14px 28px #21e3c52e}.bl-hub-kicker{letter-spacing:.16em;text-transform:uppercase;color:#94a3b8e6;font-size:.68rem}.bl-hub-brand h1{letter-spacing:.02em;font-size:1.55rem;line-height:1.1}.bl-hub-hero{flex-direction:column;gap:.55rem;padding:.2rem .1rem .4rem;display:flex}.bl-hub-hero h2{font-size:clamp(1.55rem,5vw,2rem);line-height:1.15}.bl-hub-hero p{max-width:28rem;color:var(--text);font-size:.95rem}.bl-hub-about-link{color:#21e3c5f2;font:inherit;text-underline-offset:.18em;cursor:pointer;background:0 0;border:0;align-self:flex-start;margin-top:.15rem;padding:0;font-size:.88rem;font-weight:600;text-decoration:underline}.bl-hub-about-link:hover,.bl-hub-about-link:focus-visible{color:#5ef0d8fa;outline:none}.bl-hub-games{grid-template-columns:repeat(2,minmax(0,1fr));justify-items:center;gap:1rem .85rem;display:grid}.bl-hub-tile{flex-direction:column;align-items:center;gap:.65rem;width:100%;max-width:9.5rem;display:flex}.bl-hub-tile-icon{aspect-ratio:1;cursor:pointer;background:0 0;border:0;border-radius:1.35rem;width:100%;padding:0;transition:transform .16s,box-shadow .16s;display:block;overflow:hidden;box-shadow:0 16px 32px #00000047,0 0 0 1px #ffffff0f}.bl-hub-tile-icon:hover,.bl-hub-tile-icon:focus-visible{outline:none;transform:translateY(-2px)scale(1.02);box-shadow:0 20px 40px #00000057,0 0 0 1px #21e3c547}.bl-hub-tile-icon:active{transform:translateY(0)scale(.98)}.bl-hub-tile-icon img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.bl-hub-tile-label{justify-content:center;align-items:center;gap:.2rem;max-width:100%;display:inline-flex}.bl-hub-tile-label h3{text-align:center;margin:0;font-size:1rem;font-weight:700;line-height:1.2}.bl-hub-info-button{color:#94a3b8f2;cursor:pointer;background:0 0;border:0;border-radius:999px;flex-shrink:0;place-items:center;width:1.7rem;height:1.7rem;padding:0;display:inline-grid}.bl-hub-info-button:hover,.bl-hub-info-button:focus-visible{color:#21e3c5fa;background:#21e3c51a;outline:none}.bl-hub-game-badge{letter-spacing:.12em;text-transform:uppercase;color:#fbbf24f2;margin-bottom:.2rem;font-size:.68rem;font-weight:700;display:inline-flex}.bl-hub-info-backdrop{z-index:1200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000a6;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.bl-hub-info-dialog{background:#151b24;border:1px solid #ffffff1f;border-radius:1.25rem;flex-direction:column;gap:1rem;width:min(92vw,22rem);padding:1.15rem 1.1rem 1.2rem;display:flex;box-shadow:0 24px 80px #00000073}[data-theme=light] .bl-hub-info-dialog{color:#0f172a;background:#fffffff5;border-color:#0f172a1a}.bl-hub-info-header{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.bl-hub-info-heading{align-items:center;gap:.75rem;min-width:0;display:flex}.bl-hub-info-thumb{object-fit:cover;border-radius:.9rem;flex-shrink:0;width:3.4rem;height:3.4rem;box-shadow:0 8px 18px #00000040}.bl-hub-info-heading h2{margin:0;font-size:1.2rem;line-height:1.2}.bl-hub-info-dialog p{color:var(--text);margin:0;font-size:.92rem;line-height:1.5}.bl-hub-info-cta{width:100%}.bl-hub-info-dialog--about{width:min(92vw,28rem);max-height:min(82vh,36rem)}.bl-hub-about-mark{color:#081016;background:linear-gradient(135deg,#ffb547f2,#21e3c5e0);border-radius:.9rem;flex-shrink:0;place-items:center;width:3.4rem;height:3.4rem;display:inline-grid;box-shadow:0 8px 18px #00000040}.bl-hub-about-body{-webkit-overflow-scrolling:touch;flex-direction:column;gap:.85rem;padding-right:.15rem;display:flex;overflow-y:auto}.bl-hub-about-body p{color:var(--text);margin:0;font-size:.9rem;line-height:1.55}.bl-hub-about-greeting{font-weight:650}.bl-hub-about-closing{color:#21e3c5f2;font-weight:700}[data-theme=light] .bl-hub-about-closing{color:#0f766e}@media (width>=420px){.bl-hub-games{gap:1.15rem 1.25rem}.bl-hub-tile{max-width:10.5rem}}.pi-gate{color:#f4efe6;background:#12100e;place-items:center;min-height:100dvh;padding:1.5rem;display:grid;position:relative;overflow:hidden}.pi-gate-backdrop{pointer-events:none;background:radial-gradient(80% 55% at 50% -10%,#d4a04a47,#0000 60%),radial-gradient(50% 40% at 100% 100%,#5078a02e,#0000 55%),linear-gradient(165deg,#1a1612 0%,#0e0c0a 55%,#151a1f 100%);position:absolute;inset:0}.pi-gate-panel{gap:1rem;width:min(100%,28rem);display:grid;position:relative}.pi-gate-brand{letter-spacing:.18em;text-transform:uppercase;color:#d4a04a;margin:0;font-family:Segoe UI,system-ui,sans-serif;font-size:.85rem}.pi-gate-title{margin:0;font-size:clamp(1.7rem,5vw,2.2rem);font-weight:700;line-height:1.15}.pi-gate-body{color:#f4efe6c7;margin:0;line-height:1.5}.pi-gate-groups{gap:1rem;margin-top:.5rem;display:grid}.pi-gate-group{background:#ffffff08;border:1px solid #f4efe61f;border-radius:14px;gap:.45rem;padding:1rem 1.05rem;display:grid}.pi-gate-group h2{margin:0;font-size:1.05rem}.pi-gate-group p{color:#f4efe6ad;margin:0;font-size:.9rem;line-height:1.4}.pi-gate-links{gap:.5rem;margin-top:.35rem;display:grid}.pi-gate-link{color:#f4efe6;background:#d4a04a1f;border:1px solid #d4a04a73;border-radius:10px;justify-content:center;align-items:center;gap:.45rem;min-height:2.75rem;padding:.55rem .9rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.pi-gate-link:hover{background:#d4a04a38}button.pi-gate-link{cursor:pointer;width:100%;font:inherit}button.pi-gate-link:disabled{opacity:.65;cursor:wait}.pi-gate-learn{color:#f4efe6b3;text-align:center;margin-top:.25rem;font-size:.9rem}.pi-gate-learn:hover{color:#d4a04a}.mangala-board{--gold:#e9b85b;--gold-bright:#ffd875;--cream:#f6e8c5;--wood-light:#9a5a2c;--wood:#6d3c18;--wood-dark:#3a1e0c;--well:#160c07;isolation:isolate;background:linear-gradient(90deg, transparent 49.7%, #1e0c0447 50%, transparent 50.3%), radial-gradient(ellipse at 50% 0%, #ffbe641a, transparent 42%), radial-gradient(ellipse at 50% 100%, #00000047, transparent 48%), repeating-linear-gradient(90deg, #ffd28c0a 0 1px, transparent 1px 11px), repeating-linear-gradient(0deg, #00000012 0 1px, transparent 1px 5px), linear-gradient(105deg, var(--wood-dark) 0%, #4a2610 18%, var(--wood-light) 38%, var(--wood) 62%, #4e2912 82%, #2c1608 100%);border:1.5px solid #c4893f;border-radius:clamp(20px,3.2vmin,36px);grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:minmax(52px,.72fr) repeat(6,minmax(40px,1fr)) minmax(52px,.72fr);gap:clamp(10px,1.8vmin,18px) clamp(6px,1.1vw,16px);min-width:0;min-height:0;padding:clamp(12px,2vmin,22px) clamp(10px,1.8vmin,22px);display:grid;position:relative;box-shadow:inset 0 0 0 3px #3e1e0ccc,inset 0 0 0 5px #c88c462e,inset 0 0 50px #1408028c,0 14px 32px #00000080}.mangala-board:before{content:"";z-index:0;pointer-events:none;border-radius:inherit;border:1px solid #ffd28c38;position:absolute;inset:6px}.mangala-board:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(at 50% 100%,#ffb43c24,#0000 70%);height:28%;position:absolute;bottom:6%;left:18%;right:18%}.mangala-board.is-animating{pointer-events:none}.mangala-hand{z-index:6;min-width:3.2rem;min-height:2.2rem;color:var(--cream);pointer-events:none;background:#0c0805b8;border:1px solid #ffd29659;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding:.28rem .7rem;animation:1.2s ease-in-out infinite mangala-hand-float;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mangala-hand strong{font-variant-numeric:tabular-nums;font-size:clamp(.85rem,2.4vmin,1.1rem)}.mangala-hand-stones{width:2.4rem;height:1.6rem;position:relative}.mangala-hand-stones .mangala-stone{width:clamp(6px,2vmin,12px)}.mangala-pit-row{display:contents}.mangala-pit-row--opponent .mangala-pit{grid-row:1}.mangala-pit-row--player .mangala-pit{grid-row:2}.mangala-pit{z-index:1;width:100%;min-width:0;height:100%;min-height:0;color:var(--cream);cursor:default;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;align-items:center;padding:0;display:flex;position:relative}.mangala-pit--opponent{justify-content:flex-end;gap:clamp(3px,.7vmin,7px)}.mangala-pit--player{justify-content:flex-start;gap:clamp(3px,.7vmin,7px)}.mangala-pit--opponent .mangala-pit__count{order:-1}.mangala-pit:not(:disabled){cursor:pointer}.mangala-pit__well{aspect-ratio:1;background:radial-gradient(circle at 42% 30%, #5a321859 0 12%, transparent 40%), radial-gradient(circle at 50% 68%, #2a170d 0, var(--well) 46%, #070402 100%);border:1.5px solid #7a4624;border-radius:50%;flex:none;width:min(100%,17svh);max-height:calc(100% - 1.4rem);transition:border-color .16s,filter .16s,box-shadow .16s,transform .16s;display:block;position:relative;box-shadow:inset 0 14px 18px #000000c7,inset 0 -6px 12px #be6e2d29,inset 0 0 0 1px #0006,0 2px #ffc8782e}.mangala-pit:not(:disabled):hover .mangala-pit__well,.mangala-pit:not(:disabled):focus-visible .mangala-pit__well{filter:brightness(1.08);transform:translateY(-1px)}.mangala-pit:focus-visible{outline:none}.mangala-pit:focus-visible .mangala-pit__well{box-shadow:inset 0 14px 18px #000000c7,0 0 0 3px #ffd8757a,0 0 18px #ffbc4561}.mangala-pit.is-legal .mangala-pit__well{border-color:#eeb852b3;box-shadow:inset 0 14px 18px #000000c7,0 0 0 1px #ffc8644d,0 4px 12px #fdb32c38}.mangala-pit.is-selected .mangala-pit__well,.mangala-pit.is-source .mangala-pit__well,.mangala-pit.is-legal.is-selected .mangala-pit__well{border-color:var(--gold-bright);box-shadow:inset 0 14px 18px #000000c7,0 0 0 3px #ffd264d9,0 0 0 6px #ffb43238,0 0 22px #ffbe3cb3}.mangala-pit.is-dropping .mangala-pit__well,.mangala-store.is-dropping .mangala-store__well{border-color:#ffdc78f2;animation:.28s ease-out mangala-drop-pulse;box-shadow:inset 0 14px 18px #000000c7,0 0 0 3px #ffd2648c,0 0 20px #ffbe5073}.mangala-pit.is-kale .mangala-pit__well{background:radial-gradient(circle at 46% 62%,#1a3a2e 0,#0d1f18 48%,#06100c 100%);border-color:#50c8a0cc}.mangala-pit:disabled{opacity:1}.mangala-pit__count{z-index:4;color:#fff4d4;pointer-events:none;background:linear-gradient(#6a4524,#2c1a0f);border:1px solid #b77a36;border-radius:999px;flex:none;place-items:center;min-width:clamp(20px,4vmin,36px);height:clamp(16px,3.2vmin,28px);padding:0 6px;font-size:clamp(10px,2.2vmin,18px);font-weight:800;line-height:1;display:grid;position:relative;box-shadow:inset 0 1px 1px #ffffff24,0 2px 5px #00000073}.mangala-stones{position:absolute;inset:10%}.mangala-stone{aspect-ratio:.78;background:radial-gradient(circle at 34% 26%,#fffdf4 0 20%,#f3e4bc 42%,#dfc48a 100%);border:1px solid #dcbe8c8c;border-radius:55% 45% 58% 42%;width:clamp(8px,2.9vmin,22px);position:absolute;box-shadow:inset -2px -3px 4px #78501e2e,inset 1px 1px 2px #ffffff8c,0 2px 3px #0000007a}.mangala-kale-tag{z-index:3;letter-spacing:.06em;text-transform:uppercase;color:#a0ffdcf2;text-shadow:0 1px 2px #000;font-size:clamp(.4rem,1.4vmin,.55rem);position:absolute;bottom:8%;left:50%;transform:translate(-50%)}.mangala-store{z-index:1;place-items:center;min-width:0;min-height:0;padding:clamp(2px,.4vmin,6px) 0;display:grid;position:relative}.mangala-store--opponent{grid-area:1/1/3}.mangala-store--player{grid-area:1/8/3}.mangala-store__well{background:radial-gradient(at 48% 40%,#46281459 0 18%,#0000 42%),radial-gradient(at 48% 58%,#2a160c 0,#140a06 55%,#060402 100%);border:1.5px solid #9a5f2e;border-radius:999px;place-items:center;width:100%;height:100%;display:grid;position:relative;box-shadow:inset 0 18px 24px #000000bf,inset 0 -10px 14px #c86f2b1f,inset 0 0 0 1px #00000059,0 2px #ffc76f29}.mangala-store__well strong{z-index:1;color:#f0d089;text-shadow:0 3px 3px #000,0 0 14px #ffcc6f2e;font-size:clamp(26px,7.2vmin,64px);font-weight:300;line-height:1;position:relative}.mangala-store__ornament{z-index:2;color:#e9b85bc7;pointer-events:none;filter:drop-shadow(0 1px 1px #0000008c);width:clamp(34px,9vmin,58px);height:auto;position:absolute;left:50%;transform:translate(-50%)}.mangala-store__ornament--top{top:7%}.mangala-store__ornament--bottom{bottom:7%;transform:translate(-50%)scaleY(-1)}@keyframes mangala-drop-pulse{0%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes mangala-hand-float{0%,to{transform:translate(-50%,-50%)translateY(0)}50%{transform:translate(-50%,-50%)translateY(-2px)}}@media (height<=390px){.mangala-board{gap:6px 8px;padding:8px 10px}.mangala-pit__count{height:14px;font-size:10px}}@media (orientation:portrait) and (width<=720px){.mangala-board{grid-template-rows:minmax(58px,.62fr) repeat(6,minmax(88px,1fr)) minmax(58px,.62fr);grid-template-columns:repeat(2,minmax(90px,1fr));gap:8px 14px}.mangala-store--opponent{grid-area:1/1/auto/3}.mangala-store--player{grid-area:8/1/auto/3}.mangala-store__well{border-radius:28px}.mangala-pit-row--opponent .mangala-pit{grid-column:1;grid-row:var(--portrait-row)}.mangala-pit-row--player .mangala-pit{grid-column:2;grid-row:var(--portrait-row)}.mangala-pit__well{width:min(100%,112px)}}@media (prefers-reduced-motion:reduce){.mangala-pit__well{transition:none}.mangala-hand{animation:none}}.mangala-howto-fullscreen{z-index:1300;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020617b8;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.mangala-howto-panel{background:linear-gradient(#2a1a10fa,#160e0af5),linear-gradient(135deg,#ffb5471a,#0000);border:1px solid #b4783c47;border-radius:1.35rem;flex-direction:column;gap:1rem;width:min(28rem,100%);max-height:min(92vh,40rem);padding:1.1rem;display:flex;overflow:auto}.mangala-howto-header{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.mangala-howto-kicker{color:#ffc46ed9;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .25rem;font-size:.72rem;font-weight:700}.mangala-howto-header h2{margin:0;font-size:1.2rem;line-height:1.25}.mangala-howto-card{background:#0c080573;border:1px solid #ffd2962e;border-radius:1.1rem;flex-direction:column;gap:.55rem;padding:1rem .95rem;display:flex}.mangala-howto-icon{color:#2a1a10;background:linear-gradient(135deg,#ffc46ef2,#ffa046d9);border-radius:.85rem;place-items:center;width:2.4rem;height:2.4rem;display:inline-grid}.mangala-howto-index{letter-spacing:.08em;text-transform:uppercase;opacity:.75;margin:0;font-size:.72rem}.mangala-howto-card h3{margin:0;font-size:1.05rem}.mangala-howto-card>p:last-child{color:#f8e6c8eb;margin:0;font-size:.92rem;line-height:1.5}.mangala-howto-progress{justify-content:center;gap:.35rem;display:flex}.mangala-howto-dot{background:#ffd29640;border-radius:999px;width:.45rem;height:.45rem}.mangala-howto-dot.is-active{background:#ffc46ef2;width:1.1rem}.mangala-howto-actions{gap:.55rem;display:flex}.mangala-howto-actions .primary-button,.mangala-howto-actions .secondary-button{flex:1;justify-content:center;align-items:center;gap:.35rem;display:inline-flex}[data-theme=light] .mangala-howto-panel{color:#2a1a10;background:linear-gradient(#fff8ebfa,#fff0dcf5),linear-gradient(135deg,#ffb5471f,#0000);border-color:#b4783c38}[data-theme=light] .mangala-howto-card{background:#ffffffb3;border-color:#b4783c2e}[data-theme=light] .mangala-howto-card>p:last-child{color:#2a1a10e0}[data-theme=light] .mangala-howto-kicker{color:#925a1ee6}.mangala-game-screen{--gold:#e9b85b;--gold-bright:#ffd875;--cream:#f6e8c5;--hud-height:clamp(48px, 12svh, 88px);--outer-gap:clamp(6px, 1.2vmin, 14px);grid-template-rows:var(--hud-height) minmax(0, 1fr) var(--hud-height);gap:var(--outer-gap);width:100%;max-width:none;height:100svh;min-height:260px;padding:max(var(--outer-gap), env(safe-area-inset-top)) max(var(--outer-gap), env(safe-area-inset-right)) max(var(--outer-gap), env(safe-area-inset-bottom)) max(var(--outer-gap), env(safe-area-inset-left));color:var(--cream);background:radial-gradient(at 50% -20%,#3d2a1e 0,#0000 46%),radial-gradient(at 50% 120%,#1a100c 0,#0000 50%),#070605;display:grid;position:relative;overflow:hidden}.mangala-hud{z-index:2;background:linear-gradient(#ffffff0a,#0000 42%),linear-gradient(90deg,#241710,#120e0a 55%,#1c140f);border:1px solid #d29b467a;border-radius:clamp(20px,3.4vmin,40px);justify-content:space-between;align-items:center;gap:clamp(8px,2vw,24px);min-width:0;padding:clamp(4px,.9vmin,10px) clamp(12px,2.2vw,28px);display:flex;position:relative;box-shadow:inset 0 0 0 2px #0c0704bf,0 8px 18px #0000005c}.mangala-hud:after{content:"";pointer-events:none;border-radius:inherit;border:1px solid #ffdc9612;position:absolute;inset:3px}.mangala-player{align-items:center;gap:clamp(8px,1.3vw,16px);min-width:0;display:flex}.mangala-avatar{border:2px solid var(--gold);color:#20150d;background:radial-gradient(circle at 36% 28%,#fff0bb,#c88b38 58%,#724414);border-radius:50%;flex:none;place-items:center;width:clamp(36px,7.2svh,64px);height:clamp(36px,7.2svh,64px);display:grid;overflow:hidden;box-shadow:0 0 0 3px #1a1009,0 5px 12px #00000073}.mangala-avatar>span{font-size:clamp(13px,2.5svh,22px);font-weight:900}.mangala-player__copy{min-width:0}.mangala-player__copy strong{max-width:min(34vw,340px);color:var(--gold-bright);text-overflow:ellipsis;text-shadow:0 2px 3px #000000b3;white-space:nowrap;font-size:clamp(16px,3.6svh,32px);font-weight:700;line-height:1.05;overflow:hidden}.mangala-set-dots{pointer-events:none;justify-content:center;align-items:center;gap:clamp(7px,1.1vw,12px);display:flex;position:absolute;left:50%;transform:translate(-50%)}.mangala-set-dot{background:#2d1d14;border-radius:50%;width:clamp(9px,1.7svh,13px);height:clamp(9px,1.7svh,13px);box-shadow:inset 0 1px 2px #000000b3,0 0 0 1px #50321980}.mangala-set-dot.is-done{background:#7a5530}.mangala-set-dot.is-current{background:var(--gold-bright);box-shadow:0 0 0 2px #1a1009,0 0 12px #ffd875b3}.mangala-timer{color:var(--gold-bright);background:#00000061;border:1px solid #dea85366;border-radius:999px;align-items:center;gap:clamp(5px,.8vw,10px);margin-left:auto;padding:clamp(5px,1svh,10px) clamp(10px,1.6vw,18px);display:flex;box-shadow:inset 0 1px 4px #000}.mangala-timer strong{letter-spacing:.06em;font-variant-numeric:tabular-nums;font-size:clamp(14px,3svh,26px);font-weight:700}.mangala-sr-status{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mangala-game-screen>.mangala-board-3d{border-radius:clamp(16px,2.4vmin,24px);flex-direction:column;align-self:stretch;min-width:0;height:100%;min-height:0;padding:clamp(.3rem,1vmin,.7rem);display:flex}.mangala-game-screen>.mangala-board-3d .board-3d-viewport{border-radius:clamp(12px,2vmin,18px);flex:1 1 0;height:auto;min-height:clamp(14rem,42svh,28rem);position:relative}.mangala-game-screen>.mangala-board-3d .board-3d-canvas{inset:0;width:100%!important;height:100%!important;min-height:0!important;position:absolute!important}.mangala-game-screen .board-3d-error{text-align:center;color:#f8fafc;background:#080604e0;place-content:center;gap:.35rem;padding:1rem;font-size:.9rem;display:grid;position:absolute;inset:0}.mangala-game-screen .board-3d-error p{margin:0}@media (width<=720px){.mangala-game-screen>.mangala-board-3d .board-3d-viewport{height:auto!important;min-height:clamp(14rem,48svh,24rem)!important}.mangala-game-screen>.mangala-board-3d .board-3d-canvas{inset:0;height:100%!important;min-height:0!important;position:absolute!important}}.mangala-icon{flex:none;width:clamp(18px,3.5svh,28px);height:clamp(18px,3.5svh,28px);display:block}.mangala-actions{justify-content:flex-end;align-items:center;gap:clamp(7px,1.1vw,12px);margin-left:auto;display:flex}.mangala-action-button,.mangala-resign-button{min-width:clamp(38px,7.2svh,58px);min-height:clamp(36px,7svh,54px);color:var(--gold-bright);cursor:pointer;background:linear-gradient(#ffffff0f,#0000),#1f160f;border:1px solid #dca34e7a;border-radius:999px;justify-content:center;align-items:center;gap:8px;transition:background .16s,transform .16s;display:inline-flex;box-shadow:inset 0 0 0 2px #0000006b,0 3px 8px #00000059}.mangala-action-button:hover,.mangala-action-button:focus-visible,.mangala-resign-button:hover,.mangala-resign-button:focus-visible{background:linear-gradient(#ffffff1a,#0000),#342116;outline:none;transform:translateY(-1px)}.mangala-action-button:active,.mangala-resign-button:active{transform:translateY(1px)}.mangala-action-button.is-active{background:linear-gradient(#ffdc8c24,#0000),#3a2416;border-color:#ffd278bf;box-shadow:inset 0 0 0 2px #0000006b,0 0 12px #ffbe5047}.mangala-resign-button{letter-spacing:.08em;text-transform:uppercase;min-width:auto;padding:0 clamp(12px,2vw,22px);font-size:clamp(11px,2.2svh,16px);font-weight:800}.mangala-rotate-prompt{z-index:40;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(circle at 50% 30%,#ffc46e1f,#0000 55%),#080a12f0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mangala-rotate-card{text-align:center;color:#f6e7cf;flex-direction:column;align-items:center;gap:.85rem;width:min(100%,20rem);display:flex}.mangala-rotate-card .primary-button,.mangala-rotate-card .secondary-button{justify-content:center;width:100%}.mangala-rotate-card h2{letter-spacing:.01em;margin:0;font-size:1.25rem;font-weight:700}.mangala-rotate-card p{opacity:.88;margin:0;font-size:.95rem;line-height:1.45}.mangala-rotate-icon{background:#5b3a2273;border:1px solid #ffd29647;border-radius:1.25rem;justify-content:center;align-items:center;width:4.5rem;height:4.5rem;display:flex}.mangala-rotate-phone{color:#f8e6c8;width:2.4rem;height:2.4rem;animation:1.6s ease-in-out infinite mangala-phone-tilt}@keyframes mangala-phone-tilt{0%,20%{transform:rotate(0)}45%,70%{transform:rotate(90deg)}to{transform:rotate(0)}}.mangala-result{left:max(.75rem, env(safe-area-inset-left));right:max(.75rem, env(safe-area-inset-right));bottom:max(.85rem, env(safe-area-inset-bottom));z-index:20;color:var(--cream);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#0f0a07f0;border:1px solid #e3a84d73;border-radius:1rem;flex-direction:column;gap:.75rem;padding:.95rem;display:flex;position:absolute;box-shadow:0 16px 40px #00000073}.mangala-score-summary{text-align:left;gap:.45rem;margin:.35rem 0 .75rem;font-size:.85rem;display:grid}.mangala-score-summary ul{margin:0;padding-left:1.1rem}.mangala-score-double{gap:.45rem;margin-top:.35rem;display:grid}.mangala-result-actions{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.mangala-result-actions .primary-button,.mangala-result-actions .secondary-button{align-items:center;gap:.35rem;display:inline-flex}@media (height<=390px){.mangala-game-screen{--hud-height:clamp(40px, 13svh, 50px)}.mangala-resign-button span{display:none}}@media (width<=620px){.mangala-hud{padding-inline:10px}.mangala-player__copy strong{max-width:26vw}.mangala-resign-button span{display:none}}@media (orientation:portrait) and (width<=720px){.mangala-game-screen{grid-template-rows:auto auto auto;height:auto;min-height:100svh;overflow:auto}.mangala-hud{min-height:58px}.mangala-set-dots{position:static;transform:none}}@media (prefers-reduced-motion:reduce){.mangala-action-button,.mangala-resign-button{transition:none}.mangala-rotate-phone{animation:none}}.damasi-board{--damasi-frame:#6b2e24;--damasi-gold:#d4af37;--damasi-dark:#1a3a28;--damasi-light:#d9c9a8;--damasi-ivory:#f3ead7;--damasi-red:#b42318;--damasi-anim-ms:.3s;aspect-ratio:1;border:2px solid var(--damasi-gold);background:linear-gradient(145deg, #d4af372e, transparent 40%), var(--damasi-frame);border-radius:1rem;grid-template-rows:repeat(8,1fr);width:min(100%,28rem);margin-inline:auto;padding:.55rem;display:grid;position:relative;box-shadow:inset 0 0 0 3px #d4af3759,0 12px 28px #00000059}.damasi-board.is-animating{pointer-events:none}.damasi-flight-layer{pointer-events:none;z-index:5;position:absolute;inset:.55rem}.damasi-flight-slot{width:12.5%;height:12.5%;transition:left var(--damasi-anim-ms) ease-in-out, top var(--damasi-anim-ms) ease-in-out;filter:drop-shadow(0 4px 8px #00000073);z-index:6;place-items:center;display:grid;position:absolute}.damasi-flight-slot.is-moving .damasi-piece{transform:scale(1.08)}.damasi-square.is-capturing{animation:damasi-capture-flash var(--damasi-anim-ms) ease-out;box-shadow:inset 0 0 0 2px #e85a4af2}@keyframes damasi-capture-flash{0%{background-image:linear-gradient(135deg,#e85a4a8c,#0000)}to{background-image:none}}.damasi-board-row{grid-template-columns:repeat(8,1fr);display:grid}.damasi-square{cursor:pointer;background:var(--damasi-dark);border:none;place-items:center;min-width:0;min-height:0;padding:0;display:grid;position:relative}.damasi-square.is-light{background:var(--damasi-light)}.damasi-square.is-target{box-shadow:inset 0 0 0 2px #d4af37d9}.damasi-square.is-selected{box-shadow:inset 0 0 0 2px #ffe68cf2}.damasi-square.is-path{background-image:linear-gradient(135deg,#d4af3747,#0000)}.damasi-square:disabled{cursor:default}.damasi-piece{aspect-ratio:1;border-radius:50%;place-items:center;width:72%;transition:transform .12s;display:grid;box-shadow:0 2px 4px #00000059,inset 0 1px 2px #ffffff59}.damasi-piece.is-pulse{animation:1.4s ease-in-out infinite damasi-pulse}.damasi-piece.is-ivory{background:radial-gradient(circle at 30% 28%, #fff8ea, var(--damasi-ivory) 55%, #cbb892);color:#8a6a20;border:1px solid #785f3259}.damasi-piece.is-red{background:radial-gradient(circle at 30% 28%, #e85a4a, var(--damasi-red) 55%, #6e120c);color:#f0d060;border:1px solid #500a0873}.damasi-piece.is-king{box-shadow:0 2px 4px #0006,0 0 0 2px #d4af37bf,inset 0 1px 2px #ffffff59}.damasi-crown{width:55%;height:55%}.damasi-star{clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);opacity:.7;background:currentColor;width:34%;height:34%}.damasi-target-dot{aspect-ratio:1;background:#d4af37d9;border-radius:50%;width:22%;box-shadow:0 0 8px #d4af378c}@keyframes damasi-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@media (width<=420px){.damasi-board{border-radius:.85rem;width:100%;padding:.4rem}}.damasi-howto-fullscreen{z-index:1300;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#020c08c7;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.damasi-howto-panel{background:linear-gradient(#122a1cfa,#0a1810f5),linear-gradient(135deg,#d4af371f,#0000);border:1px solid #d4af3759;border-radius:1.35rem;flex-direction:column;gap:1rem;width:min(28rem,100%);max-height:min(92vh,40rem);padding:1.1rem;display:flex;overflow:auto}.damasi-howto-header{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.damasi-howto-kicker{color:#e8c45ae6;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .25rem;font-size:.72rem;font-weight:700}.damasi-howto-header h2{margin:0;font-size:1.2rem;line-height:1.25}.damasi-howto-card{background:#06100a80;border:1px solid #d4af3738;border-radius:1.1rem;flex-direction:column;gap:.55rem;padding:1rem .95rem;display:flex}.damasi-howto-icon{color:#142218;background:linear-gradient(135deg,#e8c45af2,#c49628e6);border-radius:.85rem;place-items:center;width:2.4rem;height:2.4rem;display:inline-grid}.damasi-howto-index{letter-spacing:.08em;text-transform:uppercase;opacity:.75;margin:0;font-size:.72rem}.damasi-howto-card h3{margin:0;font-size:1.05rem}.damasi-howto-card>p:last-child{color:#ece4c8eb;margin:0;font-size:.92rem;line-height:1.5}.damasi-howto-progress{justify-content:center;gap:.35rem;display:flex}.damasi-howto-dot{background:#d4af3740;border-radius:999px;width:.45rem;height:.45rem}.damasi-howto-dot.is-active{background:#e8c45af2;width:1.1rem}.damasi-howto-actions{gap:.55rem;display:flex}.damasi-howto-actions .primary-button,.damasi-howto-actions .secondary-button{flex:1;justify-content:center;align-items:center;gap:.35rem;display:inline-flex}[data-theme=light] .damasi-howto-panel{color:#142218;background:linear-gradient(#f5f2e4fa,#e8e2c8f5),linear-gradient(135deg,#d4af371f,#0000);border-color:#785a1e40}[data-theme=light] .damasi-howto-card{background:#ffffffb8;border-color:#785a1e2e}[data-theme=light] .damasi-howto-card>p:last-child{color:#142218e0}[data-theme=light] .damasi-howto-kicker{color:#785a14e6}.damasi-play{gap:.65rem;max-width:34rem;min-height:100dvh;position:relative}.damasi-scorebar{border:1px solid var(--border);background:#0f1c168c;border-radius:1rem;flex-shrink:0;grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;padding:.65rem .85rem;display:grid}.damasi-scorebar>div:first-child,.damasi-scorebar>div:last-child{flex-direction:column;gap:.15rem;min-width:0;display:flex}.damasi-scorebar>div:last-child{text-align:right}.damasi-scorebar span{opacity:.8;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.damasi-scorebar strong{font-variant-numeric:tabular-nums;font-size:1.05rem;font-style:normal}.damasi-scorebar-kings{opacity:.72;font-size:.72rem;font-style:normal;font-weight:600}.damasi-scorebar-mid{opacity:.9;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;min-height:2.1rem;font-size:.75rem;display:flex}.damasi-status{flex-shrink:0;justify-content:center;align-items:center;min-height:2.75rem;padding:0 .25rem;display:flex}.damasi-turn{text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.88rem;line-height:1.35;display:-webkit-box;overflow:hidden}.damasi-board-wrap{flex-direction:column;flex:auto;justify-content:center;align-items:stretch;min-height:0;display:flex}.damasi-board-wrap>.damasi-board-3d{flex-direction:column;width:100%;height:100%;min-height:clamp(16rem,52vw,26rem);padding:clamp(.45rem,1.5vw,.85rem);display:flex}.damasi-board-wrap>.damasi-board-3d .board-3d-viewport{flex:auto;height:100%;min-height:0}.damasi-board-wrap>.damasi-board-3d .board-3d-canvas{width:100%!important;height:100%!important;min-height:0!important}.damasi-hud-actions{flex-wrap:wrap;flex-shrink:0;justify-content:center;gap:.5rem;display:flex}.damasi-hud-actions .secondary-button{align-items:center;gap:.35rem;display:inline-flex}.damasi-result{left:.75rem;right:.75rem;bottom:max(.85rem, env(safe-area-inset-bottom));z-index:20;border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#0f1c16eb;border-radius:1rem;flex-direction:column;gap:.75rem;padding:.95rem;display:flex;position:absolute;box-shadow:0 16px 40px #00000059}.damasi-score-summary{text-align:left;gap:.45rem;margin:.35rem 0 .75rem;font-size:.85rem;display:grid}.damasi-score-summary ul{margin:0;padding-left:1.1rem}.damasi-score-double{gap:.45rem;margin-top:.35rem;display:grid}.damasi-result-actions{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.damasi-result-actions .primary-button,.damasi-result-actions .secondary-button{align-items:center;gap:.35rem;display:inline-flex}@media (width<=639px){.damasi-play{gap:.5rem}.damasi-status{min-height:2.5rem}.damasi-turn{font-size:.82rem}}.feedback-screen{justify-content:flex-start}.feedback-header{margin-bottom:.25rem}.feedback-card{gap:1rem}.feedback-login,.feedback-compose,.feedback-thread-view,.feedback-reply{gap:.85rem;display:grid}.feedback-list-actions{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.feedback-open-ticket{text-align:left;width:100%;color:inherit;background:#14b8a61f;border:1px solid #2dd4bf59;border-radius:.95rem;gap:.25rem;padding:.9rem 1rem;display:grid}.feedback-open-ticket-title{font-size:.95rem;font-weight:700}.feedback-open-ticket-meta{color:#94a3b8f2;font-size:.82rem}.feedback-unread-pill{color:#fde68a;background:#facc1529;border-radius:999px;align-items:center;min-height:2rem;padding:.25rem .7rem;font-size:.82rem;font-weight:700;display:inline-flex}.feedback-muted{color:#cbd5e1bf;margin:0;font-size:.92rem}.feedback-error{color:#fda4af;margin:0;font-size:.9rem}.feedback-thread-list{gap:.55rem;display:grid}.feedback-thread-item{text-align:left;width:100%;color:inherit;background:#0f172a8c;border:1px solid #94a3b82e;border-radius:.95rem;gap:.25rem;padding:.85rem .95rem;display:grid}.feedback-thread-item-title{font-size:.98rem;font-weight:700}.feedback-thread-item-meta{color:#94a3b8e6;font-size:.8rem}.feedback-field{color:#e2e8f0e0;gap:.4rem;font-size:.88rem;display:grid}.feedback-field input,.feedback-field textarea,.feedback-reply textarea{width:100%;color:inherit;font:inherit;resize:vertical;background:#0206178c;border:1px solid #94a3b838;border-radius:.85rem;padding:.75rem .85rem}.option-grid-triple{grid-template-columns:repeat(3,minmax(0,1fr))}.feedback-thread-heading h2{margin:0;font-size:1.2rem}.feedback-thread-heading p{color:#94a3b8eb;margin:.35rem 0 0;font-size:.85rem}.feedback-messages{gap:.65rem;max-height:min(48vh,28rem);padding-right:.15rem;display:grid;overflow:auto}.feedback-bubble{background:#0f172ab8;border:1px solid #94a3b82e;border-radius:.95rem;gap:.3rem;max-width:92%;padding:.75rem .85rem;display:grid}.feedback-bubble.is-user{justify-self:start}.feedback-bubble.is-admin{background:#14b8a624;border-color:#2dd4bf47;justify-self:end}.feedback-bubble-meta{color:#94a3b8f2;letter-spacing:.02em;text-transform:uppercase;font-size:.72rem;font-weight:700}.feedback-bubble p{white-space:pre-wrap;margin:0;font-size:.94rem;line-height:1.45}[data-theme=light] .feedback-thread-item,[data-theme=light] .feedback-bubble,[data-theme=light] .feedback-field input,[data-theme=light] .feedback-field textarea,[data-theme=light] .feedback-reply textarea{color:#0f172a;background:#ffffffb8;border-color:#0f172a1f}[data-theme=light] .feedback-bubble.is-admin{background:#14b8a61f}[data-theme=light] .feedback-muted,[data-theme=light] .feedback-thread-item-meta,[data-theme=light] .feedback-thread-heading p{color:#475569eb}[data-theme=light] .feedback-unread-pill{color:#92400e;background:#f59e0b29}[data-theme=light] .feedback-open-ticket{background:#0d94881a;border-color:#0d948847}[data-theme=light] .feedback-open-ticket-meta{color:#475569eb}@media (width<=640px){.option-grid-triple{grid-template-columns:1fr}}.match-chat-root{z-index:45;pointer-events:none;position:fixed;inset:0}.match-chat-root.is-collapsed .match-chat,.match-chat-root.is-expanded .match-chat-backdrop,.match-chat-root.is-expanded .match-chat,.match-chat-root .match-chat-modal{pointer-events:auto}.match-chat-backdrop{background:#02061773;border:0;padding:0;position:absolute;inset:0}.match-chat{border:1px solid var(--border);width:100%;max-width:none;padding-bottom:env(safe-area-inset-bottom,0px);background:#0f172af0;border-bottom:0;border-radius:1.15rem 1.15rem 0 0;margin:0;position:absolute;bottom:0;left:0;right:0;overflow:visible;box-shadow:0 -12px 32px #00000047}.match-chat-root.is-expanded .match-chat{max-height:var(--chat-max-vh,55vh);background:#0f172afa;flex-direction:column;display:flex;box-shadow:0 -18px 40px #00000059}[data-theme=light] .match-chat{background:#fffffff5}[data-theme=light] .match-chat-root.is-expanded .match-chat{background:#fffffffa}.match-chat-root.is-locked .match-chat{opacity:.92}.match-chat-toggle{width:100%;color:var(--text-h);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:.65rem;padding:.7rem .85rem;display:flex}.match-chat-toggle-main{flex:1;align-items:center;gap:.45rem;min-width:0;display:flex}.match-chat-toggle-main strong,.match-chat-sheet-title strong{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;font-size:.82rem}.match-chat-preview{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text);font-size:.78rem;overflow:hidden}.match-chat-timer{color:#fbbf24f2;white-space:nowrap;flex:none;font-size:.68rem}.match-chat-sheet{min-height:0;max-height:var(--chat-max-vh,55vh);flex-direction:column;gap:.55rem;padding:.35rem .75rem .75rem;display:flex}.match-chat-sheet-handle{background:#94a3b873;border-radius:999px;width:2.4rem;height:.28rem;margin:.15rem auto .1rem}.match-chat-sheet-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.match-chat-sheet-title{min-width:0;color:var(--text-h);align-items:center;gap:.4rem;display:flex}.match-chat-sheet-actions{flex:none;align-items:center;gap:.15rem;display:flex}.match-chat-icon-btn{width:2.15rem;height:2.15rem}.match-chat-menu-wrap{position:relative}.match-chat-menu{z-index:2;border:1px solid var(--border);background:#0f172afa;border-radius:.85rem;flex-direction:column;min-width:11.5rem;padding:.3rem;display:flex;position:absolute;top:calc(100% + .25rem);right:0;box-shadow:0 14px 28px #00000059}[data-theme=light] .match-chat-menu{background:#fffffffa}.match-chat-menu-item{width:100%;min-height:2.25rem;color:var(--text-h);text-align:left;background:0 0;border:0;border-radius:.65rem;align-items:center;gap:.45rem;padding:.4rem .65rem;font-size:.8rem;display:flex}.match-chat-menu-item:hover:not(:disabled):not(.is-muted){background:#94a3b824}.match-chat-menu-item:disabled,.match-chat-menu-item.is-muted{opacity:.7;cursor:default}.match-chat-messages{flex-direction:column;flex:auto;gap:.45rem;min-height:7rem;padding-right:.15rem;display:flex;overflow-y:auto}.match-chat-bubble{border:1px solid var(--border);background:#0206178c;border-radius:.85rem;max-width:88%;padding:.45rem .65rem}.match-chat-bubble.is-mine{background:linear-gradient(135deg,#21e3c52e,#ffb5471f);align-self:flex-end}.match-chat-bubble.is-theirs{align-self:flex-start}.match-chat-bubble header{opacity:.75;margin-bottom:.15rem;font-size:.66rem}.match-chat-bubble p{color:var(--text-h);word-break:break-word;font-size:.84rem;line-height:1.35}.match-chat-translate{color:#7dd3fcf2;background:0 0;border:0;align-items:center;gap:.25rem;margin-top:.3rem;padding:0;font-size:.7rem;display:inline-flex}.match-chat-quick{flex-wrap:wrap;flex:none;gap:.35rem;display:flex}.match-chat-quick-button{min-height:1.85rem;color:var(--text-h);background:#21e3c514;border:1px solid #21e3c547;border-radius:999px;padding:.2rem .6rem;font-size:.72rem}.match-chat-composer{flex:none;align-items:center;gap:.45rem;display:flex}.match-chat-composer input{border:1px solid var(--border);min-width:0;min-height:2.5rem;color:var(--text-h);background:#0206178c;border-radius:999px;flex:1;padding:.45rem .75rem}[data-theme=light] .match-chat-composer input,[data-theme=light] .match-chat-bubble{background:#f1f5f9e6}.match-chat-composer input:disabled{opacity:.55}.match-chat-modal{z-index:3;background:#020617b8;place-items:center;padding:.75rem;display:grid;position:absolute;inset:0}.match-chat-modal-card{border:1px solid var(--border);background:#0f172af5;border-radius:1rem;flex-direction:column;gap:.65rem;width:min(100%,20rem);padding:.85rem;display:flex}[data-theme=light] .match-chat-modal-card{background:#fffffffa}.match-chat-modal-head{justify-content:space-between;align-items:center;display:flex}.match-chat-help-body{color:var(--text-h);margin:0;font-size:.8rem;line-height:1.45}.match-chat-help-body.is-muted{opacity:.75;font-size:.74rem}.match-chat-report-field{flex-direction:column;gap:.3rem;font-size:.75rem;display:flex}.match-chat-report-field select,.match-chat-report-field textarea{border:1px solid var(--border);color:var(--text-h);font:inherit;background:#0206178c;border-radius:.65rem;padding:.45rem .55rem}.match-chat-report-actions{justify-content:flex-end;gap:.45rem;display:flex}.profile-fullscreen{z-index:1100;padding:max(1rem, env(safe-area-inset-top)) 1rem max(1rem, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:radial-gradient(circle at top,#21e3c51f,#0000 30%),linear-gradient(#050910f5,#02060cfa);position:fixed;inset:0}.profile-fullscreen-panel{box-sizing:border-box;background:#111827e0;border:1px solid #94a3b82e;border-radius:1.5rem;grid-template-rows:auto auto 1fr;gap:.85rem;width:min(100%,42rem);height:100%;margin:0 auto;padding:1.25rem;display:grid;box-shadow:0 30px 80px #00000059}.profile-screen-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.profile-screen-header h2{margin:0;font-size:1.35rem}.profile-screen-header p{color:#cbd5e1d1;margin:.35rem 0 0;font-size:.92rem}.profile-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;display:grid}.profile-tab{color:#e2e8f0e0;background:#0f172ab3;border:1px solid #94a3b82e;border-radius:.85rem;justify-content:center;align-items:center;gap:.35rem;min-height:2.6rem;padding:.45rem .55rem;font-size:.82rem;display:inline-flex}.profile-tab.is-active{color:#ecfeff;background:#21e3c51f;border-color:#21e3c573}.profile-scroll{align-content:start;gap:1rem;padding-right:.15rem;display:grid;overflow:auto}.profile-hero{align-items:center;gap:.9rem;display:flex}.profile-avatar{background:linear-gradient(145deg,#21e3c540,#3b82f633);border:1px solid #94a3b838;border-radius:1rem;place-items:center;width:3.4rem;height:3.4rem;display:grid}.profile-hero h3{margin:0;font-size:1.2rem}.profile-hero-meta{color:#94a3b8f2;margin:.25rem 0 0;font-size:.85rem}.profile-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}.profile-stat-card{background:#0f172ab8;border:1px solid #94a3b829;border-radius:1rem;gap:.2rem;padding:.75rem;display:grid}.profile-stat-card span,.profile-stat-card small{color:#94a3b8f2;font-size:.72rem}.profile-stat-card strong{font-size:1.15rem}.profile-section{gap:.75rem;display:grid}.profile-section-head h4{margin:0;font-size:1rem}.profile-section-head p{color:#94a3b8f2;margin:.25rem 0 0;font-size:.85rem}.profile-showcase-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;display:grid}.profile-showcase-slot{aspect-ratio:1;background:#0f172a8c;border:1px dashed #94a3b859;border-radius:1rem;place-items:center;display:grid;overflow:hidden}.profile-showcase-slot img{object-fit:contain;width:72%;height:72%}.profile-showcase-slot span{color:#94a3b8b3;font-size:1.4rem}.profile-badge-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.profile-badge-card{text-align:center;color:inherit;background:#0f172ab8;border:1px solid #94a3b829;border-radius:1rem;justify-items:center;gap:.3rem;padding:.75rem .55rem;display:grid}.profile-badge-card img{object-fit:contain;width:3rem;height:3rem}.profile-badge-card strong{font-size:.82rem}.profile-badge-card span{color:#94a3b8eb;font-size:.72rem}.profile-badge-card.is-selected{border-color:#21e3c58c;box-shadow:inset 0 0 0 1px #21e3c540}.profile-badge-card.is-locked{opacity:.42}.profile-trophy-counts,.profile-medal-list,.profile-season-list{gap:.55rem;display:grid}.profile-trophy-count-card,.profile-medal-row,.profile-season-row{background:#0f172ab8;border:1px solid #94a3b829;border-radius:1rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.7rem .8rem;display:grid}.profile-trophy-count-card img,.profile-medal-row img{object-fit:contain;width:2.6rem;height:2.6rem}.profile-trophy-count-card strong,.profile-medal-row strong{font-size:.9rem;display:block}.profile-trophy-count-card span,.profile-trophy-count-card small,.profile-medal-row span{color:#94a3b8f2;font-size:.78rem}.trophy-frame{border-radius:.65rem;padding:.15rem}.trophy-frame-silver{box-shadow:0 0 0 2px #c0cddca6}.trophy-frame-gold{box-shadow:0 0 0 2px #f5ba44d9}.profile-rank-chip{color:#21e3c5f2;font-weight:700}.profile-badge-game{color:#21e3c5d9;font-size:.68rem}.profile-game-filter{grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;display:grid}.profile-game-filter button{min-height:2.5rem;color:inherit;background:#0f172ab3;border:1px solid #94a3b82e;border-radius:.85rem;font-size:.72rem}.profile-game-filter button.is-active{background:#21e3c51f;border-color:#21e3c573}.profile-season-toggle{grid-template-columns:1fr 1fr;gap:.45rem;display:grid}.profile-season-toggle button{min-height:2.5rem;color:inherit;background:#0f172ab3;border:1px solid #94a3b82e;border-radius:.85rem}.profile-season-toggle button.is-active{background:#21e3c51f;border-color:#21e3c573}.profile-season-meta{color:#94a3b8f2;margin:0;font-size:.85rem}.profile-season-summary{grid-template-columns:1fr 1fr;gap:.55rem;display:grid}.profile-season-summary>div{background:#0f172ab8;border:1px solid #94a3b829;border-radius:1rem;gap:.2rem;padding:.75rem;display:grid}.profile-season-summary span{color:#94a3b8f2;font-size:.75rem}.profile-season-row .rank{font-weight:700}.profile-season-row .points,.profile-season-row .win-rate{color:#cbd5e1e6;font-size:.8rem}.profile-empty{text-align:center;color:#94a3b8f2;margin:0;padding:1.25rem .5rem}@media (width<=640px){.profile-stats-grid,.profile-badge-grid{grid-template-columns:1fr 1fr}.profile-stats-grid{grid-template-columns:1fr}.profile-tab{font-size:.72rem}}[data-theme=light] .profile-fullscreen{background:radial-gradient(circle at top,#0ea5a41f,#0000 30%),linear-gradient(#f8fafcf5,#f1f5f9fa)}[data-theme=light] .profile-fullscreen-panel,[data-theme=light] .profile-stat-card,[data-theme=light] .profile-badge-card,[data-theme=light] .profile-trophy-count-card,[data-theme=light] .profile-medal-row,[data-theme=light] .profile-season-row,[data-theme=light] .profile-season-summary>div,[data-theme=light] .profile-showcase-slot{color:#0f172a;background:#ffffffe0;border-color:#64748b2e}