@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#e8ece5;background:#101818;font-synthesis:none;font-size:14px;--muted:#8d9b95;--gold:#dbc398;--line:#ffffff0f;--panel:#172121;--green:#184a3f}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:0;color:inherit;background:none}button:disabled{cursor:not-allowed;opacity:.38}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold);outline-offset:4px}input{color:#ecf0e9;background:#101919;border:1px solid #ffffff1c;border-radius:8px;padding:14px 16px;min-width:0}input::placeholder{color:#73837d}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif;font-weight:600}small{font-size:11px}strong{font-weight:600}button{transition:background .18s,transform .18s,border-color .18s}.app-shell{display:flex;min-height:100dvh}.sidebar{width:222px;flex-shrink:0;border-right:1px solid var(--line);background:#111b1b;position:fixed;inset:0 auto 0 0;padding:35px 20px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;text-align:left;gap:10px;padding:0 9px;font-family:Manrope,sans-serif;font-size:31px;font-weight:800;letter-spacing:-1.5px}.brand-icon{display:grid;place-items:center;width:28px;height:43px;background:var(--gold);color:#1d2c27;border-radius:5px;font-size:28px;transform:rotate(-12deg);letter-spacing:0}.brand-dot{color:var(--gold)}.brand small{display:block;font:8px DM Sans,sans-serif;letter-spacing:1.9px;color:#85968d;margin-top:5px}.sidebar-caption{color:#586e64;font-size:9px;letter-spacing:2px;margin:60px 13px 15px}.nav-item{display:flex;align-items:center;gap:11px;width:100%;padding:15px 12px;margin-bottom:7px;font-size:12px;text-align:left;color:#9aa9a1;border-radius:7px}.nav-item>span{font-size:19px;width:22px;color:#84948b}.nav-item.active{color:#ece5d5;background:#22302b}.nav-item.active>span{color:var(--gold)}.nav-item:hover{background:#1b2925}.nav-item i{font-style:normal;margin-left:auto;color:var(--gold)}.sidebar-bottom{margin:auto 12px 30px;padding-top:50px}.sidebar-bottom p{font-family:Manrope,sans-serif;font-size:20px;line-height:1.7;color:#bcc7bb;margin-top:20px}.sidebar-bottom small{display:block;color:#5c7267;margin-top:12px}.little-domino{transform:rotate(-15deg);width:30px;opacity:.7}.account{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:20px 3px 0;text-align:left;font-size:12px}.account small{display:block;color:var(--muted);margin-top:5px;font-size:10px}.account-arrow{margin-left:auto;color:var(--muted)}.avatar{width:37px;height:37px;display:grid;place-items:center;background:#354338;color:#ddcfab;border:1px solid #5b664630;flex-shrink:0;border-radius:50%;font-family:Manrope,sans-serif;font-weight:700}.main{margin-left:222px;width:calc(100% - 222px);max-width:1800px;padding:0 48px 30px}.topbar{height:89px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:11px}.breadcrumb{color:#84958c}.breadcrumb span{margin:0 14px;color:#42594b}.breadcrumb strong{color:#c0c9c0;font-weight:400}.topbar-right{display:flex;align-items:center;gap:8px;color:#92a295;font-size:10px}.connection-dot{width:5px;height:5px;border-radius:50%;background:#ad9670}.connection-dot.online{background:#72b999;box-shadow:0 0 9px #73b99844}.language{margin-left:24px;font-size:10px;color:#d5daca;border:1px solid var(--line);padding:7px;border-radius:5px}.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:357px;margin:42px 0 43px;border:1px solid #ffffff0b;background:linear-gradient(110deg,#1c2926,#142521);border-radius:14px;overflow:hidden;position:relative}.hero-copy{padding:37px 0 32px 35px;z-index:1}.eyebrow{font-size:9px;letter-spacing:2.4px;color:#aebca7;display:block;font-weight:500}.eyebrow i{display:inline-block;width:5px;height:5px;background:var(--gold);border-radius:50%;margin-right:5px;vertical-align:2px}.hero h1{font-size:clamp(30px,3vw,48px);line-height:1.22;letter-spacing:-1.9px;margin:22px 0 18px}.hero h1 em{font-style:normal;color:var(--gold)}.hero p{color:#92a297;line-height:1.85;font-size:12px}.hero-details{display:flex;gap:18px;font-size:9px;color:#b0bcb0;margin-top:31px}.hero-details span{white-space:nowrap}.hero-art{position:relative;min-height:340px;perspective:650px;background:radial-gradient(ellipse at 48% 60%,#42745830,transparent 65%)}.art-ring{position:absolute;border:1px solid #a4b9940a;border-radius:50%;width:320px;height:320px;left:50%;top:50%;transform:translate(-50%,-50%)}.ring-two{width:260px;height:260px}.art-label{position:absolute;top:31px;right:30px;font-size:8px;letter-spacing:2px;color:#667f6d}.art-signature{position:absolute;bottom:29px;left:50%;transform:translate(-50%);white-space:nowrap;color:#6f8574;font-size:10px;letter-spacing:.5px}.art-tile{position:absolute;filter:drop-shadow(15px 24px 14px #0005)}.art-tile .domino{width:79px;height:155px;padding:11px;border-radius:11px;box-shadow:5px 5px #aaa18c,7px 8px #464a39,0 2px 10px #0003}.art-tile .pip{width:9px;height:9px}.tile-one{top:71px;left:23%;transform:rotate(-27deg) rotateX(20deg) rotateY(-15deg)}.tile-two{top:108px;left:46%;transform:rotate(20deg) rotateX(24deg) rotateY(-15deg);z-index:2}.tile-three{top:168px;left:64%;transform:rotate(60deg) rotateX(22deg) rotateY(-18deg);opacity:.95}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px}.section-heading .eyebrow{font-size:8px;letter-spacing:1.8px;color:#6e8677}.section-heading h2{font-size:24px;letter-spacing:-.8px;margin-top:11px}.subtle{font-size:10px;color:var(--muted);line-height:1.6}.mode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.mode-card{position:relative;text-align:left;min-height:159px;padding:20px 19px;border:1px solid #ffffff10;border-radius:10px;background:#162120}.mode-card:hover{border-color:#c9b08077;transform:translateY(-2px)}.mode-card.chosen{border-color:#c8b17d;background:linear-gradient(140deg,#26362c,#1c2a24);box-shadow:0 0 0 1px #ccb17f13}.mode-symbol{display:block;color:#829687;font:500 26px Manrope,sans-serif;margin-bottom:18px;letter-spacing:-2px}.chosen .mode-symbol{color:#d6c092}.mode-card strong{font-size:13px;display:block;margin-bottom:7px}.mode-card small{font-size:10px;display:block;color:#82988a}.radio-mark{position:absolute;right:18px;top:22px;width:14px;height:14px;border:1px solid #ffffff24;border-radius:50%}.chosen .radio-mark{border-color:var(--gold);background:var(--gold);box-shadow:inset 0 0 0 3px #28352c}.popular{position:absolute;top:-9px;left:16px;background:#bfa97e;color:#1a2821;padding:4px 8px;font-size:7px;letter-spacing:.7px;border-radius:3px}.create-row{display:flex;justify-content:space-between;align-items:center;margin:24px 0 36px}.create-row p{color:#84978a;font-size:10px}.lock-icon{color:var(--gold);margin-right:8px}.primary,.secondary{border-radius:7px;padding:14px 22px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:30px;white-space:nowrap}.primary{background:var(--gold);color:#223026;box-shadow:0 2px #978a6d33}.primary:hover:not(:disabled){background:#eddbb9;transform:translateY(-1px)}.secondary{background:#25372e;border:1px solid #70836b3d;color:#d1ddc9}.secondary:hover:not(:disabled){background:#33483c}.join-strip{border:1px solid var(--line);border-radius:10px;display:flex;gap:19px;align-items:center;padding:23px;background:#141f1d}.join-icon{font-size:28px;color:#789782}.join-strip h3{font-size:13px}.join-strip p{font-size:10px;color:#7c9484;margin-top:7px}.join-strip form{display:flex;gap:10px;margin-left:auto}.join-strip input{width:149px;font-size:11px;letter-spacing:2px;text-transform:uppercase}.join-strip .secondary{padding:12px 20px}.page-footer{display:flex;justify-content:space-between;color:#526e5c;font-size:9px;margin-top:31px}.domino{display:inline-flex;flex-direction:column;width:50px;height:98px;padding:6px;background:#ede8d9;color:#26362c;border-radius:7px;box-shadow:0 3px #b4ad97,0 8px 12px #0004;transition:transform .2s,box-shadow .2s,opacity .2s;position:relative}.half{display:grid;grid-template:repeat(3,1fr)/repeat(3,1fr);place-items:center;flex:1;padding:4px 0}.half+.half{border-top:1px solid #bdb59d}.half i{display:block;width:5px;height:5px;border-radius:50%;font-style:normal}.pip{background:#26372f;box-shadow:inset 0 1px 1px #0005}.domino.selected{box-shadow:0 0 0 3px #d7ba73,0 8px 20px #0008;transform:translateY(-8px)}.domino.dimmed{opacity:.4}.domino.compact{width:27px;height:49px;padding:3px;border-radius:3px}.compact .half{padding:2px 0}.compact .half i{width:3px;height:3px}.domino.back{background:repeating-linear-gradient(45deg,#355246,#355246 3px,#2f493e 3px 6px);border:1px solid #789a70;box-shadow:0 2px #152d23}.back-mark{margin:auto;font-size:20px;color:#a4b394}.error-banner{border:1px solid #ce896147;background:#55352466;color:#ebc5a7;display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-radius:8px;margin-top:18px;font-size:12px}.error-banner button{font-size:22px}.loading{padding:100px;text-align:center;color:#9fae9e}.lobby-header{padding-top:55px;text-align:center}.lobby-header h1{font-size:36px;margin:15px 0;letter-spacing:-1.5px}.lobby-header p{color:var(--muted);font-size:13px}.invite-code{margin:30px 0;border:1px dashed #b99f6b66;border-radius:10px;padding:20px 45px;background:#1e2c25}.invite-code>span{display:block;font:700 32px Manrope;letter-spacing:8px;color:var(--gold)}.invite-code small{color:#a5b4a4;font-size:10px;display:block;margin-top:9px}.lobby-seats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px;margin:20px auto;max-width:880px}.lobby-seat{text-align:center;padding:30px 15px;background:#192720;border:1px solid var(--line);border-radius:13px;position:relative}.avatar.large{width:60px;height:60px;font-size:23px;margin:0 auto 18px}.lobby-seat h3{font-size:15px}.lobby-seat>small{display:block;color:var(--muted);margin-top:10px}.host-badge{font-size:7px;letter-spacing:1px;color:var(--gold);display:block;margin-top:15px}.team-picker,.lobby-start{display:flex;align-items:center;justify-content:center;gap:13px;margin-top:30px;font-size:12px;color:var(--muted)}.team-picker{flex-wrap:wrap}.team-picker p{width:100%;text-align:center;margin-bottom:4px}.lobby-start{border-top:1px solid var(--line);padding-top:25px;justify-content:space-between}.game-heading{display:flex;justify-content:space-between;align-items:center;margin:28px 0 22px}.game-heading .eyebrow{font-size:8px}.game-heading h2{font-size:23px;margin-top:8px;letter-spacing:-.6px}.round-status{font-family:DM Sans,sans-serif;font-size:9px;color:#8fba9f;letter-spacing:0;border:1px solid #618f7238;border-radius:20px;padding:5px 9px;margin-left:10px;vertical-align:middle}.game-meta{display:flex;gap:22px;align-items:center;color:var(--muted);font-size:11px}.game-meta strong{color:var(--gold);margin-left:7px}.icon-button{width:30px;height:30px;border:1px solid var(--line);border-radius:50%;color:#a9bdab}.game-table{position:relative;height:475px;border-radius:95px;background:radial-gradient(ellipse at 50% 40%,#255a49,#174032 70%,#123728);border:12px solid #253027;box-shadow:inset 0 0 0 1px #a1a07435,inset 0 3px 25px #03140a99,0 0 0 1px #ffffff0a,0 15px 45px #0003;isolation:isolate;margin:12px 0 25px}.felt-lines{position:absolute;inset:17px;border:1px solid #c4b58b13;border-radius:70px;pointer-events:none}.game-table:before{content:"";position:absolute;inset:0;border-radius:80px;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.8' filter='url(%23noise)'/%3E%3C/svg%3E");pointer-events:none}.table-watermark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:700 50px Manrope;color:#bbd0a409;pointer-events:none;letter-spacing:-2px}.table-player{position:absolute;z-index:3;display:flex;align-items:center;gap:9px;background:#192b23ed;border:1px solid #66836a4d;box-shadow:0 5px 15px #00180b44;border-radius:12px;padding:11px 14px;min-width:185px;max-width:235px}.table-player.turn{border-color:#e0c88f;box-shadow:0 0 0 3px #e0c88f14,0 5px 15px #00180b44}.table-player.disconnected{border-color:#b97859}.player-info{min-width:0}.player-info strong{font-size:11px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-info small{font-size:8px;color:#90a48c;font-weight:400}.player-info>small{display:block;margin-top:4px}.player-score{font:600 20px Manrope;color:var(--gold);margin-left:auto;padding-left:10px}.table-player .avatar{width:31px;height:31px;font-size:12px}.seat-0{bottom:-14px;left:50%;transform:translate(-50%)}.players-2 .seat-1,.players-4 .seat-2{top:-14px;left:50%;transform:translate(-50%)}.players-3 .seat-1{top:18px;left:35px}.players-3 .seat-2{top:18px;right:35px}.players-4 .seat-1{left:-24px;top:50%;transform:translateY(-50%);min-width:130px;max-width:180px;flex-wrap:wrap}.players-4 .seat-3{right:-24px;top:50%;transform:translateY(-50%);min-width:130px;max-width:180px;flex-wrap:wrap}.endgame{display:block;color:#d8bd84;font-size:7px;margin-top:5px;white-space:nowrap}.tile-backs{position:absolute;bottom:-15px;left:50%;transform:translate(-50%);display:flex;gap:3px}.tile-backs>span{width:9px;height:17px;border:1px solid #718661;border-radius:2px;background:repeating-linear-gradient(45deg,#315241,#315241 2px,#254332 2px 4px);box-shadow:0 2px 4px #0005}.tile-backs small{color:#b2c6a1;font-size:9px}.board-viewport{position:absolute;inset:58px 100px;overflow:auto;display:grid;place-items:center}.players-2 .board-viewport{inset:52px 20px}.board-svg{display:block;flex:none;max-width:none;max-height:none;overflow:visible}.placed-tile{animation:tile-appear .3s ease-out}.telefon-ring{animation:telefon-glow 1s ease-out}.legal-target{cursor:pointer}.legal-target circle{fill:#d6c49222;stroke:#d5c28c;stroke-width:1.5;stroke-dasharray:4 4}.legal-target text{fill:#e3d4af;font-size:24px;font-family:Manrope}.legal-target:hover circle{fill:#d6c49255}.empty-board{text-align:center;color:#94b19a;font-size:11px}.table-emblem{display:block;font:600 58px Manrope;color:#a7b88e44;margin-bottom:12px}.opening-target{display:block;margin:16px auto 0;border:1px dashed #d6be7b88;border-radius:8px;padding:12px;color:var(--gold);background:#d8c4910c}.hand-panel{border:1px solid var(--line);border-radius:12px;padding:23px;background:#15201d}.hand-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.hand-heading strong{font-size:12px}.hand-heading small{display:inline-block;margin-left:12px;font-size:10px;color:var(--muted)}.turn-dot{display:inline-block;width:5px;height:5px;background:#637660;border-radius:50%;margin-right:8px;vertical-align:2px}.turn-dot.active{background:var(--gold);box-shadow:0 0 8px #ddc59a66}.hand-tiles{display:flex;gap:12px;justify-content:center;padding:12px 0 23px;flex-wrap:wrap}.tile-button{padding:0;border-radius:7px}.tile-button:disabled{opacity:1}.tile-button:not(:disabled):hover .domino:not(.selected){transform:translateY(-5px);box-shadow:0 3px #b4ad97,0 12px 14px #0006}.move-controls{display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:17px}.preview-description{font-size:10px;color:#819a86;margin-right:auto}.text-button{font-size:10px;color:#9aac99}.pause-banner{padding:13px;text-align:center;background:#a8885022;border:1px solid #aa854744;color:#e3c89c;font-size:12px;border-radius:8px;margin-bottom:20px}.result-overlay{position:absolute;z-index:5;inset:60px 55px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:20px;background:#10271ff5;border:1px solid #ad9d6744;border-radius:18px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:24px}.result-overlay h2{font-size:25px;color:var(--gold)}.result-overlay p{font-size:12px;color:#9fb29b}.starter-buttons{display:flex;gap:10px}.score-feedback{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);color:#f4d598;font:700 44px Manrope;text-shadow:0 5px 15px #0008;z-index:7;pointer-events:none}.score-enter-active,.score-leave-active{transition:opacity .3s,translate .3s}.score-enter-from{opacity:0;translate:0 20px}.score-leave-to{opacity:0;translate:0 -30px}.modal{background:#192820;color:#e4eade;border:1px solid #81906a33;border-radius:17px;padding:39px;width:min(440px,calc(100vw - 30px));box-shadow:0 30px 100px #0008}.modal::backdrop{background:#061310b5;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.modal-close{position:absolute;right:15px;top:10px;font-size:26px;color:#9eab99}.modal h2{font-size:28px;margin:15px 0 12px;letter-spacing:-.8px}.modal p{color:var(--muted);font-size:12px;line-height:1.8}.modal form{margin-top:22px}.modal label{display:flex;flex-direction:column;gap:9px;font-size:11px;margin-bottom:18px;color:#b8c6b1}.modal form .primary{width:100%;margin-top:8px}.auth-tabs{display:flex;margin-top:24px;border-bottom:1px solid var(--line)}.auth-tabs button{flex:1;padding:11px 6px;color:#859880;font-size:11px}.auth-tabs button.active{color:var(--gold);border-bottom:2px solid var(--gold)}.form-error{color:#eabda1!important;margin-bottom:12px}.rules-modal,.history-modal{width:min(610px,calc(100vw - 30px));max-height:85dvh}.rules-modal ol{padding-left:20px;font-size:12px;color:#a2b59a;line-height:1.8}.rules-modal li{margin-bottom:15px;padding-left:7px}.rules-modal li strong{color:#dce4cc}.history-modal h3{font-size:16px;margin:25px 0 15px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:25px}.stats-grid strong{display:block;font:600 24px Manrope;color:var(--gold)}.stats-grid small{display:block;color:var(--muted);margin-top:6px}.history-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:13px 0;font-size:11px}.history-row small{display:block;color:var(--muted);margin-top:5px}.history-row strong{color:var(--gold);font-size:10px}@keyframes tile-appear{0%{opacity:0}to{opacity:1}}@keyframes telefon-glow{0%{stroke-width:8;opacity:.3}to{stroke-width:2.5;opacity:1}}@media(min-width:1500px){.main{padding-left:65px;padding-right:65px}.hero{min-height:395px}.hero-copy{padding:45px}.hero-art{transform:scale(1.1)}.game-table{height:540px}}@media(max-width:1150px){.sidebar{width:185px;padding:30px 13px 15px}.main{margin-left:185px;width:calc(100% - 185px);padding:0 28px 25px}.brand{font-size:27px}.brand small{font-size:7px}.nav-item{font-size:10px;gap:6px}.hero-copy{padding-left:25px}.hero-details{gap:10px;font-size:8px}.hero-art .art-tile{scale:.88}.tile-one{left:17%}.tile-two{left:43%}.tile-three{left:64%}.mode-card{padding:17px 13px}.mode-card strong{font-size:11px}.mode-card small{font-size:9px}.join-strip{padding:19px 16px;gap:12px}.join-strip form{gap:7px}.join-strip input{width:126px}.join-strip h3{font-size:11px}.join-strip p{font-size:9px}.game-table{height:440px}.table-player{padding:9px;min-width:155px}.players-4 .seat-1,.players-4 .seat-3{max-width:140px;gap:6px}.board-viewport{inset:55px 72px}.hand-heading small{display:block;margin:7px 0 0 14px}}@media(max-width:850px){.sidebar{width:75px;align-items:center;padding:28px 10px 20px}.brand{padding:0}.brand>span:last-child,.sidebar-caption,.sidebar-bottom,.account>span:not(.avatar){display:none}.sidebar nav{margin-top:60px;width:45px}.nav-item{font-size:0;justify-content:center;padding:13px 0}.nav-item>span{font-size:22px;width:auto}.nav-item i{display:none}.account{margin-top:auto}.main{margin-left:75px;width:calc(100% - 75px);padding:0 25px 20px}.hero{grid-template-columns:1.2fr 1fr}.hero-details{display:none}.hero-copy{padding:28px 0 30px 25px}.hero h1{font-size:34px}.hero-art{min-height:310px}.art-tile{scale:.7!important}.tile-one{left:8%;top:63px}.tile-two{left:35%;top:105px}.tile-three{left:58%;top:158px}.art-label{font-size:6px;right:12px}.mode-grid{grid-template-columns:repeat(2,1fr);gap:17px}.mode-card{min-height:135px}.mode-symbol{margin-bottom:10px}.join-strip{flex-wrap:wrap}.join-strip form{width:100%;margin-top:6px}.join-strip input{flex:1}.lobby-seats{grid-template-columns:repeat(2,1fr)}.table-player .avatar{display:none}.player-score{font-size:16px}.table-player{min-width:145px}.players-4 .seat-1,.players-4 .seat-3{min-width:105px;max-width:110px}.players-4 .seat-1{left:-19px}.players-4 .seat-3{right:-19px}.board-viewport{inset:60px}.game-table{height:420px;border-width:9px}.round-status{display:none}.hand-tiles{gap:9px}.domino{width:43px;height:84px}.hero-art .domino{width:79px;height:155px}}@media(max-width:560px){.sidebar{position:relative;width:100%;height:70px;flex-direction:row;border-right:0;border-bottom:1px solid var(--line);padding:12px 20px;justify-content:space-between}.brand>span:last-child{display:block;font-size:24px}.brand small{font-size:6px}.brand-icon{height:32px;width:22px;font-size:22px}.sidebar nav{display:flex;margin:0;width:auto;gap:8px}.nav-item{padding:8px;margin:0;width:32px}.nav-item.active{display:none}.nav-item>span{font-size:20px}.account{margin:0;padding:0;border:0}.account .avatar{width:30px;height:30px}.app-shell{display:block}.main{margin-left:0;width:100%;padding:0 17px 22px}.topbar{height:57px;font-size:9px}.topbar-right{font-size:8px}.language{display:none}.hero{margin:23px 0 32px;min-height:280px;grid-template-columns:1fr .6fr;border-radius:10px}.hero-copy{padding:25px 0 25px 22px}.hero .eyebrow{font-size:6px;letter-spacing:1.5px}.hero h1{font-size:29px;letter-spacing:-1.3px;margin:22px 0 18px}.hero p{font-size:10px}.hero-art{min-height:260px}.art-ring{width:210px;height:210px}.art-tile{scale:.52!important;transform-origin:center}.tile-one{left:-21%;top:37px;rotate:-8deg}.tile-two{left:14%;top:105px}.tile-three,.art-label,.art-signature{display:none}.section-heading{align-items:center}.section-heading .eyebrow{font-size:6px}.section-heading h2{font-size:21px}.section-heading>.subtle{display:none}.mode-card strong{font-size:12px}.mode-card small{font-size:9px}.create-row{gap:15px;align-items:flex-start;margin:20px 0 25px}.create-row p{font-size:8px;max-width:140px;line-height:1.8}.primary,.secondary{font-size:11px;padding:13px 16px;gap:15px}.join-strip h3{font-size:12px}.join-strip p{font-size:10px}.page-footer{font-size:7px;gap:15px}.game-heading{margin:20px 0}.game-heading h2{font-size:21px}.game-meta{gap:12px;font-size:9px}.game-table{height:405px;border-radius:55px;margin-top:27px}.felt-lines{border-radius:36px;inset:10px}.table-player{padding:8px;min-width:128px;border-radius:8px}.players-4 .seat-1,.players-4 .seat-3{min-width:80px;max-width:89px;padding:7px;display:block}.players-4 .seat-1{left:-12px}.players-4 .seat-3{right:-12px}.players-4 .seat-1 .player-score,.players-4 .seat-3 .player-score{display:block;margin-top:5px;padding:0}.player-info strong{font-size:9px}.player-info small{font-size:7px}.endgame{font-size:6px;white-space:normal}.board-viewport{inset:60px 35px}.players-3 .seat-1{left:12px;top:5px}.players-3 .seat-2{right:12px;top:5px}.players-3 .table-player{min-width:118px;max-width:125px}.hand-panel{padding:17px 12px}.hand-heading strong{font-size:11px}.hand-heading small{font-size:8px}.hand-heading>.subtle{font-size:7px}.hand-tiles{gap:7px;padding-bottom:20px}.domino{width:36px;height:71px;padding:4px;border-radius:5px}.half i{width:4px;height:4px}.move-controls{flex-wrap:wrap;gap:12px}.preview-description{font-size:8px;flex-basis:100%}.move-controls .primary{margin-left:auto}.result-overlay{inset:50px 12px;padding:20px 14px}.result-overlay h2{font-size:20px}.result-overlay p{font-size:10px}.lobby-header{padding-top:35px}.lobby-header h1{font-size:29px}.lobby-header p{font-size:11px}.lobby-start{flex-direction:column;align-items:center}.lobby-seats{gap:12px}.lobby-seat{padding:23px 10px}.modal{padding:32px 25px}.stats-grid{gap:8px}.stats-grid strong{font-size:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.history-match{margin:15px 0;padding:16px;border:1px solid var(--line);border-radius:9px;background:#111f19}.history-match header,.history-match footer{display:flex;justify-content:space-between;align-items:center;gap:12px}.history-match header strong{font-size:12px}.history-match header small{font-size:9px;color:var(--muted)}.history-match footer{font-size:8px;letter-spacing:.7px;margin-top:12px;color:#8da080}.history-row.winner span{color:var(--gold)}@media(min-width:851px){.game-table{height:clamp(300px,calc(100dvh - 465px),500px)}}