@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700&family=DM+Serif+Display:ital@0;1&display=swap";:root{color:#f8f3e8;font-synthesis:none;background:#061713;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default}.landing,.form-page{background:radial-gradient(circle at 70% 30%,#174c3c 0,#0c2d25 33%,#061713 75%);min-height:100vh;position:relative;overflow:hidden}.landing:after,.form-page:after{content:"";pointer-events:none;opacity:.25;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E");position:absolute;inset:0}nav,.form-page>header{z-index:2;border-bottom:1px solid #ffffff18;justify-content:space-between;align-items:center;height:76px;padding:0 6vw;display:flex;position:relative}.logo{grid-template-rows:24px 10px;grid-template-columns:44px auto;align-items:center;column-gap:10px;display:grid}.logo b{font-family:DM Serif Display;font-size:26px;line-height:1}.logo small{letter-spacing:.32em;color:#d6a94a;font-size:8px;font-weight:700}.logo-mark{filter:drop-shadow(0 5px 8px #0006);grid-row:1/3;width:42px;height:42px;display:block}.alpha{color:#d6a94a;letter-spacing:.2em;border:1px solid #d6a94a66;border-radius:20px;padding:5px 8px;font-size:10px}.hero{z-index:1;grid-template-columns:1.1fr .9fr;align-items:center;gap:5vw;max-width:1200px;min-height:calc(100vh - 126px);margin:auto;padding:6vh 6vw;display:grid;position:relative}.eyebrow{color:#deb654;text-transform:uppercase;letter-spacing:.22em;font-size:11px;font-weight:700}h1{font-family:DM Serif Display;font-weight:400}.hero h1{margin:18px 0 24px;font-size:clamp(48px,6.5vw,88px);line-height:.95}.hero h1 em{color:#e0b54d}.hero p{color:#c4cec8;max-width:530px;font-size:18px;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.primary,.secondary,.turn-actions button{border:0;border-radius:8px;padding:14px 22px;font-weight:700}.primary{color:#10231e;background:#dcad43;box-shadow:0 8px 24px #0004}.primary:disabled{opacity:.6;background:#897a58}.secondary{color:#f8f3e8;background:#ffffff0b;border:1px solid #ffffff2c}.hero-mark{place-items:center;min-height:400px;display:grid;position:relative}.big-tile{background:linear-gradient(135deg,#fffdf5,#dfd5bd);border-radius:18px;flex-direction:column;width:165px;height:330px;padding:12px;display:flex;transform:rotate(14deg);box-shadow:25px 32px 50px #0008,inset -5px -5px 10px #9a8c6b55}.big-tile>.pip-face{flex:1}.big-tile>span:not(.pip-face){background:#b18d43;height:3px;margin:6px}.sound-word{color:#e4b94f;font:italic 48px DM Serif Display;position:absolute;transform:translate(120px,-130px)rotate(-8deg)}.landing>footer{color:#859c92;text-transform:uppercase;letter-spacing:.16em;z-index:1;justify-content:center;gap:8vw;height:50px;font-size:9px;display:flex;position:relative}.form-page{padding-bottom:50px}.form-card,.join-card{z-index:1;background:#0e2a23dd;border:1px solid #ffffff18;border-radius:18px;width:min(880px,90vw);margin:42px auto;padding:32px 38px;position:relative;box-shadow:0 25px 80px #0006}.join-card{width:min(480px,90vw)}.form-title{border-bottom:1px solid #ffffff18;align-items:center;gap:18px;padding-bottom:22px;display:flex}.form-title h1,.join-card h1{margin:4px 0;font-size:38px}.step{color:#ffffff18;font:48px DM Serif Display}.form-grid{grid-template-columns:1fr 1fr;gap:22px 28px;padding:26px 0;display:grid}label,legend{color:#aebdb7;font-size:12px;font-weight:600}label input{color:#fff;background:#061914;border:1px solid #ffffff1f;border-radius:7px;outline:none;width:100%;margin-top:8px;padding:13px 14px;display:block}input:focus{border-color:#d9ad4b}fieldset{border:0;min-width:0;margin:0;padding:0}legend{margin-bottom:8px}.segmented{gap:8px;display:flex}.segmented button{color:#aebdb7;background:#071b16;border:1px solid #ffffff18;border-radius:7px;flex:1;padding:10px}.segmented button small{opacity:.65;font-size:9px;display:block}.segmented button.selected{color:#f5c65c;background:#d9ad4b12;border-color:#d9ad4b;box-shadow:inset 0 0 0 1px #d9ad4b44}.segmented.compact button{padding:14px 8px}.toggle-row{background:#071b16;border-radius:7px;justify-content:space-between;align-items:center;min-height:43px;padding:8px 12px;display:flex}.toggle-row input{display:none}.toggle-row i{background:#405049;border-radius:20px;width:34px;height:19px;position:relative}.toggle-row i:after{content:"";background:#fff;border-radius:50%;width:13px;height:13px;transition:all .2s;position:absolute;top:3px;left:3px}.toggle-row input:checked+i:after{transform:translate(15px)}.bonus-list{gap:5px;display:grid}.wide{width:100%}.error{color:#ffb5a8;font-size:13px}.join-card label{margin:20px 0;display:block}.code-input{letter-spacing:.35em;text-transform:uppercase;text-align:center;font-size:26px}.icon-button{color:#fff;background:0 0;border:0;min-width:42px;font-size:28px}.table-menu-wrap{position:relative}.table-menu{z-index:40;background:#fff8e8;border:1px solid #ffffff2e;border-radius:12px;width:175px;padding:5px;position:absolute;top:44px;right:0;overflow:hidden;box-shadow:0 14px 35px #00143faa}.table-menu button{text-align:left;color:#08295e;background:0 0;border:0;border-radius:8px;width:100%;padding:10px;font-size:11px;font-weight:800}.table-menu button:hover{background:#e8ddc3}.table-menu button.danger{color:var(--dondi-red)}.connection-banner{z-index:100;top:max(8px, env(safe-area-inset-top));color:#08295e;background:var(--dondi-yellow);border-radius:20px;align-items:center;gap:8px;padding:8px 14px;font-size:11px;font-weight:900;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00143f88}.connection-banner i{border:2px solid #08295e;border-right-color:#0000;border-radius:50%;width:9px;height:9px;animation:.7s linear infinite reconnect-spin}@keyframes reconnect-spin{to{transform:rotate(360deg)}}.resume-button{color:#062b6c;background:var(--dondi-yellow);border:2px solid #fff;border-radius:8px;order:-1;padding:14px 22px;font-weight:900;box-shadow:0 8px 24px #00143f55}.home-toast{bottom:max(18px, env(safe-area-inset-bottom));position:fixed}.game-shell{background:#051814;width:100vw;height:100dvh;overflow:hidden}.table{background:radial-gradient(#1b654e 0%,#0b3a2d 55%,#06251e 100%);grid-template-rows:60px 1fr 126px;width:100%;height:100%;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 90px #000a}.table:after{content:"";opacity:.15;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.6' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");position:absolute;inset:0}.table-topbar{z-index:3;background:#04171299;border-bottom:1px solid #ffffff15;grid-template-columns:48px 1fr auto 48px;align-items:center;padding:4px 18px;display:grid}.table-topbar>div:nth-child(2){align-items:baseline;gap:12px;display:flex}.table-topbar strong{font-family:DM Serif Display;font-size:20px}.score-chip{color:#fff;text-align:right;background:#0004;border:1px solid #ffffff1a;border-radius:30px;padding:6px 18px}.score-chip:hover{border-color:var(--dondi-yellow);background:#ffffff20}.score-chip small{color:#c6d3cd;text-transform:uppercase;font-size:8px;display:block}.players-ring{z-index:2;pointer-events:none;position:absolute;inset:76px 20px 145px}.announcer{z-index:4;color:#fff;background:#061d4dcc;border:1px solid #ffffff2c;border-radius:30px;align-items:center;gap:7px;padding:5px 9px 5px 5px;display:flex;position:absolute;top:68px;left:18px;box-shadow:0 5px 16px #00163c55}.announcer>span{background:var(--dondi-yellow);color:#062b6c;border-radius:50%;place-items:center;width:27px;height:27px;font:800 12px DM Sans;display:grid}.announcer b,.announcer small{display:block}.announcer b{font-size:10px}.announcer small{color:#a9c4e4;text-transform:uppercase;letter-spacing:.08em;font-size:7px}.player-card{background:#071d18dd;border:1px solid #ffffff20;border-radius:10px;align-items:center;gap:8px;min-width:145px;padding:7px 10px;display:flex;position:absolute}.player-card.pos-0,.player-card.seat-top{top:0;left:50%;transform:translate(-50%)}.player-card.pos-1,.player-card.seat-right{top:48%;right:0;transform:translateY(-50%)}.player-card.pos-2,.player-card.seat-left{top:48%;left:0;transform:translateY(-50%)}.player-card.opponent{background:#031d4db8;border-color:#0000;gap:7px;min-width:0;padding:5px 8px}.player-card.opponent.active{border-color:var(--dondi-yellow);background:#062866ee}.seat-name{color:#fff;letter-spacing:.03em;white-space:nowrap;font:700 11px DM Sans}.opponent-hand{gap:3px;display:flex}.tile-back{background:#f0dfb7;border:1px solid #fff4d6;border-radius:3px;width:13px;height:25px;display:block;position:relative;box-shadow:1px 2px 3px #00163488}.tile-back:after{display:none}.player-card.team-mate .tile-back{background:#1875d1;border-color:#9cd1ff}.player-card.team-rival .tile-back{background:#df2941;border-color:#ffb2bd}.player-card.team-mate .opponent-count{background:var(--dondi-blue);border:1px solid #8fc7ff}.player-card.team-rival .opponent-count{background:var(--dondi-red);border:1px solid #ffadba}.opponent-count{background:var(--dondi-red);color:#fff;border-radius:50%;place-items:center;min-width:19px;height:19px;font-size:9px;font-weight:800;display:grid}.seat-top{flex-direction:column}.seat-top .seat-name{transform:none}.seat-top .opponent-count{position:absolute;top:-7px;right:-7px}.seat-right,.seat-left{flex-direction:row}.seat-right .seat-name,.seat-left .seat-name{text-overflow:ellipsis;writing-mode:horizontal-tb;background:#021b50e8;border:1px solid #fff2;border-radius:12px;max-width:110px;padding:3px 7px;position:absolute;top:-23px;overflow:hidden;transform:none}.seat-right .seat-name{right:0}.seat-left .seat-name{left:0}.seat-right .opponent-hand,.seat-left .opponent-hand{flex-direction:column;gap:3px}.seat-right .tile-back,.seat-left .tile-back{width:25px;height:13px}.seat-right .opponent-count,.seat-left .opponent-count{position:absolute;bottom:-7px}.pool-seat{border-style:dashed}.pool-stack{color:#fff4d6;letter-spacing:-4px;place-items:center;width:32px;height:32px;display:grid;transform:rotate(-8deg)}.avatar{color:#173328;background:#d9aa42;border-radius:50%;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.player-card b,.player-card small{font-size:11px;display:block}.player-card small{color:#8fa49b;font-size:8px}.tile-count{color:#d9ad4b;margin-left:auto;font-size:10px}.board-area{z-index:1;place-items:center;min-height:0;display:grid;position:relative}.board-surface{background:radial-gradient(circle at 50% 42%,#2698e3 0,#0b6ac1 58%,#0751a2 100%);border:5px solid #fff4d6;border-radius:18px;place-items:center;width:min(68vh,700px,76vw);height:min(68vh,700px,76vw);display:grid;overflow:hidden;box-shadow:inset 0 0 45px #002e7777,0 12px 35px #001a4d77,0 0 0 2px #e3263f}.board-surface .domino-board{width:100%;height:100%}.board-scroll{scrollbar-width:none;justify-content:center;align-items:center;width:78vw;padding:50px 30px 25px;display:flex;overflow-x:auto}.board-domino{flex:0 0 78px;place-items:center;width:78px;height:78px;display:grid}.board-scroll .domino{border-radius:4px;flex-direction:row;flex:none;width:78px;height:39px;padding:3px}.board-scroll .domino .divider{width:1px;height:29px}.board-scroll .domino.double{flex-direction:column;width:39px;height:78px}.board-scroll .domino.double .divider{width:29px;height:1px}.status-pill{color:#dbe5e0;background:#051b16bb;border-radius:20px;padding:7px 14px;font-size:11px;position:absolute;top:82px}.status-pill.my-turn{z-index:5;color:#062b6c;background:var(--dondi-yellow);text-transform:uppercase;letter-spacing:.08em;border:3px solid #fff;padding:9px 20px;font-size:14px;font-weight:900;animation:.85s ease-in-out infinite alternate my-turn-pulse;box-shadow:0 0 0 5px #ffd45c35,0 8px 24px #001d5688}@keyframes my-turn-pulse{to{transform:scale(1.06);box-shadow:0 0 0 9px #ffd45c20,0 10px 30px #001d56aa}}.pool-indicator{text-align:center;background:#071d18cc;border-radius:9px;width:52px;height:52px;padding:7px;position:absolute;bottom:20px;right:3vw}.pool-indicator span,.pool-indicator b{font-size:9px;display:block}.pool-indicator b{color:#deb654;font-size:19px}.domino{background:linear-gradient(135deg,#fffef8,#ded4bc);border:0;border-radius:6px;flex-direction:column;flex:0 0 48px;width:48px;height:92px;padding:4px;transition:transform .18s,filter .18s;display:flex;box-shadow:1px 4px 7px #0008,inset -2px -2px 3px #a5997b66}.domino:not(:disabled):hover,.domino:not(:disabled):focus{outline:2px solid #f0c45e;transform:translateY(-10px)}.hand .domino.required{outline:3px solid var(--dondi-yellow);animation:1.1s ease-in-out infinite alternate required-tile;box-shadow:0 0 22px #ffd45cbb,1px 4px 7px #0008}@keyframes required-tile{to{transform:translateY(-7px)}}.divider{background:#b38b3e;flex:none;width:38px;height:1px}.pip-face{flex:1;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:2px;padding:3px;display:grid;position:relative}.pip-face i{background:#13201c;border-radius:50%;place-self:center;width:5px;height:5px}.big-tile .pip-face i{width:16px;height:16px}.pips-1 i:first-child{grid-area:2/2}.pips-2 i:first-child{grid-area:1/1}.pips-2 i:nth-child(2){grid-area:3/3}.pips-3 i:first-child{grid-area:1/1}.pips-3 i:nth-child(2){grid-area:2/2}.pips-3 i:nth-child(3){grid-area:3/3}.pips-4 i:first-child{grid-area:1/1}.pips-4 i:nth-child(2){grid-area:1/3}.pips-4 i:nth-child(3){grid-area:3/1}.pips-4 i:nth-child(4){grid-area:3/3}.pips-5 i:first-child{grid-area:1/1}.pips-5 i:nth-child(2){grid-area:1/3}.pips-5 i:nth-child(3){grid-area:2/2}.pips-5 i:nth-child(4){grid-area:3/1}.pips-5 i:nth-child(5){grid-area:3/3}.pips-6 i:first-child{grid-area:1/1}.pips-6 i:nth-child(2){grid-area:1/3}.pips-6 i:nth-child(3){grid-area:2/1}.pips-6 i:nth-child(4){grid-area:2/3}.pips-6 i:nth-child(5){grid-area:3/1}.pips-6 i:nth-child(6){grid-area:3/3}.play-target{color:#f2cd72;background:#e6bb5322;border:2px dashed #e6bb53;border-radius:50%;flex:0 0 36px;width:36px;height:36px;margin:8px;font-size:24px;animation:1.2s infinite pulse}@keyframes pulse{50%{transform:scale(1.12);box-shadow:0 0 20px #e6bb5377}}.my-area{z-index:3;padding:12px 22px max(12px, env(safe-area-inset-bottom));background:#041712dd;border-top:1px solid #ffffff1a;grid-template-columns:150px 1fr;align-items:center;gap:10px;display:grid}.my-area.active{border-color:#dbae47;box-shadow:0 -5px 30px #dbae4722}.me-label{align-items:center;gap:8px;display:flex}.me-label b,.me-label small{font-size:12px;display:block}.me-label small{color:#dbae47;font-size:9px}.hand{scrollbar-width:none;justify-content:center;align-items:end;gap:7px;min-height:102px;padding-top:10px;display:flex;overflow-x:auto}.hand-action{color:#fff;background:#ffffff12;border:2px dashed #fff8;border-radius:8px;flex:0 0 54px;place-content:center;gap:4px;width:54px;height:82px;display:grid;box-shadow:1px 4px 7px #00163777}.hand-action span{color:var(--dondi-yellow);font-size:28px;line-height:.8}.hand-action b{text-transform:uppercase;letter-spacing:.08em;font-size:10px}.hand-action:hover{border-color:var(--dondi-yellow);background:#ffd45c20;transform:translateY(-5px)}.hand-action.pass{border-color:#ff8797aa}.hand-action.pass span{color:#ff8797}.turn-actions{gap:6px;display:flex}.turn-actions button{color:#12291f;background:#d9ad4b;flex:1;padding:10px}.turn-actions .secondary{color:#fff;background:0 0;border:1px solid #ffffff2d}.toast{z-index:6;color:#ffe5df;background:#4a1d18;border:1px solid #e48e7e;border-radius:8px;padding:10px 18px;position:absolute;bottom:140px;left:50%;transform:translate(-50%)}.game-shout{z-index:10;pointer-events:none;filter:drop-shadow(0 14px 18px #0008);justify-items:center;animation:1.6s cubic-bezier(.17,.89,.32,1.25) both shout-in;display:grid;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)rotate(-2deg)}.game-shout .shout-name{color:#d8e2dd;background:#082119;border:1px solid #ffffff2d;border-radius:20px;padding:5px 13px;font-size:10px;font-weight:700;transform:translateY(5px)}.game-shout strong{color:#f1c65e;white-space:nowrap;text-shadow:3px 4px #6f4815,7px 8px #071d18;font:italic clamp(42px,8vw,82px)/.9 DM Serif Display}.game-shout i{clip-path:polygon(0 45%,92% 0,100% 50%,8% 100%);opacity:.8;background:#f1c65e;width:120%;height:12px;transform:rotate(-3deg)}.game-shout.event-domino{animation-duration:2.4s}.game-shout.event-draw strong{color:#f3e4b9}@keyframes shout-in{0%{opacity:0;transform:translate(-50%,-40%)rotate(-8deg)scale(.4)}14%{opacity:1;transform:translate(-50%,-50%)rotate(2deg)scale(1.16)}25%,72%{opacity:1;transform:translate(-50%,-50%)rotate(-2deg)scale(1)}to{opacity:0;transform:translate(-50%,-58%)rotate(-2deg)scale(.94)}}.lobby-panel{text-align:center;background:#061d18cc;border:1px solid #ffffff20;border-radius:18px;width:min(600px,70vw);padding:24px 40px;box-shadow:0 20px 50px #0005}.room-code{color:#efc661;letter-spacing:.18em;margin-left:.18em;font:52px DM Serif Display}.lobby-panel p{color:#9fb1a9;font-size:12px}.seats{justify-content:center;gap:18px;margin:20px 0;display:flex}.seats>div{color:#7f938b;justify-items:center;gap:5px;display:grid}.seats>div>span{border:1px dashed #fff3;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.seats>.occupied>span{color:#10251d;background:#d9ad4b;border-style:solid;font-weight:800}.lobby-table{background:#0875ce33;border:3px solid #ffffff26;border-radius:44px;width:min(390px,64vw);height:230px;margin:12px auto 18px;position:relative;box-shadow:inset 0 0 35px #001b4c88}.lobby-table-center{color:#dceaff;width:145px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.lobby-table-center b,.lobby-table-center small{display:block}.lobby-table-center b{font-size:11px}.lobby-table-center small{opacity:.65;margin-top:3px;font-size:8px}.lobby-seat{z-index:1;color:#fff;background:#03245ef2;border:1px solid #ffffff2b;border-radius:10px;grid-template-rows:auto auto auto;grid-template-columns:32px 1fr;align-items:center;gap:0 7px;width:126px;padding:6px;display:grid;position:absolute;box-shadow:0 7px 15px #00163c66}.lobby-seat>span{color:#062b6c;background:var(--dondi-yellow);border-radius:50%;grid-row:1/4;place-items:center;width:32px;height:32px;font-weight:900;display:grid}.lobby-seat>small{color:#9ebce1;text-transform:uppercase;letter-spacing:.08em;font-size:7px}.lobby-seat>b{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.lobby-seat select{color:#fff;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:9px;font-weight:800}.lobby-seat em{color:var(--dondi-yellow);font-size:7px;font-style:normal}.lobby-seat-0{bottom:-8px;left:50%;transform:translate(-50%)}.lobby-seat-1{top:50%;right:-42px;transform:translateY(-50%)}.lobby-seat-2{top:-8px;left:50%;transform:translate(-50%)}.lobby-seat-3{top:50%;left:-42px;transform:translateY(-50%)}.lobby-seat.pool>span{letter-spacing:-4px;color:#fff4d6;background:var(--dondi-red)}.rotate-message{display:none}@media (orientation:portrait) and (width<=700px){.lobby-table{width:min(290px,74vw);height:250px}.lobby-seat{width:108px}.lobby-seat-1{right:-30px}.lobby-seat-3{left:-30px}.rotate-message{display:none}.hero{text-align:center;grid-template-columns:1fr}.hero-mark{display:none}.hero-actions{justify-content:center}.landing>footer{gap:15px}.form-grid{grid-template-columns:1fr}.table{grid-template-rows:58px 1fr 122px}.table-topbar{grid-template-columns:34px 1fr auto 34px;padding-inline:6px}.table-topbar .eyebrow{display:none}.table-topbar strong{font-size:15px}.score-chip{padding:5px 9px}.score-chip b{font-size:11px}.players-ring{height:auto;display:block;inset:68px 6px 128px}.player-card{min-width:0;padding:4px;position:absolute}.player-card.seat-top{top:0;left:50%;transform:translate(-50%)scale(.86)!important}.player-card.seat-right{top:48%;right:0;transform:translateY(-50%)scale(.82)!important}.player-card.seat-left{top:48%;left:0;transform:translateY(-50%)scale(.82)!important}.player-card.opponent .seat-name{font-size:10px}.player-card.opponent .tile-back{flex-shrink:0}.seat-top .opponent-hand{max-width:210px}.seat-right .opponent-hand,.seat-left .opponent-hand{max-height:240px}.board-area{padding-top:82px}.domino-board{width:96vw;height:calc(100vh - 300px);min-height:300px}.status-pill{white-space:nowrap;text-overflow:ellipsis;max-width:80vw;top:94px;overflow:hidden}.pool-indicator{bottom:8px;right:8px}.my-area{padding:5px 8px max(5px, env(safe-area-inset-bottom));grid-template-rows:1fr;grid-template-columns:76px 1fr}.me-label{grid-row:1}.me-label .avatar{display:none}.me-label b{text-overflow:ellipsis;max-width:70px;overflow:hidden}.hand{grid-area:1/2;justify-content:flex-start;min-height:96px}.hand-action{flex-basis:43px;width:43px;height:78px}.hand .domino{flex-basis:40px;width:40px;height:78px}.hand .divider{width:32px}.lobby-panel{width:92vw;padding:20px 12px}.room-code{font-size:44px}.seats{flex-wrap:wrap;gap:8px}.game-shout{top:43%}.game-shout strong{font-size:48px}}html{scroll-behavior:smooth}.landing{color:var(--dondi-cream);background:#042e75;overflow:clip}.landing:before{opacity:.55;top:240px;bottom:auto;right:-22vw}.landing-nav{z-index:10;max-width:1440px;margin:auto;position:relative}.landing-links{align-items:center;gap:32px;display:flex}.landing a{color:inherit;text-decoration:none}.landing-links a{color:#d7e6fb;font-size:12px;font-weight:700}.landing-links a:hover{color:var(--dondi-yellow)}.nav-actions{align-items:center;gap:12px;display:flex}.nav-actions button{color:#fff;background:#ffffff0c;border:1px solid #ffffff38;border-radius:8px;padding:9px 14px;font-size:11px;font-weight:800}.nav-actions button:hover{background:#ffffff1a;border-color:#fff}.landing .hero{min-height:min(790px,100vh - 76px)}.hero-copy{z-index:2;position:relative}.hero-note{color:#b9cee9;align-items:center;gap:8px;margin-top:18px;font-size:10px;font-weight:700;display:flex}.hero-note i{background:#63e6a4;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #63e6a422}.hero-actions button span{margin-left:8px}.hero-mark{isolation:isolate}.tile-shadow{filter:blur(30px);background:#001b4d88;border-radius:50%;width:190px;height:320px;position:absolute;transform:rotate(14deg)translate(20px,30px)}.orbit-chip{z-index:2;color:#06367e;letter-spacing:.08em;background:#fff8e8;border:1px solid #fff4;border-radius:30px;align-items:center;gap:7px;padding:9px 13px;font-size:9px;font-weight:900;display:flex;position:absolute;box-shadow:0 12px 30px #00174655}.orbit-chip b{color:var(--dondi-red)}.orbit-chip i{background:#27c77a;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #27c77a22}.orbit-top{transform:translate(-125px,-140px)rotate(-5deg)}.orbit-side{transform:translate(135px,95px)rotate(4deg)}.landing-stats{z-index:2;background:#03286488;border-block:1px solid #ffffff25;grid-template-columns:repeat(4,1fr);max-width:1180px;margin:0 auto;display:grid;position:relative}.landing-stats span{color:#a9c1e2;letter-spacing:.12em;text-transform:uppercase;border-right:1px solid #ffffff20;justify-content:center;align-items:center;gap:9px;min-height:84px;font-size:9px;font-weight:800;display:flex}.landing-stats span:last-child{border-right:0}.landing-stats b{color:var(--dondi-yellow);letter-spacing:0;font:30px DM Serif Display}.landing-section{z-index:2;width:min(1180px,88vw);margin:auto;padding:120px 0;position:relative}.section-heading{max-width:680px;margin-bottom:48px}.section-heading h2,.experience-copy h2,.final-cta h2{margin:12px 0 18px;font:400 clamp(38px,5vw,66px)/1 DM Serif Display}.section-heading h2 em,.experience-copy h2 em,.final-cta h2 em{color:var(--dondi-yellow)}.section-heading>p,.experience-copy>p,.final-cta p{color:#b8cce7;max-width:570px;font-size:15px;line-height:1.7}.steps-grid{counter-reset:steps;grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.steps-grid article{background:linear-gradient(145deg,#ffffff10,#ffffff05);border:1px solid #ffffff20;border-radius:18px;min-height:280px;padding:28px;position:relative;overflow:hidden;box-shadow:0 22px 55px #00194533}.steps-grid article:after{content:"";border:20px solid #ffffff08;border-radius:50%;width:130px;height:130px;position:absolute;bottom:-45px;right:-45px}.step-number{color:#8eadd4;letter-spacing:.18em;font-size:9px;font-weight:900}.step-icon{color:#06347a;background:var(--dondi-yellow);width:54px;height:54px;box-shadow:7px 8px 0 var(--dondi-red);border-radius:15px;place-items:center;margin:42px 0 28px;font-size:22px;font-weight:900;display:grid}.steps-grid h3,.rules-grid h3{margin:0 0 10px;font:27px DM Serif Display}.steps-grid p,.rules-grid p{color:#acc2df;margin:0;font-size:12px;line-height:1.7}.experience-section{grid-template-columns:.9fr 1.1fr;align-items:center;gap:9vw;display:grid}.experience-visual{place-items:center;min-height:520px;display:grid}.mini-table{aspect-ratio:1.25;width:min(430px,42vw);box-shadow:18px 22px 0 var(--dondi-red), 35px 42px 70px #00133d99, inset 0 0 45px #00317099;background:radial-gradient(circle,#1685d9,#0753ac);border:8px solid #f6e7c5;border-radius:38%;position:relative;transform:rotate(-4deg)}.mini-table:after{content:"";border-radius:inherit;border:1px solid #fff2;position:absolute;inset:14px}.mini-player{z-index:2;color:#06347a;background:var(--dondi-yellow);border:4px solid #fff;border-radius:50%;place-items:center;width:44px;height:44px;font-size:11px;font-weight:900;display:grid;position:absolute;box-shadow:0 7px 18px #00184466}.mini-player.top{top:-24px;left:calc(50% - 22px)}.mini-player.bottom{bottom:-24px;left:calc(50% - 22px)}.mini-player.left{top:calc(50% - 22px);left:-24px}.mini-player.right{top:calc(50% - 22px);right:-24px}.mini-chain{justify-content:center;align-items:center;gap:3px;display:flex;position:absolute;inset:0;transform:rotate(9deg)}.mini-chain i{background:linear-gradient(90deg,#fff8df 48%,#c59f3b 48% 52%,#fff8df 52%);border:1px solid #d3c291;border-radius:4px;width:52px;height:27px;box-shadow:2px 3px 5px #00143f88}.mini-chain i:nth-child(2),.mini-chain i:nth-child(4){margin-inline:-10px;transform:rotate(90deg)}.mini-table>b{z-index:3;color:#fff;background:var(--dondi-red);box-shadow:5px 6px 0 var(--dondi-yellow);padding:8px 13px;font:italic 18px DM Serif Display;position:absolute;top:32px;right:-35px;transform:rotate(8deg)}.experience-copy ul{gap:18px;margin:34px 0 0;padding:0;list-style:none;display:grid}.experience-copy li{grid-template-columns:38px 1fr;align-items:start;gap:13px;display:grid}.experience-copy li>i{color:#06347a;background:var(--dondi-yellow);border-radius:50%;place-items:center;width:34px;height:34px;font-style:normal;font-weight:900;display:grid}.experience-copy li b,.experience-copy li small{display:block}.experience-copy li b{margin-bottom:4px;font-size:13px}.experience-copy li small{color:#9fb8d8;line-height:1.55}.rules-section{background:#03245f;width:100%;padding-inline:max(6vw,50vw - 590px)}.rules-grid{grid-template-rows:repeat(2,1fr);grid-template-columns:1.35fr 1fr 1fr;gap:16px;display:grid}.rules-grid article{background:#ffffff09;border:1px solid #ffffff1e;border-radius:16px;min-height:220px;padding:26px}.rules-grid article>span{color:var(--dondi-yellow);margin-bottom:42px;font:27px DM Serif Display;display:block}.rules-grid .rule-featured{color:#07377e;background:var(--dondi-yellow);grid-row:1/3;padding:36px}.rules-grid .rule-featured>span{color:#fff;background:var(--dondi-red);border-radius:50%;place-items:center;width:52px;height:52px;display:grid}.rules-grid .rule-featured h3{margin-top:80px;font-size:40px}.rules-grid .rule-featured p{color:#284e80;font-size:14px}.rule-featured div{flex-wrap:wrap;gap:7px;margin-top:28px;display:flex}.rule-featured div b{letter-spacing:.08em;border:1px solid #07377e55;border-radius:20px;padding:6px 9px;font-size:8px}.faq-section{grid-template-columns:.75fr 1.25fr;align-items:start;gap:8vw;display:grid}.faq-list{border-top:1px solid #ffffff2a}.faq-list details{border-bottom:1px solid #ffffff2a}.faq-list summary{cursor:pointer;justify-content:space-between;align-items:center;padding:22px 0;font:20px DM Serif Display;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--dondi-yellow);font:26px DM Sans;transition:all .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{color:#a9c0de;margin:-4px 45px 22px 0;font-size:12px;line-height:1.7}.final-cta{z-index:2;background:linear-gradient(135deg,#0b62bd,#074395);border:1px solid #ffffff24;border-radius:28px;grid-template-columns:.7fr 1.3fr;align-items:center;width:min(1180px,88vw);min-height:430px;margin:20px auto 110px;padding:70px 8%;display:grid;position:relative;overflow:hidden;box-shadow:0 35px 90px #00133d77}.final-cta:after{content:"";border:60px solid #ffffff0c;border-radius:50%;width:380px;height:380px;position:absolute;top:-150px;right:-100px}.cta-tile{background:var(--dondi-cream);width:105px;height:210px;box-shadow:15px 20px 0 var(--dondi-red), 25px 35px 55px #00143f88;border-radius:12px;flex-direction:column;padding:8px;display:flex;transform:rotate(-12deg)}.cta-tile .pip-face{flex:1}.cta-tile>span:not(.pip-face){background:#c49c38;height:2px;margin:4px}.site-footer{z-index:2;border-top:1px solid #fff2;grid-template-rows:auto auto;grid-template-columns:auto 1fr auto;align-items:center;width:min(1180px,88vw);min-height:150px;margin:auto;padding:35px 0;position:relative;color:#8fa9ca!important;text-transform:none!important;letter-spacing:0!important;gap:18px 45px!important;height:auto!important;font-size:11px!important;display:grid!important}.site-footer p{margin:0}.site-footer>div{color:#d6e4f6;gap:22px;font-weight:700;display:flex}.site-footer>small{border-top:1px solid #ffffff14;grid-column:1/-1;padding-top:18px;font-size:9px}@media (width<=850px){.landing-links,.nav-actions .alpha{display:none}.landing .hero{min-height:720px;padding-top:70px;padding-bottom:70px}.landing-stats{grid-template-columns:repeat(2,1fr);width:88vw}.landing-stats span:nth-child(2){border-right:0}.landing-stats span:nth-child(-n+2){border-bottom:1px solid #ffffff20}.landing-section{padding:85px 0}.steps-grid{grid-template-columns:1fr}.steps-grid article{min-height:230px}.step-icon{margin-block:28px 22px}.experience-section,.faq-section{grid-template-columns:1fr}.experience-visual{min-height:410px}.mini-table{width:min(430px,72vw)}.rules-grid{grid-template-rows:auto;grid-template-columns:1fr 1fr}.rules-grid .rule-featured{grid-area:auto/1/auto/-1;min-height:390px}.rules-grid .rule-featured h3{margin-top:45px}.final-cta{grid-template-columns:.5fr 1.5fr;padding-inline:7%}.site-footer{grid-template-columns:1fr auto}.site-footer p{display:none}}@media (width<=560px){.landing:before{display:none}.landing-nav{height:66px;padding-inline:5vw}.nav-actions button{display:none}.landing .hero{text-align:left;min-height:650px;padding:58px 7vw 70px}.landing .hero h1{font-size:clamp(43px,13vw,62px)}.landing .hero p{font-size:15px}.landing .hero-actions{justify-content:flex-start}.landing .hero-actions button{flex:150px}.landing-stats{width:100%}.landing-stats span{gap:6px;min-height:72px;font-size:7px}.landing-stats b{font-size:24px}.landing-section{width:86vw;padding:72px 0}.section-heading{margin-bottom:34px}.section-heading h2,.experience-copy h2,.final-cta h2{font-size:39px}.steps-grid article{padding:24px}.experience-visual{min-height:330px}.mini-table{border-width:6px;width:75vw}.mini-chain i{width:39px;height:22px}.mini-player{border-width:3px;width:36px;height:36px}.mini-player.top{top:-20px;left:calc(50% - 18px)}.mini-player.bottom{bottom:-20px;left:calc(50% - 18px)}.mini-player.left{top:calc(50% - 18px);left:-20px}.mini-player.right{top:calc(50% - 18px);right:-20px}.rules-section{width:100%;padding-inline:7vw}.rules-grid{grid-template-columns:1fr}.rules-grid .rule-featured{grid-column:auto;min-height:420px}.rules-grid article{min-height:200px}.faq-list summary{font-size:17px}.final-cta{grid-template-columns:1fr;width:92vw;min-height:500px;padding:48px 8%}.cta-tile{opacity:.65;width:76px;height:152px;position:absolute;top:-55px;right:-15px}.final-cta>div:last-child{z-index:2;position:relative}.site-footer{grid-template-columns:1fr;justify-items:start}.site-footer>div{flex-wrap:wrap}.site-footer>small{grid-column:auto;width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media (orientation:portrait) and (width<=700px){.table{grid-template-rows:50px minmax(0,1fr) 104px;height:100dvh}.table-topbar{height:50px;min-height:0}.table-topbar strong{font-size:13px}.table-topbar .icon-button:last-child{display:none}.score-chip{padding:3px 7px}.score-chip small{display:none}.announcer{transform-origin:0 0;top:54px;transform:scale(.86)}.players-ring{inset:54px 4px 108px}.player-card.seat-top{transform-origin:top;transform:translate(-50%)scale(.75)!important}.player-card.seat-right{transform-origin:100%;transform:translateY(-50%)scale(.72)!important}.player-card.seat-left{transform-origin:0;transform:translateY(-50%)scale(.72)!important}.board-area{min-height:0;padding-top:48px;overflow:hidden}.table .domino-board{width:94vw;height:calc(100dvh - 178px);min-height:0;max-height:460px}.status-pill{padding:5px 10px;font-size:9px;top:58px}.pool-indicator{width:42px;height:42px;padding:4px}.pool-indicator b{font-size:15px}.my-area{min-height:0;padding:3px 5px max(3px, env(safe-area-inset-bottom));grid-template-columns:58px minmax(0,1fr);gap:4px}.me-label b{max-width:54px;font-size:10px}.me-label small{font-size:7px}.hand{gap:4px;height:88px;min-height:82px;padding-top:5px}.hand .domino{flex-basis:35px;width:35px;height:68px}.hand .divider{width:27px}.hand .pip-face i{width:5px;height:5px}.hand-action{flex-basis:38px;width:38px;height:68px}.hand-action span{font-size:22px}.hand-action b{font-size:8px}.toast{max-width:88vw;font-size:11px;bottom:110px}}@media (orientation:portrait) and (width<=700px) and (height<=700px){.table{grid-template-rows:46px minmax(0,1fr) 92px}.table-topbar{height:46px}.announcer{top:48px;transform:scale(.76)}.players-ring{inset:48px 2px 96px}.board-area{padding-top:35px}.table .domino-board{height:calc(100dvh - 145px)}.status-pill{top:44px}.hand{height:78px;min-height:72px}.hand .domino{flex-basis:31px;width:31px;height:61px}.hand .divider{width:24px}.hand-action{flex-basis:34px;width:34px;height:61px}}@media (height<=500px){.landing nav{height:54px}.landing .hero{min-height:calc(100vh - 84px);padding-block:3vh}.landing .hero h1{margin:10px 0 12px;font-size:clamp(38px,7vw,58px)}.landing .hero p{margin:0;font-size:13px;line-height:1.45}.landing .hero-actions{margin-top:16px}.landing .hero-actions button{padding:10px 16px}.landing .hero-mark{min-height:270px;transform:scale(.76)}.landing>footer{height:30px}.table{grid-template-rows:50px 1fr 112px}.table-topbar{padding-block:0}.status-pill{top:62px}.player-card{transform:scale(.86)}.player-card.pos-0{transform:translate(-50%)scale(.86)}.player-card.pos-1,.player-card.pos-2{transform:translateY(-50%)scale(.86)}.my-area{grid-template-columns:130px 1fr;padding-block:5px}.domino{flex-basis:43px;width:43px;height:82px}.hand{min-height:91px}.lobby-panel{padding:15px 30px}.room-code{font-size:40px}.seats{margin:10px 0}}:root{--dondi-blue:#0646a5;--dondi-blue-dark:#032b6b;--dondi-red:#e3263f;--dondi-cream:#fff4d6;--dondi-yellow:#ffd45c}.landing,.form-page{background:radial-gradient(circle at 72% 30%, #1476db 0, var(--dondi-blue) 38%, var(--dondi-blue-dark) 100%)}.landing:before,.form-page:before{content:"";width:46vw;min-width:320px;height:46vw;min-height:320px;box-shadow:0 0 0 clamp(35px, 5vw, 75px) var(--dondi-red);opacity:.95;border:clamp(35px,5vw,75px) solid #fff;border-radius:50%;position:absolute;bottom:-28vw;right:-15vw}.eyebrow,.logo small{color:var(--dondi-yellow)}.primary{background:var(--dondi-red);color:#fff}.primary:hover{background:#ff4057}.hero h1 em,.sound-word{color:var(--dondi-yellow)}.form-card,.join-card{background:#062e72e8}.segmented button,.toggle-row,label input{background:#021f51}.segmented button.selected{color:var(--dondi-yellow);border-color:var(--dondi-yellow);background:#ffd45c14}.toggle-row input:checked+i{background:var(--dondi-red)}.table{background:radial-gradient(circle at 50% 42%,#1686d8 0,#0860b8 46%,#033d8e 100%);box-shadow:inset 0 0 80px #001b58aa}.table:before{content:"";pointer-events:none;background:linear-gradient(135deg, var(--dondi-red) 0 16px, white 16px 24px, transparent 24px), linear-gradient(315deg, var(--dondi-red) 0 16px, white 16px 24px, transparent 24px);opacity:.9;position:absolute;inset:0}.table:after{opacity:.09}.table-topbar,.my-area{background:#021d55df}.player-card,.lobby-panel{background:#03245ee8}.avatar,.pool-indicator{background:var(--dondi-red);color:#fff}.player-card.active{border-color:var(--dondi-yellow);box-shadow:0 0 22px #ffd45c77}.score-chip{background:#ffffff14}.status-pill{background:#021b50dd}.pool-indicator b{color:#fff}.domino-board{width:min(82vw,940px);height:min(62vh,500px);overflow:visible}.svg-domino rect{fill:var(--dondi-cream);stroke:#dccb9c;stroke-width:1px}.svg-domino line{stroke:#d39c2d;stroke-width:1.2px}.svg-domino circle{fill:#071b39}.tile-arrival{transform-box:fill-box;transform-origin:50%;animation:1.4s cubic-bezier(.22,.65,.25,1) both tile-arrive}@keyframes tile-arrive{0%{opacity:0;transform:translate(var(--tile-from-x), var(--tile-from-y)) scale(1.45) rotate(-12deg)}74%{opacity:1;transform:translate(0)scale(1.08)rotate(1deg)}88%{transform:translate(0)scale(.96)}to{opacity:1;transform:translate(0)scale(1)}}.tile-arrival rect{animation:1.4s both tile-connect-glow}@keyframes tile-connect-glow{72%{stroke:var(--dondi-yellow);stroke-width:5px;filter:drop-shadow(0 0 9px #ffd45c)}}.svg-target{cursor:pointer}.svg-target circle{fill:#e3263f44;stroke:var(--dondi-yellow);stroke-width:2.5px;stroke-dasharray:5 4}.svg-target text{fill:#fff;font:700 24px DM Sans}.game-shout strong{color:var(--dondi-yellow);text-shadow:3px 4px #a81228,7px 8px #03235d}.game-shout .shout-name{background:var(--dondi-red)}.game-shout i{background:#fff}.game-shout{filter:drop-shadow(0 12px 16px #00174677);background:#fff8e8;border:3px solid #082d70;border-radius:22px;min-width:130px;padding:13px 20px 10px;top:50%;left:50%}.game-shout:after{content:"";z-index:-1;background:#fff8e8;border-style:solid;border-color:#082d70;width:18px;height:18px;position:absolute;transform:rotate(45deg)}.game-shout .shout-name{background:var(--dondi-red);border:2px solid #fff;position:absolute;top:-18px}.game-shout strong,.game-shout.event-domino strong{color:#073b91;text-shadow:none;font:italic 700 clamp(25px,4vw,42px) DM Serif Display}.game-shout i{display:none}.game-shout.shout-seat-top{top:112px}.game-shout.shout-seat-top:after{border-width:3px 0 0 3px;top:-12px;left:calc(50% - 9px)}.game-shout.shout-seat-bottom{top:calc(100% - 165px)}.game-shout.shout-seat-bottom:after{border-width:0 3px 3px 0;bottom:-12px;left:calc(50% - 9px)}.game-shout.shout-seat-right{left:calc(100% - 145px)}.game-shout.shout-seat-right:after{border-width:3px 3px 0 0;top:calc(50% - 9px);right:-12px}.game-shout.shout-seat-left{left:145px}.game-shout.shout-seat-left:after{border-width:0 0 3px 3px;top:calc(50% - 9px);left:-12px}.game-shout.event-domino{border-color:var(--dondi-red);min-width:190px}.game-shout.event-domino strong{color:var(--dondi-red);font-size:clamp(36px,6vw,62px)}.game-shout.event-capicua{border-color:var(--dondi-yellow);background:#fff3a8;min-width:220px}.game-shout.event-capicua strong{color:var(--dondi-red);font-size:clamp(36px,6vw,62px)}.game-shout.event-block{border-color:var(--dondi-red)}.game-shout.event-block strong{color:var(--dondi-red)}.game-shout.event-generalPass{border-color:var(--dondi-yellow);background:#fff3a8;width:min(390px,78vw);animation-duration:2.8s}.game-shout.event-generalPass strong{color:var(--dondi-red);white-space:normal;text-align:center;font-size:clamp(25px,4.5vw,44px);line-height:1}.game-shout.event-openingPass{border-color:var(--dondi-yellow);background:#fff3a8;width:min(390px,78vw);animation-duration:2.8s}.game-shout.event-openingPass strong{color:var(--dondi-red);white-space:normal;text-align:center;font-size:clamp(25px,4.5vw,44px);line-height:1}.game-shout.shout-announcer{border-color:var(--dondi-yellow);min-width:250px;top:112px;left:180px}.game-shout.shout-announcer:after{border-width:0 0 3px 3px;border-color:#082d70;top:15px;left:-12px}.game-shout.event-announcement strong{color:#073b91;font-size:clamp(24px,3.5vw,38px)}.block-sequence{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#02194cbb;place-items:center;padding:18px;animation:.35s both block-backdrop;display:grid;position:absolute;inset:0}.block-panel{text-align:center;color:#08295e;background:#fff8e8;border:4px solid #ffd45c;border-radius:22px;width:min(720px,92vw);max-height:92vh;padding:24px 30px;overflow:auto;box-shadow:0 24px 70px #00143daa}.block-panel h2{color:var(--dondi-red);margin:4px 0 18px;font:italic 42px DM Serif Display}.block-contender{background:#f5ead0;border:2px solid #d6cba9;border-radius:13px;grid-template-columns:135px 1fr;align-items:center;gap:14px;padding:10px 14px;transition:all .4s;animation:.5s both contender-in;display:grid;position:relative}.block-contender.winner{border-color:var(--dondi-yellow);background:#fff1a8;transform:scale(1.035);box-shadow:0 0 0 4px #ffd45c44,0 8px 25px #ce9c2566}.block-contender.winner:after{content:"GANADOR";background:var(--dondi-red);color:#fff;letter-spacing:.12em;border-radius:20px;padding:4px 9px;font-size:9px;font-weight:800;position:absolute;right:24px}.block-player{text-align:left}.block-player span,.block-player b{display:block}.block-player span{font-weight:800}.block-player b{color:var(--dondi-red);margin-top:4px;font-size:18px}.block-tiles{justify-content:center;gap:5px;min-width:0;padding:5px;display:flex;overflow-x:auto}.block-tiles .domino{flex-basis:34px;width:34px;height:64px;box-shadow:1px 2px 4px #493a2077}.block-tiles .divider{width:26px}.block-tiles .pip-face i{width:4px;height:4px}.versus{z-index:1;color:#fff;background:var(--dondi-blue);border-radius:50%;place-items:center;width:35px;height:35px;margin:-4px auto;font-size:10px;font-weight:900;display:grid;position:relative}.score-flight{margin:18px auto 14px;animation:.55s cubic-bezier(.17,.89,.32,1.4) both score-pop}.score-flight span{color:#65738b;text-transform:uppercase;letter-spacing:.14em;font-size:10px;display:block}.score-flight b{color:var(--dondi-blue);font:36px DM Serif Display;display:block}.score-flight i{color:var(--dondi-red);font-style:normal}.score-flight.match-won strong{color:var(--dondi-red);margin-bottom:6px;font:italic 30px DM Serif Display;animation:.7s cubic-bezier(.17,.89,.32,1.4) both score-pop;display:block}@keyframes block-backdrop{0%{opacity:0}}@keyframes contender-in{0%{opacity:0;transform:translateY(15px)}}@keyframes score-pop{0%{opacity:0;transform:scale(.5)translateY(20px)}}.round-count-sequence{z-index:21;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#02194ccc;place-items:center;padding:16px;animation:.35s both block-backdrop;display:grid;position:absolute;inset:0}.round-count-panel{text-align:center;border:4px solid var(--dondi-yellow);color:#08295e;background:#fff8e8;border-radius:22px;width:min(760px,94vw);min-height:310px;max-height:94vh;padding:20px 26px;overflow:auto;box-shadow:0 24px 70px #00143daa}.running-score{color:#fff;background:var(--dondi-blue);border:6px solid #d9eaff;border-radius:50%;place-content:center;width:108px;height:108px;margin:6px auto 12px;animation:.45s both score-pop;display:grid;box-shadow:0 8px 25px #04398166}.running-score small{text-transform:uppercase;letter-spacing:.12em;font-size:8px}.running-score b{font:48px/.9 DM Serif Display}.revealed-hands{gap:7px;display:grid}.revealed-hand{background:#f2e7c9;border-radius:10px;grid-template-columns:120px 1fr;align-items:center;gap:10px;min-height:64px;padding:6px 10px;animation:.55s cubic-bezier(.17,.89,.32,1.25) both reveal-hand;display:grid}.reveal-name{text-align:left;font-size:11px;font-weight:800}.reveal-name b{color:var(--dondi-red);font-size:18px;display:block}.reveal-tiles{justify-content:center;gap:4px;display:flex}.reveal-tiles em{color:#8190a0;font-size:11px}.reveal-tiles .domino{flex-basis:30px;width:30px;height:54px;box-shadow:1px 2px 4px #493a2066}.reveal-tiles .divider{width:22px}.reveal-tiles .pip-face i{width:3.5px;height:3.5px}.round-score-transfer{justify-items:center;gap:4px;margin-top:14px;animation:.6s cubic-bezier(.17,.89,.32,1.4) both score-pop;display:grid}.round-score-transfer span{color:#9f6111;background:#ffe4a5;border-radius:20px;padding:4px 10px;font-size:10px;font-weight:800}.round-score-transfer strong{color:var(--dondi-red);font:italic 30px DM Serif Display}.round-score-transfer>b{color:var(--dondi-blue);font:34px DM Serif Display}.round-score-transfer small{color:#66778b}.round-score-transfer .primary{margin-top:5px}@keyframes reveal-hand{0%{opacity:0;transform:rotateX(85deg)translateY(-12px)}}.score-sheet-overlay{z-index:30;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#02143fd6;place-items:center;padding:16px;animation:.25s both block-backdrop;display:grid;position:absolute;inset:0}.score-sheet{color:#08295e;border:4px solid var(--dondi-yellow);background:#fff8e8;border-radius:20px;width:min(720px,94vw);max-height:92vh;padding:24px 30px;position:relative;overflow:auto;box-shadow:0 25px 70px #00143daa}.score-sheet h2{margin:3px 0 20px;font:38px DM Serif Display}.score-close{z-index:2;float:right;color:#fff;background:var(--dondi-red);border:0;border-radius:50%;width:34px;height:34px;font-size:22px;position:sticky;top:0;right:0;box-shadow:0 4px 12px #6d0b1f55}.t-score-table{--score-columns:2;border-top:5px solid #08295e}.t-score-head,.t-score-row,.t-score-total{grid-template-columns:110px repeat(var(--score-columns), minmax(80px, 1fr));align-items:stretch;display:grid}.t-score-head>*,.t-score-row>*,.t-score-total>*{text-align:center;border-left:2px solid #08295e;padding:9px 8px}.t-score-head>:first-child,.t-score-row>:first-child,.t-score-total>:first-child{text-align:center;border-left:0}.t-score-head{color:#fff;background:var(--dondi-blue)}.t-score-head b{font-size:11px}.t-score-head span{text-transform:uppercase;letter-spacing:.1em;font-size:10px}.t-score-row{border-bottom:1px solid #d8cba9}.t-score-row:nth-child(2n){background:#f3e7c8}.t-score-row span b,.t-score-row span small{display:block}.t-score-row span small{color:#718092;font-size:8px}.t-score-row strong{color:var(--dondi-red);font:22px DM Serif Display}.t-score-row strong>span,.t-score-row strong>small,.t-score-row strong>em{display:block}.t-score-row strong>small{color:#6d7d8f;font:8px DM Sans}.t-score-row strong>em{color:#80600b;background:#ffe28b;border-radius:10px;width:fit-content;margin:3px auto 0;padding:2px 6px;font:700 8px DM Sans}.t-score-row strong>em.rejected{color:#a33a43;background:#ffd7dc}.t-score-body>p{text-align:center;color:#7a8796;border-bottom:1px solid #d8cba9;margin:0;padding:28px}.t-score-total{color:#08295e;background:#ffd45c;border-top:4px double #08295e}.t-score-total span{text-transform:uppercase;letter-spacing:.08em;font-weight:900}.t-score-total b{font:26px DM Serif Display}.score-goal{text-align:right;color:#6d7c8c;margin-top:12px;display:block}.score-restart{clear:both;text-align:center;justify-content:center;padding-top:18px;display:flex}.score-restart small{color:#6d7c8c}@media (orientation:portrait) and (width<=700px){.board-area{z-index:1}.board-surface{border-width:5px;border-radius:17px;width:calc(100vw - 72px);height:calc(100% - 92px);max-height:none;margin-top:32px}.table .board-surface .domino-board{width:100%;height:100%;min-height:0;max-height:none}.players-ring{z-index:3}.player-card.seat-right,.player-card.seat-left{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#03245ef2;justify-content:center;width:34px;min-width:34px;max-width:34px;padding:5px 2px}.player-card.seat-right .opponent-hand,.player-card.seat-left .opponent-hand{gap:2px;display:flex}.player-card.seat-right .tile-back,.player-card.seat-left .tile-back{width:16px;height:8px}.player-card.seat-right .seat-name,.player-card.seat-left .seat-name{text-overflow:ellipsis;width:max-content;max-width:96px;max-height:none;font-size:9px;overflow:hidden}.player-card.seat-right .opponent-count,.player-card.seat-left .opponent-count{bottom:-10px;left:50%;transform:translate(-50%)}.pool-indicator{border:2px solid #fff;width:34px;height:42px;padding:4px 2px;bottom:12px;right:1px}.pool-indicator span{font-size:7px}.pool-indicator b{font-size:14px}.game-shout.shout-seat-top{top:135px}.game-shout.shout-seat-bottom{top:calc(100% - 180px)}.game-shout.shout-seat-right{left:calc(100% - 78px)}.game-shout.shout-seat-left{left:78px}.announcer{top:63px;left:6px}.announcer div{display:none}.game-shout.shout-announcer{min-width:210px;top:115px;left:118px}.game-shout{min-width:104px;padding-inline:12px}.game-shout strong,.game-shout.event-domino strong{font-size:27px}.block-panel{padding:18px 12px}.block-panel h2{font-size:30px}.block-contender{grid-template-columns:90px 1fr;padding:7px}.block-player b{font-size:14px}.block-tiles .domino{flex-basis:29px;width:29px;height:55px}.block-tiles .divider{width:21px}.score-flight b{font-size:30px}.round-count-panel{padding:14px 9px}.running-score{width:82px;height:82px}.running-score b{font-size:36px}.revealed-hand{grid-template-columns:76px 1fr;padding:5px}.reveal-tiles{justify-content:flex-start;overflow-x:auto}.reveal-tiles .domino{flex-basis:27px;width:27px;height:49px}.reveal-tiles .divider{width:19px}.round-score-transfer strong{font-size:24px}.score-sheet{padding:19px 10px}.score-sheet h2{font-size:29px}.t-score-head,.t-score-row,.t-score-total{grid-template-columns:78px repeat(var(--score-columns), minmax(54px, 1fr))}.t-score-head>*,.t-score-row>*,.t-score-total>*{padding:7px 4px}.t-score-head b{font-size:9px}.t-score-row strong{font-size:18px}}