:root{font-family:DM Sans,sans-serif;color:#f1eee5;background:#061814;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;width:100%}body{background:radial-gradient(ellipse at 25% 2%,#164037 0,transparent 38%),radial-gradient(ellipse at 85% 95%,#122f27,transparent 43%),#05140f}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible{outline:2px solid #d4ad72;outline-offset:3px}input{min-width:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Outfit,sans-serif}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:#395249;border-radius:10px}.site-canvas{min-height:100dvh;padding:0 12px;display:flex;justify-content:center}.phone-app{width:min(100%,470px);min-height:100dvh;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 50% 10%,rgba(25,74,59,.5),transparent 35%),linear-gradient(160deg,#09221c 3%,#071c17 45%,#071711);box-shadow:0 10px 80px #0005;padding-bottom:max(24px,env(safe-area-inset-bottom))}.phone-app>*:not(.suits-bg){position:relative;z-index:1}.suits-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.drift{position:absolute;font-size:36px;opacity:.065;color:#dabe84;animation:drift-up var(--dur,17s) ease-in-out infinite alternate;filter:blur(.3px)}.d1{left:5%;top:14%;--dur:14s}.d2{right:6%;top:24%;--dur:20s;color:#f2756d;animation-delay:-7s}.d3{left:15%;top:45%;--dur:16s;animation-delay:-8s;color:#eab37b}.d4{right:2%;top:60%;--dur:23s;animation-delay:-4s}.d5{left:6%;top:82%;--dur:19s;animation-delay:-11s}.d6{right:20%;top:94%;--dur:15s;animation-delay:-1s;color:#e16e70}@keyframes drift-up{0%{transform:translate3d(-12px,18px,0) rotate(-22deg) scale(.85)}50%{transform:translate3d(12px,-25px,0) rotate(12deg) scale(1.22)}to{transform:translate3d(-6px,-44px,0) rotate(-10deg) scale(.95)}}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 27px}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.brand-mark{height:33px;width:33px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(130deg,#e8ce9b,#b99260);color:#123327;transform:rotate(-8deg);box-shadow:0 3px 18px #d7b9812a}.brand-mark svg{transform:rotate(8deg)}.brand-name{font-family:Outfit,sans-serif;font-size:24px;letter-spacing:-1.2px;font-weight:900}.brand-name span{color:#d5b57c}.brand--compact .brand-mark{height:29px;width:29px}.brand--compact .brand-name{font-size:20px}.topbar-mini{font-size:9px;letter-spacing:1.4px;font-weight:800;color:#809a8e}.topbar-mini span{color:#d3b984;margin:0 3px}.hero{padding:22px 28px 0;text-align:center}.hero-eyebrow{font-size:10px;letter-spacing:.35px;color:#d7bf91;font-weight:700}.tiny-star{font-size:17px;margin-right:6px;vertical-align:middle}.hero h1{font-size:clamp(36px,9.5vw,46px);line-height:1.04;letter-spacing:-1.5px;margin:15px auto 13px;font-weight:800}.hero h1 em{color:#d6b989;font-style:normal}.hero>p{font-size:12.5px;line-height:1.75;color:#a1b7ad;max-width:300px;margin:0 auto}.card-stage{height:201px;position:relative;isolation:isolate;margin:10px auto 2px}.table-glow{position:absolute;left:50%;top:42px;transform:translate(-50%);width:280px;height:150px;background:radial-gradient(ellipse,#b5905d26,transparent 70%);filter:blur(10px)}.playing-card{width:103px;height:150px;border-radius:10px;position:absolute;top:25px;left:50%;background:linear-gradient(145deg,#fffdf5,#e4e3d9);border:3px solid #fcf6ec;color:#18392f;box-shadow:6px 12px 25px #0007;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;padding:8px;animation:card-float 5.7s ease-in-out infinite}.playing-card>span:first-child,.card-corner-reverse{font:800 15px/1.05 Outfit,sans-serif;text-align:left;display:flex;flex-direction:column;align-items:flex-start;letter-spacing:-.8px}.playing-card>span b{font-weight:700;font-size:17px;line-height:1}.playing-card>strong{font-size:58px;line-height:1;align-self:center}.playing-card .card-corner-reverse{transform:rotate(180deg);align-self:flex-end}.card-front{z-index:3;transform:translate(-16%) rotate(12deg);animation-name:card-float-front}.card-left{z-index:2;transform:translate(-96%) rotate(-17deg);color:#c64d46;animation-name:card-float-left;animation-delay:-1.3s}.card-back{z-index:1;transform:translate(-54%) rotate(-1deg) translateY(-8px);background:repeating-linear-gradient(45deg,#c3a372,#c3a372 2px,#d4b787 2px,#d4b787 4px);border-color:#e8d6b4;display:grid;place-items:center;animation-name:card-float-back;animation-delay:-2s}.card-back-inner{border:2px solid #fff8e7;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#183b31;background:#203f30;box-shadow:inset 0 0 0 4px #af9464;font-size:34px;line-height:1.1;font-family:Outfit,sans-serif;font-weight:900}.card-back-inner span{font-size:10px;letter-spacing:2px}.stage-spark{position:absolute;color:#d9bf8e;z-index:4;animation:twinkle 3s infinite alternate;font-size:20px}.spark-one{top:30px;left:13%}.spark-two{top:134px;right:13%;animation-delay:1.8s;font-size:27px}@keyframes card-float-front{0%,to{transform:translate(-16%) rotate(12deg) translateY(0)}50%{transform:translate(-16%) rotate(15deg) translateY(-12px)}}@keyframes card-float-left{0%,to{transform:translate(-96%) rotate(-17deg) translateY(0)}50%{transform:translate(-100%) rotate(-21deg) translateY(8px)}}@keyframes card-float-back{0%,to{transform:translate(-54%) rotate(-1deg) translateY(-8px)}50%{transform:translate(-50%) rotate(3deg) translateY(-16px)}}@keyframes twinkle{to{transform:rotate(40deg) scale(.6);opacity:.35}}.hero-feature{display:flex;align-items:center;justify-content:center;gap:14px;margin:0 auto 23px;flex-wrap:wrap}.hero-feature>span{display:flex;align-items:center;gap:4px;color:#a2ad9e;font-size:9px;font-weight:700}.hero-feature svg{color:#d4b987}.setup-card{margin:0 15px;background:linear-gradient(170deg,#112c25,#0c241e);border:1px solid #315045;border-radius:22px;box-shadow:0 16px 40px #0005;padding:16px 17px 20px}.setup-toggle{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#071b16;border-radius:13px;padding:5px;margin-bottom:25px}.setup-toggle button{background:none;color:#8fa49a;border:0;padding:11px 6px;border-radius:10px;font-size:12px;font-weight:800}.setup-toggle button.selected{background:linear-gradient(150deg,#dbc392,#c7a36b);color:#183529;box-shadow:0 3px 12px #0004}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 17px}.section-heading h2,.sheet-top h2{font-weight:750;font-size:24px;line-height:1.15;letter-spacing:-.55px;margin-top:6px}.eyebrow{color:#c8ac7c;letter-spacing:1.35px;font-size:9px;font-weight:800}.mini-icon{width:36px;height:36px;border:1px solid #37564a;border-radius:11px;display:grid;place-items:center;color:#dec28f;font-size:20px;background:#19362d}.duo-form{padding:13px 13px 16px;border:1px solid #2c5143;background:#12372b7a;border-radius:14px}.duo-form--b{background:#3e22252b;border-color:#58423b}.duo-tag{font-size:10px;letter-spacing:1.3px;font-weight:900;color:#e0c495;display:flex;gap:8px;align-items:center;margin-bottom:13px}.duo-tag>span:last-child{margin-left:auto;font-size:19px;line-height:0;color:#d9bd8a}.duo-form--b .duo-tag{color:#ef9d90}.duo-form--b .duo-tag>span:last-child{color:#e88b7d}.duo-dot{height:6px;width:6px;border-radius:50%;background:#dac292}.duo-form--b .duo-dot{background:#e48c80}.field-pair,.settings-grid,.bonus-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.field{display:flex;flex-direction:column;gap:7px}.field-name{font-size:10px;font-weight:700;color:#98b0a4}.field input,.score-input-wrap input{width:100%;border:1px solid #476254;outline:0;background:#0d241e;border-radius:10px;padding:12px 10px;color:#f3f0e7;font-size:13px;font-weight:700;min-height:44px;transition:border-color .18s,background .18s}.field input:focus,.score-input-wrap input:focus{border-color:#d9b77a;background:#102d24}.field input::placeholder{color:#688276}.field small{font-size:11px;color:#8ea69a}.vs-divider{position:relative;height:31px;display:grid;place-items:center}.vs-divider:before{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:1px solid #466052}.vs-divider span{font-family:Outfit,sans-serif;position:relative;z-index:1;padding:4px 8px;background:#102922;font-size:11px;font-weight:800;color:#d5b78b;letter-spacing:.2px;border-radius:6px}.rule-divider{height:1px;background:#375043;margin:22px 0}.section-heading--tight{margin-bottom:12px}.target-choice{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.target-choice button{height:44px;background:#0c231d;border:1px solid #355246;border-radius:10px;color:#c2cec4;font:800 14px Outfit,sans-serif}.target-choice button.active{background:#ddc18e;border-color:#e9cd9e;color:#163126}.custom-toggle{margin:17px 0 4px;padding:3px 0;border:0;display:flex;align-items:center;gap:8px;color:#c7bb9e;font-size:11px;font-weight:750;background:transparent;width:100%;text-align:left}.custom-toggle>svg:last-child{margin-left:auto;transition:transform .25s}.rotated{transform:rotate(180deg)}.custom-settings{padding:17px 0 3px;display:flex;flex-direction:column;gap:13px;animation:slide-in .22s ease-out}.custom-settings .field input{font-variant-numeric:tabular-nums}.custom-settings>p{font-size:11px;color:#9aac9e;line-height:1.7}.primary-btn{border:0;background:linear-gradient(135deg,#e9d2a4,#cda86e);border-radius:13px;min-height:52px;padding:0 18px;display:flex;align-items:center;justify-content:center;gap:9px;color:#142d25;font:800 13px DM Sans,sans-serif;box-shadow:0 7px 19px #0003;transition:transform .2s,filter .2s}.primary-btn:active{transform:scale(.985)}.primary-btn:hover{filter:brightness(1.06)}.create-button{width:100%;justify-content:space-between;margin-top:20px;padding-left:20px}.helper-under-button{display:flex;align-items:center;justify-content:center;gap:6px;color:#8da99a;font-size:10px;margin-top:13px}.helper-under-button svg{color:#d2b987}.join-form>p{color:#99afa4;font-size:12px;line-height:1.75;margin-bottom:20px}.join-form .join-input{font:850 23px Outfit,sans-serif;letter-spacing:4px;text-align:center;margin-bottom:18px}.join-form>.primary-btn{width:100%;justify-content:space-between}.home-footnote{text-align:center;margin:24px auto;color:#849b8d;font-size:10px;letter-spacing:.3px}.home-footnote span{color:#bd9f78;letter-spacing:8px;font-size:14px;margin-right:8px}.alert{font-size:11px;line-height:1.5;padding:11px;display:flex;align-items:center;gap:8px;border-radius:9px}.error-alert{background:#6c29272b;border:1px solid #af655d73;color:#f6b3a7;margin-top:12px}.game-header{height:82px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #25443a55}.game-back,.game-share,.icon-button{width:37px;height:37px;border:1px solid #38554b;background:#123129;border-radius:11px;color:#d9c49f;display:grid;place-items:center}.game-header .brand{margin-left:-7px}.game-content{padding:23px 21px 0}.demo-banner{border:1px solid #a9884b80;background:#2d2c1b;display:flex;gap:9px;align-items:flex-start;padding:11px 13px;color:#e2cda8;font-size:10px;line-height:1.5;border-radius:12px;margin-bottom:20px}.demo-banner svg{flex-shrink:0}.game-kicker{display:flex;align-items:center;justify-content:space-between;gap:10px}.status-pill{background:#1b4537;border:1px solid #2c7352;padding:6px 11px;border-radius:20px;color:#a5dfad;display:inline-flex;gap:7px;align-items:center;font-size:9px;letter-spacing:1.05px;font-weight:900}.status-pill i{height:6px;width:6px;background:#69dd99;border-radius:50%;box-shadow:0 0 0 4px #54c58b1f;animation:status-blink 2.2s ease-in-out infinite}.status-pill.ended{color:#c7b7a4;background:#312e29;border-color:#5e584b}.status-pill.ended i{background:#af9e85;animation:none}@keyframes status-blink{50%{opacity:.35;box-shadow:0 0 0 7px #54c58b0f}}.match-code{font-size:11px;font-weight:900;letter-spacing:1.5px;color:#e0c394}.game-title{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.game-title h1{font-size:32px;letter-spacing:-1.2px;margin-top:5px;line-height:1.18}.game-title h1 em{font-style:normal;color:#ddc08b}.trophy-icon{height:49px;width:49px;display:grid;place-items:center;font-size:27px;color:#d7ba84;background:#1e3f31;border:1px solid #45644e;border-radius:13px;transform:rotate(12deg);animation:trophy-shift 6s ease-in-out infinite}@keyframes trophy-shift{50%{transform:rotate(-9deg) translateY(-5px)}}.match-meta{display:flex;gap:17px;margin-top:13px;margin-bottom:23px}.match-meta>span{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#aab7a8}.match-meta svg{color:#d6b982}.versus-cards{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:11px}.team-card{border:1px solid #345f4a;border-radius:18px;min-width:0;position:relative;overflow:hidden;padding:15px 12px 13px;background:radial-gradient(circle at 82% 3%,#244c3f 0,transparent 65%),linear-gradient(150deg,#173b30,#102c24);box-shadow:inset 0 1px #ffffff0c;transition:border-color .3s,transform .3s}.team-card--b{border-color:#714c49;background:radial-gradient(circle at 80% 5%,#613633 0,transparent 72%),linear-gradient(150deg,#3d2728,#251e20)}.team-card--leader{border-color:#e0c28b;box-shadow:inset 0 1px #ffffff0c,0 0 25px #cfb27315}.team-card--b.team-card--leader{border-color:#d89b83}.team-card-top{display:flex;justify-content:space-between;align-items:flex-start;font-size:9px;letter-spacing:1.3px;color:#b6c0a9;font-weight:900}.team-card--b .team-card-top{color:#e1ac9e}.team-suit{font-size:34px;line-height:.8;color:#d3bc87;animation:suit-breathe 4s ease-in-out infinite}.team-card--b .team-suit{color:#e29a8c}@keyframes suit-breathe{50%{transform:scale(1.14) rotate(6deg);opacity:.7}}.team-players{min-height:45px;font:700 17px/1.22 Outfit,sans-serif;letter-spacing:-.4px;margin-top:11px;overflow-wrap:anywhere}.team-players span{font-weight:400;color:#c4b18d;font-size:13px}.team-card--b .team-players span{color:#e5b1a5}.team-score{font:800 clamp(28px,8vw,40px)/1 Outfit,sans-serif;letter-spacing:-1.3px;margin-top:24px;white-space:nowrap;animation:score-appear .35s ease-out}.team-card--b .team-score{color:#ffc4b3}@keyframes score-appear{0%{opacity:.5;transform:translateY(5px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.score-caption{color:#aac5b7;font-size:8px;font-weight:900;letter-spacing:1px;margin-top:7px}.team-card--b .score-caption{color:#d6a49c}.score-track{margin-top:19px;height:5px;border-radius:15px;overflow:hidden;background:#4061548a}.score-track>div{height:100%;background:linear-gradient(90deg,#c6a875,#edd6a1);border-radius:15px;transition:width .5s ease}.team-card--b .score-track{background:#7a5454}.team-card--b .score-track>div{background:linear-gradient(90deg,#d6766b,#ffc5af)}.team-bottom{display:flex;justify-content:space-between;align-items:center;gap:4px;min-height:18px;margin-top:10px;color:#b1c8b8;font-size:9px}.team-card--b .team-bottom{color:#e3b8af}.leader-pill{display:inline-flex;gap:3px;align-items:center;border:1px solid #bca37065;border-radius:7px;padding:3px;color:#e1c48f;white-space:nowrap;font-size:8px;font-weight:850}.versus-center{position:absolute;z-index:2;top:45%;left:50%;transform:translate(-50%,-50%);border:3px solid #0b241e;width:30px;height:30px;background:#d9be8c;border-radius:50%;color:#18342a;display:grid;place-items:center;font:800 10px Outfit,sans-serif;box-shadow:0 0 12px #0004}.control-status{display:flex;align-items:center;gap:10px;padding:15px 4px 20px;color:#a8bcaf;font-size:11px;line-height:1.6}.control-status strong{color:#e6e4d9}.control-status-icon{width:30px;height:30px;flex-shrink:0;display:grid;place-items:center;border-radius:9px;color:#dec18f;background:#1c3b2d}.win-banner{background:radial-gradient(circle at 0% 0%,#b38d493d,transparent 65%),#1e3629;border:1px solid #b99b65a3;border-radius:15px;padding:16px;display:flex;gap:12px;margin:0 0 18px}.win-banner h3{font-size:18px;margin:4px 0}.win-banner p{font-size:11px;line-height:1.6;color:#c5c6b2}.win-confetti{font-size:31px;color:#dec38f;animation:twinkle 3s infinite alternate}.game-tabs{display:grid;grid-template-columns:repeat(3,1fr);background:#0a201b;border:1px solid #2a463b;border-radius:13px;padding:4px;gap:2px}.game-tabs button{border:0;background:transparent;border-radius:9px;color:#91aa9e;display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;font-weight:800;min-height:44px}.game-tabs button.selected{background:#24453a;color:#efd8a5;box-shadow:0 2px 8px #0003}.tab-panel{animation:slide-in .22s ease-out}.panel-title{display:flex;align-items:center;justify-content:space-between;margin:24px 1px 15px;color:#cbb688;font-size:9px;font-weight:900;letter-spacing:1px}.panel-title>span{display:flex;align-items:center;gap:5px}.panel-title>span:last-child{color:#77968a;font-size:8px;letter-spacing:.65px}.panel-title i{height:6px;width:6px;display:inline-block;background:#d0ae79;border-radius:50%;margin-right:4px}.activity-empty{min-height:150px;border:1px dashed #4a6657;border-radius:15px;background:#15312866;text-align:center;padding:16px 27px}.activity-empty-icon{color:#d1b586;font-size:26px;animation:suit-breathe 3s infinite}.activity-empty h3{font-size:17px;margin:7px 0 4px}.activity-empty p{font-size:11px;color:#95aa9f;line-height:1.6}.activity-card{display:flex;align-items:center;gap:11px;background:#15352b;border:1px solid #395949;border-radius:14px;padding:16px 13px}.activity-card strong{font-size:12px}.activity-card p{font-size:10px;color:#8ea99a;margin-top:5px}.activity-dot{display:grid;place-items:center;color:#0e3827;background:#95cbaa;border-radius:50%;height:31px;width:31px;flex-shrink:0}.muted-icon{margin-left:auto;color:#769789}.quick-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.quick-summary>div{border:1px solid #365547;background:#15302880;border-radius:13px;padding:14px}.quick-summary span{display:block;color:#8da89a;font-size:8px;font-weight:900;letter-spacing:.8px;margin-bottom:7px}.quick-summary strong{font:800 24px Outfit,sans-serif}.actions-lower button{width:100%;border:1px solid #3c6150;background:transparent;color:#b7cabe;min-height:45px;display:flex;align-items:center;justify-content:center;gap:9px;border-radius:11px;font-size:12px;margin-top:15px}.actions-lower button svg:last-child{margin-left:auto;margin-right:13px}.end-spacer{height:126px}.bottom-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(calc(100% - 24px),470px);z-index:8;background:linear-gradient(0deg,#081d17 70%,#081d17ee 85%,transparent);padding:21px 19px max(18px,env(safe-area-inset-bottom));border-top:1px solid #2c4e4055;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bottom-bar .primary-btn{width:100%;justify-content:center;font-size:13px;height:54px}.bottom-primary .button-dot{font-size:22px;color:#6a532c;margin-left:auto}.viewer-footer{min-height:50px;display:flex;align-items:center;gap:9px;color:#a2b9a7;font-size:11px}.viewer-footer>button{margin-left:auto;width:42px;height:42px;border:1px solid #365044;background:#19352b;color:#dfbf87;border-radius:12px}.viewer-pulse{width:8px;height:8px;flex-shrink:0;border-radius:50%;background:#8fbc95;animation:status-blink 2s infinite}.history-list{display:flex;flex-direction:column;gap:9px}.history-item{border:1px solid #365647;background:#132e25;border-radius:14px;overflow:hidden}.history-trigger{display:flex;align-items:center;gap:10px;padding:13px 11px;width:100%;background:transparent;border:0;color:#ede8dc;text-align:left}.history-index{height:35px;width:35px;display:grid;place-items:center;background:#22483a;border:1px solid #42604c;border-radius:10px;color:#e4c994;font:800 14px Outfit,sans-serif;flex-shrink:0}.history-middle{min-width:0;flex:1}.history-middle strong,.history-middle small{display:block;white-space:nowrap}.history-middle strong{font-size:12px}.history-middle small{font-size:9px;color:#94ae9d;margin-top:4px}.history-points{display:flex;flex-direction:column;align-items:flex-end;gap:3px;font:700 11px Outfit,sans-serif;white-space:nowrap}.history-points>b:first-child{color:#e1c893}.history-points>b:last-child{color:#eca498}.history-chevron{flex-shrink:0;color:#a4b19e;transition:transform .2s}.history-detail{border-top:1px solid #355345;padding:13px 13px 15px;animation:slide-in .2s}.history-legend,.history-detail-row{display:grid;grid-template-columns:1fr 63px 63px;align-items:center;gap:5px;padding:7px 0}.history-legend{color:#b5ba9e;font-size:9px;font-weight:900;letter-spacing:.8px}.history-legend span:nth-child(2),.history-detail-row b:nth-child(2){color:#e0c38e}.history-legend span:nth-child(3),.history-detail-row b:nth-child(3){color:#f0a999}.history-legend span:not(:first-child),.history-detail-row b{text-align:right}.history-detail-row{border-bottom:1px solid #ffffff0b;font-size:10px;color:#c4d1c3}.history-detail-row b{font:750 11px Outfit,sans-serif}.history-actions{display:flex;gap:8px;margin-top:12px}.subtle-btn{border:1px solid #55735d;background:#26493a;color:#ebd5ad;border-radius:9px;min-height:37px;padding:0 11px;display:flex;align-items:center;justify-content:center;gap:5px;font-size:10px;font-weight:800}.subtle-btn.danger{color:#f0aaa5;border-color:#705147;background:#492925}.empty-panel{text-align:center;padding:35px 22px;background:#13312770;border:1px dashed #416251;border-radius:15px;color:#adc7b4}.empty-panel svg{color:#dabf8e;margin-bottom:8px}.empty-panel h3{font-size:18px;color:#e8eee2}.empty-panel p{font-size:12px;line-height:1.65;margin-top:7px}.rules-panel{margin-top:18px;border:1px solid #355849;border-radius:16px;overflow:hidden;background:#143127}.rules-intro{padding:19px}.rules-icon{width:45px;height:45px;border-radius:13px;display:grid;place-items:center;color:#c9a76d;font-size:26px;border:1px solid #406c50;background:#1e4635;margin-bottom:15px}.rules-intro h3{font-size:22px;letter-spacing:-.5px;margin:4px 0 6px}.rules-intro p{font-size:11px;line-height:1.7;color:#a5b7a8}.rule-lines{padding:0 19px}.rule-lines>div{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid #3b5845;color:#bfcab7;font-size:12px}.rule-lines strong{color:#ecd09d;font:800 14px Outfit,sans-serif}.info-note{display:flex;align-items:flex-start;gap:10px;background:#213c30;padding:14px 18px;color:#acbea9;font-size:10px;line-height:1.7}.info-note svg{flex-shrink:0;color:#d8b77b}.modal-backdrop{position:fixed!important;z-index:30!important;top:0;right:0;bottom:0;left:0;background:#02100cba;display:flex;justify-content:center;align-items:flex-end;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);animation:overlay-appear .15s ease-out}@keyframes overlay-appear{0%{opacity:0}to{opacity:1}}.sheet{background:linear-gradient(160deg,#17362a,#0b221c 72%);border:1px solid #4b6b54;border-bottom:0;box-shadow:0 -20px 85px #0008;border-radius:25px 25px 0 0;width:min(100%,470px);max-height:93dvh;overflow:auto;padding:9px 19px max(25px,env(safe-area-inset-bottom));animation:sheet-rise .26s cubic-bezier(.18,.8,.34,1)}@keyframes sheet-rise{0%{transform:translateY(32px);opacity:.5}to{transform:translateY(0);opacity:1}}.sheet-grab{width:36px;height:4px;border-radius:10px;background:#688879;opacity:.5;margin:0 auto 20px}.sheet-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:17px}.sheet-top h2{font-size:26px}.sheet-team-tabs{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:23px}.sheet-team-tabs button{background:#143329;border:1px solid #46634e;display:flex;flex-direction:column;text-align:left;color:#d7e0d5;border-radius:13px;gap:4px;padding:12px;min-width:0}.sheet-team-tabs button:nth-child(2){background:#352527;border-color:#704a44}.sheet-team-tabs button.selected.a{border-color:#e8cc94;background:#244936;box-shadow:0 0 0 1px #d3ad7440}.sheet-team-tabs button.selected.b{border-color:#f0a798;background:#643735;box-shadow:0 0 0 1px #dc978340}.sheet-team-tabs button>span{font-size:9px;letter-spacing:.8px;color:#dfc38c;font-weight:900}.sheet-team-tabs button:nth-child(2)>span{color:#efa594}.sheet-team-tabs strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.sheet-team-tabs small{font:800 17px Outfit,sans-serif;color:#f4e3bc}.sheet-team-tabs button:nth-child(2) small{color:#ffb9a8}.score-entry{display:flex;flex-direction:column;gap:22px}.entry-section{padding:0 0 19px;border-bottom:1px solid #3a5547}.entry-title{display:flex;align-items:center;gap:10px;font:750 17px Outfit,sans-serif}.entry-bullet{background:#254635;border:1px solid #4c634d;color:#ddc08b;font:900 10px Outfit,sans-serif;width:28px;height:28px;border-radius:9px;display:grid;place-items:center}.entry-section>p{font-size:11px;color:#9db5a6;line-height:1.65;margin-top:7px;margin-bottom:13px}.score-input-wrap{display:flex;align-items:center;border-radius:13px;background:#081f19;border:1px solid #456452;padding:0 12px;gap:6px}.score-input-wrap>span:first-child{font-size:9px;letter-spacing:.65px;font-weight:900;color:#9eaf9e;max-width:80px;line-height:1.4}.score-input-wrap input{background:transparent;border:0!important;outline:0!important;text-align:right;font:850 33px Outfit,sans-serif;padding:10px 0;min-width:0}.input-pts{font-size:10px;color:#a7bba9;font-weight:800}.chips-caption{font-size:9px;letter-spacing:1px;font-weight:900;color:#ddc08d;margin:16px 0 9px;display:flex;justify-content:space-between;gap:8px}.chips-caption>span{color:#7d9a88;font-size:8px;letter-spacing:.25px}.calc-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.calc-chips button{min-height:38px;border:1px solid #466d54;background:#254536;color:#dec597;border-radius:9px;font:800 12px Outfit,sans-serif}.calc-chips button.subtract{border-color:#664740;background:#3e2929;color:#efa49a}.calc-chips button:active{filter:brightness(1.3)}.stepper{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:65px;border-bottom:1px solid #3c584a}.stepper>div:first-child strong,.stepper>div:first-child small{display:block}.stepper strong{font-size:12px}.stepper small{color:#a1baa8;margin-top:5px;font-size:10px}.stepper-controls{display:flex;align-items:center;gap:4px}.stepper-controls button{border-radius:9px;width:34px;height:34px;background:#254b38;border:1px solid #4a6750;color:#e4c994;display:grid;place-items:center}.stepper-controls>span{width:29px;text-align:center;font:800 19px Outfit,sans-serif}.subtotal-line{display:flex;justify-content:space-between;gap:6px;padding-top:14px;color:#a9bda9;font-size:11px}.subtotal-line strong{color:#e3c994;font-size:12px}.bonus-grid{margin-top:13px}.bonus-grid input{font:800 18px Outfit,sans-serif}.checkboxes{display:flex;flex-direction:column;gap:8px;margin-top:14px}.checkboxes label{display:flex;align-items:center;gap:11px;position:relative;padding:12px;background:#16352a;border:1px solid #3d5f4b;border-radius:10px;cursor:pointer}.checkboxes input{accent-color:#d4b77d;width:18px;height:18px}.checkboxes span{flex:1}.checkboxes strong,.checkboxes small{display:block}.checkboxes strong{font-size:12px}.checkboxes small{font-size:10px;color:#b7c7b1;margin-top:3px}.checkboxes svg{color:#d2b783;opacity:0}.checkboxes label:has(input:checked){border-color:#c5a570}.checkboxes label:has(input:checked) svg{opacity:1}.entry-total{display:flex;align-items:center;justify-content:space-between;background:#203f30;border:1px solid #56705a;border-radius:13px;padding:13px 15px}.entry-total>span{font-size:10px;letter-spacing:.7px;color:#c7c7af;font-weight:900}.entry-total>strong{font:800 26px Outfit,sans-serif;letter-spacing:-.6px;color:#e9d29e}.entry-total>strong small{font-size:9px;letter-spacing:0}.entry-total>strong.coral-ink{color:#f8a997}.sheet-footer{padding:19px 0 0;background:#0e261e}.sheet-footer-summary{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-bottom:12px}.sheet-footer-summary>span{font-size:9px;letter-spacing:.6px;color:#adc3aa;font-weight:800}.sheet-footer-summary>div{display:flex;gap:12px;font:800 13px Outfit,sans-serif}.sheet-footer-summary strong:first-child{color:#e4c58b}.sheet-footer-summary strong:last-child{color:#eba194}.sheet-footer>.primary-btn{width:100%}.sheet--short{padding-bottom:max(32px,env(safe-area-inset-bottom))}.sheet-muted{font-size:12px;color:#a2b7a5;line-height:1.7;margin-bottom:18px}.invite-code{border:1px dashed #738568;background:#183b2c;padding:15px;border-radius:14px;display:flex;align-items:center;gap:12px;margin-bottom:15px}.invite-code>span{font-size:9px;letter-spacing:.5px;color:#adbfac;flex:1}.invite-code>strong{font:900 24px Outfit,sans-serif;letter-spacing:3px;color:#e7cb92}.invite-code button{background:#294939;flex-shrink:0}.sheet--short>.primary-btn{width:100%}.transfer-section{margin-top:25px;padding-top:20px;border-top:1px solid #4c6853}.transfer-heading{display:flex;align-items:center;gap:10px;color:#e4c999}.transfer-heading>svg{background:#2f4834;border-radius:10px;padding:8px;box-sizing:content-box}.transfer-heading strong{font:800 15px Outfit,sans-serif;color:#e8e4d8}.transfer-heading p{font-size:10px;color:#91ac9c;margin-top:3px}.transfer-section>p{font-size:11px;line-height:1.65;color:#9bac9c;margin:13px 0}.secondary-btn{min-height:45px;background:#254b38;border:1px solid #547054;color:#e2d0aa;border-radius:11px;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:800}.transfer-url{background:#1a3c2b;border:1px solid #4b704e;border-radius:10px;padding:12px;color:#c1ddb9;font-size:11px;line-height:1.6;margin-bottom:10px}.claim-banner{display:flex;gap:12px;border:1px solid #af996c;background:#2e3828;border-radius:15px;padding:15px;margin-bottom:22px}.claim-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:10px;background:#4a4c2c;color:#e6ce9a;flex-shrink:0}.claim-banner strong{font-size:13px;color:#f3ddad}.claim-banner p{font-size:11px;line-height:1.6;color:#ccc7ae;margin:7px 0 11px}.claim-banner .primary-btn{min-height:41px;font-size:11px}.claim-error{color:#f6aaa2!important}.mini-toast{position:fixed!important;z-index:40!important;top:19px;left:50%;transform:translate(-50%);min-width:230px;max-width:calc(100% - 30px);padding:12px 16px;border-radius:12px;background:#e6d2a2;color:#14362a;display:flex;align-items:center;justify-content:center;gap:9px;font-size:12px;font-weight:900;box-shadow:0 10px 25px #0005;animation:slide-in .2s ease-out}.loading-screen,.notfound{display:flex;min-height:70dvh;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:17px;padding:35px}.loading-screen>p,.notfound>p{font-size:12px;color:#a9baab;line-height:1.6}.loading-spade{font-size:64px;color:#e0c490;animation:suit-breathe 1.2s ease-in-out infinite}.notfound-mark{font-size:70px;color:#cfb589}.notfound h2{font-size:27px}.notfound .primary-btn{margin-top:10px}.notfound .brand{position:absolute;top:35px;left:35px}@keyframes slide-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(min-width:640px){.site-canvas{padding:34px 10px}.phone-app{border:1px solid #466151;border-radius:30px;min-height:calc(100dvh - 68px);overflow:hidden}.bottom-bar{bottom:0;width:min(calc(100% - 20px),470px)}.modal-backdrop{align-items:center}.sheet{border-radius:24px;border-bottom:1px solid #4b6b54;max-height:91dvh}.phone-app .suits-bg{border-radius:30px}}@media(max-width:365px){.hero{padding-left:16px;padding-right:16px}.topbar{padding:0 20px}.topbar-mini{font-size:8px}.hero-feature{gap:7px}.hero-feature>span{font-size:8px}.setup-card{margin:0 10px;padding:13px}.field-pair,.bonus-grid{gap:7px}.field input{padding:10px 8px}.team-players{font-size:15px}.team-score{font-size:28px}.team-card{padding:12px 9px}.game-content{padding:20px 13px 0}.game-title h1{font-size:29px}.team-bottom{font-size:8px}.leader-pill{font-size:7px}.sheet{padding-left:14px;padding-right:14px}.sheet-team-tabs button{padding:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.sheet-footer{position:sticky;bottom:0;z-index:2;border-top:1px solid #3b5647;margin:0 -2px;padding:14px 2px max(12px,env(safe-area-inset-bottom));box-shadow:0 -10px 25px #09231a91}.copy-link{display:flex;align-items:center;justify-content:center;gap:7px;border:0;background:transparent;color:#c9b999;font-size:11px;font-weight:800;width:100%;padding:13px 6px 0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.extra-adjustment{margin-top:11px}.extra-adjustment input{font:800 18px Outfit,sans-serif}@media(max-width:639px){.field input{font-size:16px}}