@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--gold:#d4b779;--light:#f0e5c8;--muted:#9eaf9d;--border:#c4ab7133;--display:'Cormorant Garamond',Georgia,serif;--body:Manrope,Arial,sans-serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0,#203e2b55,transparent 65%),#091710;color:var(--light);font:13px var(--body)}button,select,input{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:transparent;border:1px solid var(--border);padding:11px 16px;border-radius:5px;transition:background .18s,border-color .18s,transform .18s}button:hover:not(:disabled){background:#c2a16118;border-color:#d4b779aa}button:disabled{opacity:.38;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,[role=button]:focus-visible{outline:2px solid #f5dc9f;outline-offset:4px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.topbar{height:88px;padding:0 4%;display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--border);background:#091710e6}.brand{display:flex;align-items:center;gap:15px;white-space:nowrap}.brand img{width:54px;height:61px;object-fit:contain}.brand>span{font:600 18px var(--display);letter-spacing:2px;color:#e1c88d}.brand small{display:block;font:7px var(--body);letter-spacing:3px;margin-top:6px;color:#afbaa6}.topbar nav{display:flex;gap:32px;margin:auto}.topbar nav button{border:0;font-size:11px;color:#b3bea9;padding:13px 0}.header-end{display:flex;gap:19px;align-items:center}.private-label{font-size:8px;letter-spacing:1.5px;color:#acb496;white-space:nowrap}i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#a6c38c}.private-label i{margin-right:7px;box-shadow:0 0 9px #a6c38c66}.icon-button{font-size:20px;border-radius:50%;width:38px;height:38px;padding:0;color:var(--gold)}main{max-width:1600px;margin:auto;padding:0 3%}.heading{padding:27px 0 22px;display:flex;align-items:center;justify-content:space-between;gap:25px}.eyebrow{font-size:8px;letter-spacing:2px;font-weight:600;color:#c0aa7a;display:block}.heading h1{font:500 39px/1 var(--display);margin:6px 0 0;display:flex;align-items:center;gap:22px}.title-line{display:inline-block;width:47px;height:1px;background:#b6a57580}.mode-tabs{display:flex;border:1px solid var(--border);border-radius:6px;padding:4px;background:#0b2016b0;gap:4px}.mode-tabs button{padding:9px 26px;font-size:11px;border:0;color:#a2b39a;min-width:80px}.mode-tabs button.active{color:#eed99f;background:#bda16a20;box-shadow:inset 0 0 0 1px #c4a66b77}.heading-tools{display:flex;gap:8px}.heading-tools button{border:0;color:#b0baa1;font-size:11px;padding:10px 8px}.heading-tools button>span:last-child{font-size:10px;margin-left:5px}.question{display:inline-flex;border:1px solid #a6aa8b;border-radius:50%;width:15px;height:15px;align-items:center;justify-content:center;font-size:10px}.scene{position:relative;width:100%;aspect-ratio:1.92;background:#113725 url('assets/domino-salon.webp') center 56%/cover;border:1px solid #bda16966;border-radius:12px;overflow:hidden;box-shadow:0 20px 65px #0007;isolation:isolate}.scene-vignette{position:absolute;inset:0;z-index:-1;background:linear-gradient(#0002 0%,transparent 45%,#0003 100%)}.edition{position:absolute;left:2.5%;top:5%;color:#d5bb85;font-size:8px;letter-spacing:2px;text-shadow:0 1px 4px #000}.edition small{display:block;font-size:6px;margin-top:6px;letter-spacing:2px;color:#c1ba9e}.match-label{position:absolute;right:2.5%;top:5%;font-size:7px;letter-spacing:1.6px;color:#c6bb99;text-shadow:0 1px 5px black}.opponent{position:absolute;left:50%;top:9%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;padding:8px 16px 8px 8px;border:1px solid #b79b6580;border-radius:45px;background:linear-gradient(120deg,#12281ff5,#091a13f0);box-shadow:0 7px 25px #0008;z-index:2;min-width:208px}.avatar{position:relative;flex-shrink:0;width:52px;height:52px;border:1px solid var(--gold);padding:3px;border-radius:50%}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar i{position:absolute;right:0;bottom:3px;width:8px;height:8px;border:2px solid #132319}.opponent strong{font:600 20px var(--display);display:block;letter-spacing:.3px}.opponent strong small{font:6px var(--body);color:#a7b59b;letter-spacing:1px;margin-left:5px}.opponent span{display:block;color:#a6b59d;font-size:9px;margin-top:3px}.opponent.active{box-shadow:0 0 0 2px #d2b46b40,0 0 30px #d2b46b35}.opponent-rack{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%);display:flex;gap:4px;max-width:300px}.back-tile{width:19px;height:36px;flex-shrink:0;border:1px solid #c2a56a;border-radius:3px;background:repeating-linear-gradient(45deg,transparent 0 3px,#b89a5325 3px 4px),linear-gradient(120deg,#253b2a,#09160f);box-shadow:1px 3px 0 #070c08,0 4px 7px #0007;display:flex;align-items:center;justify-content:center;color:#cbb475;font:10px var(--display)}.welcome{position:absolute;left:50%;top:32%;transform:translateX(-50%);text-align:center;width:500px;max-width:90%;z-index:2}.welcome>.eyebrow{font-size:7px;letter-spacing:3px;color:#cbb681}.welcome h2{font:500 clamp(36px,4vw,60px)/.95 var(--display);margin:12px 0;color:#f6e8c2;text-shadow:0 2px 12px #00170f66}.welcome h2 em{font-weight:400;color:#dfc387}.welcome p{font-size:10px;letter-spacing:.5px;color:#bbcab0;margin:13px 0 0}.hero-tiles{height:114px;display:flex;align-items:center;justify-content:center;gap:9px;margin:8px 0}.hero-tiles>svg{width:54px;height:108px;transform:rotate(-13deg);filter:drop-shadow(3px 8px 5px #0007)}.hero-tiles>svg:nth-child(2){transform:translateY(-5px);z-index:2}.hero-tiles>svg:nth-child(3){transform:rotate(13deg)}.gold{background:linear-gradient(115deg,#ebd59c,#b99a56)!important;border:1px solid #e5ca8c!important;color:#172519!important;font-weight:800;box-shadow:0 4px 15px #0004}.gold:hover{background:linear-gradient(115deg,#f3dfac,#d2b477)!important;transform:translateY(-1px)}.start{width:225px;display:flex;align-items:center;justify-content:space-between;margin:auto;padding:14px 22px;font-size:11px}.start span{font-size:18px;line-height:14px}.welcome>small{display:block;font-size:6px;letter-spacing:1.7px;color:#8fa489;margin-top:14px}.table-seal{position:absolute;left:50%;top:70%;transform:translate(-50%,-50%);text-align:center;opacity:.13;pointer-events:none}.table-seal img{width:65px;filter:grayscale(1);opacity:.8}.table-seal span{font:600 14px var(--display);letter-spacing:4px;display:block;white-space:nowrap}.table-seal small{font-size:5px;letter-spacing:2px;display:block;margin-top:7px}.scene:not(.playing) .table-seal{display:none}.scene-bottom{position:absolute;bottom:4.6%;left:3%;right:3%;display:flex;align-items:center;justify-content:space-between;font-size:6px;letter-spacing:1.6px;color:#b6b293;text-shadow:0 1px 5px #000}.scene-bottom b{font-weight:500}.scene-bottom i{width:4px;height:4px;margin-right:7px;background:#dbc58b}.scene-bottom button{border:0;padding:0;font-size:14px}.scene-bottom button span{font-size:8px;letter-spacing:.3px}.scoreboard{position:absolute;left:3%;top:31%;z-index:2;display:flex;align-items:center;gap:16px;padding:12px 18px;background:#082017dc;border:1px solid #c5a46755;border-radius:6px}.scoreboard>div{text-align:center}.scoreboard>div>span{display:block;font-size:6px;letter-spacing:1px;color:#a9b596}.scoreboard strong{font:500 30px var(--display);color:#ecd39b;display:block}.score-divider{color:#927b48;font:22px var(--display)}.scoreboard>small{position:absolute;bottom:-16px;left:0;width:100%;text-align:center;font-size:6px;letter-spacing:1.5px;color:#c8ba93}.board-wrap{position:absolute;left:5%;right:5%;top:36%;height:48%;display:flex;align-items:center;justify-content:center;z-index:1}.board-wrap svg{width:100%;height:100%;overflow:visible}.tile-shape{filter:drop-shadow(1px 4px 2px #00180f99)}.endpoint{cursor:pointer}.endpoint circle{fill:#113f2d;stroke:#dabf80;stroke-width:1.5;stroke-dasharray:4 3;transition:fill .2s}.endpoint:hover circle{fill:#65805b}.endpoint text{fill:#ead7a7;font:700 13px var(--body);text-anchor:middle;dominant-baseline:central}.endpoint:not(.eligible){opacity:.45}.endpoint.eligible circle{fill:#7a814137;stroke:#ffe2a3;stroke-width:2.4;filter:drop-shadow(0 0 5px #c9b16a88)}.board-connector{fill:none;stroke:#c6b77570;stroke-width:1.5;stroke-dasharray:4 4}.rack-panel{margin-top:18px;padding:22px 25px 15px;border:1px solid var(--border);border-radius:8px;background:linear-gradient(115deg,#152e2180,#0b1f16a0);box-shadow:0 10px 30px #0002}.rack-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.rack-heading h2{font:500 27px var(--display);margin:4px 0}.rack-heading p{font-size:10px;color:#a3b59c;margin:5px 0 0;line-height:1.6}.rack-tools{display:flex;gap:8px;align-items:center}.rack-tools button{font-size:13px;display:flex;align-items:center;gap:7px;min-height:41px;padding:8px 14px}.rack-tools button span{font-size:10px}.rack-tools #draw{min-width:130px;justify-content:center;border-color:#bfa46966;color:#e2ca92}.mini-back{display:inline-flex;align-items:center;justify-content:center;border:1px solid #9d874d;width:15px;height:24px;background:repeating-linear-gradient(45deg,#082315 0 3px,#a58c4730 3px 4px);font:7px var(--display)!important;flex-shrink:0}.hand{display:flex;justify-content:center;gap:12px;align-items:center;padding:23px 5px 17px;min-height:140px;flex-wrap:wrap}.hand .tile{padding:0;border:0;background:transparent;width:52px;height:102px;border-radius:5px;position:relative;filter:drop-shadow(2px 5px 2px #0005);transition:transform .2s,filter .2s}.hand .tile svg{width:100%;height:100%;display:block}.hand .tile:not(:disabled):hover{background:transparent;transform:translateY(-9px) rotate(-2deg)}.hand .tile.selected{transform:translateY(-13px);filter:drop-shadow(0 0 6px #e0bb6888)}.hand .tile.selected:after{content:'◆';position:absolute;bottom:-19px;left:0;right:0;font-size:9px;color:#e7cb8f;text-align:center}.hand .tile:disabled{opacity:.45;filter:saturate(.5) drop-shadow(2px 5px 2px #0005)}.hand .tile.playable:before{content:'';position:absolute;inset:-4px;border:1px solid #bea15b66;border-radius:7px}.hand .tile.hinted:before{border:2px solid #f1d593;box-shadow:0 0 14px #e7c47788}.hand.demo{opacity:.85}.hand.demo .tile{transform:rotate(-3deg)}.hand.demo .tile:nth-child(even){transform:rotate(3deg) translateY(-3px)}.hand-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #a88d4c22;padding-top:12px;font-size:8px;color:#96a88e}.hand-foot>span:last-child{font-size:6px;letter-spacing:1.6px;color:#baac7f}.lower-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:9px 0 27px;color:#849a81;font-size:8px}.lower-bar>div{display:flex;align-items:center;gap:12px}.lower-bar button{border:0;padding:8px 0;font-size:9px}.lower-bar .collection-link{color:#c7af79}.collection-link span{margin-left:10px;font-size:13px}.mode-guide{display:flex;align-items:center;gap:25px;border-top:1px solid var(--border);padding:26px 0 34px}.mode-guide>div{min-width:210px}.mode-guide h2{font:500 27px var(--display);margin:5px 0 0}.mode-guide button{flex:1;display:flex;gap:17px;align-items:center;text-align:left;border:0;border-left:1px solid var(--border);border-radius:0;padding:6px 23px}.mode-number{font:italic 26px var(--display);color:#998457}.mode-guide strong{font:500 23px var(--display);display:block}.mode-guide small{font-size:8px;color:#94a38b;display:block;margin-top:6px;line-height:1.6}.arrow{margin-left:auto;color:#cdb883;font-size:18px}footer{border-top:1px solid var(--border);padding:16px 4%;display:flex;align-items:center;justify-content:space-between;font-size:6px;letter-spacing:1.5px;color:#839379}footer img{width:32px;height:35px;object-fit:contain;opacity:.6}.round-banner{position:absolute;z-index:5;left:50%;top:49%;transform:translate(-50%,-30%);width:440px;max-width:91%;padding:25px;text-align:center;border:1px solid #d2b67b;border-radius:8px;background:radial-gradient(ellipse at top,#31472b,#0a2117 70%);box-shadow:0 15px 55px #000a}.round-banner h2{font:500 42px var(--display);margin:8px 0;color:#f2dda9}.round-banner p{font-size:11px;line-height:1.8;color:#b9c4a7;margin:8px 0 18px}.round-banner .gold{display:block;width:100%}.round-banner>button:last-child{border:0;font-size:9px;margin-top:7px;color:#b9b18a}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}dialog{width:650px;max-width:calc(100vw - 26px);max-height:90dvh;padding:28px;border:1px solid #b9a16c99;border-radius:12px;background:radial-gradient(ellipse at top,#2d462b66,transparent 70%),#10251b;color:var(--light);box-shadow:0 30px 100px #000a}dialog::backdrop{background:#020d08bf;backdrop-filter:blur(7px)}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border);padding-bottom:18px}.modal-heading h2{font:500 38px var(--display);margin:5px 0 0}.modal-heading>button{border:0;padding:2px 7px;font-size:28px;color:#d4c091}#modal-content{padding-top:20px}#modal-content p{font-size:12px;color:#acbda5;line-height:1.9}#modal-content h3{font:500 25px var(--display);margin:17px 0 8px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:flex;flex-direction:column;gap:8px;margin:10px 0 16px}.field>span{font-size:9px;letter-spacing:1px;color:#bead83}.field select{width:100%;background:#0a1d14;color:#ede0b9;padding:12px;border:1px solid #b59e6455;border-radius:5px;font-size:12px}.opponent-options{display:flex;gap:12px;margin:15px 0}.opponent-choice{flex:1;text-align:center;padding:13px 6px;border-color:#b29b6140}.opponent-choice.active{border-color:#dfc589;background:#c5a85d12}.opponent-choice img{width:58px;height:58px;border:1px solid var(--gold);border-radius:50%;display:block;margin:0 auto 8px}.opponent-choice strong{font:500 21px var(--display);display:block}.opponent-choice small{font-size:8px;color:#9cab8f;display:block;margin-top:3px}.wide{width:100%;margin-top:14px}.notice{padding:12px 15px;border:1px solid var(--border);border-radius:5px;background:#d7b97508;font-size:10px;color:#b4c1a9;line-height:1.9}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.collection-card{border:1px solid var(--border);border-radius:7px;text-align:center;padding:22px 10px;background:#071a1266}.collection-card.active{border-color:var(--gold)}.collection-card .sample{height:112px;display:flex;justify-content:center;align-items:center;gap:5px}.collection-card svg{width:45px;height:91px;filter:drop-shadow(2px 5px 2px #0007)}.collection-card svg:first-child{transform:rotate(-10deg)}.collection-card svg:last-child{transform:rotate(10deg)}.collection-card h3{font-size:24px!important}.collection-card p{font-size:8px!important;line-height:1.6!important;min-height:28px}.collection-card button{font-size:10px;width:100%;padding:9px 3px}.rules-list{padding-left:18px;font-size:12px;color:#b6c2a9;line-height:1.9}.rules-list li{margin-bottom:8px}.rules-tabs{display:flex;gap:8px}.rules-tabs button{flex:1;font-size:11px}.rules-tabs .active{border-color:var(--gold);background:#c6a45c18}.rule-example{display:flex;align-items:center;gap:10px;margin:15px 0}.rule-example svg{width:45px;height:88px}.rule-example span{font-size:10px;color:#b6bea3}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:10px 0 20px}.stat{text-align:center;padding:18px 8px;background:#0b201666;border:1px solid var(--border);border-radius:6px}.stat strong{font:500 38px var(--display);display:block;color:#e7cc8d}.stat span{font-size:8px;color:#a0af96;letter-spacing:1px}.history-row{padding:14px 0;border-bottom:1px solid var(--border);display:flex;gap:12px;align-items:center}.history-row strong{font:500 22px var(--display);display:block}.history-row small{font-size:9px;color:#9eb095;line-height:1.8}.history-row>span:last-child{margin-left:auto;font:500 26px var(--display);color:#d7bb7a;white-space:nowrap}.history-log{max-height:260px;overflow:auto;margin-top:12px}.history-log>div{font-size:10px;color:#abb99f;line-height:2.2;border-bottom:1px solid #c5a97115}.history-log b{color:#dfc58b;font-weight:500}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--border)}.toggle-row label{font-size:11px;color:#bdc6ad}.toggle-row input{accent-color:#c6a96c;width:18px;height:18px}.button-row{display:flex;gap:10px;margin-top:20px}.button-row button{flex:1}#toast{position:fixed;z-index:100;bottom:25px;left:50%;transform:translateX(-50%);max-width:90%;border:1px solid #c4a66f;background:#173c28;color:#f0dba8;padding:13px 22px;border-radius:7px;box-shadow:0 10px 30px #0007;font-size:11px;text-align:center;line-height:1.6}#toast:empty{display:none}
@media(min-width:1600px){.scene{aspect-ratio:2}.welcome{top:33%}.welcome h2{font-size:64px}.hero-tiles{height:130px}.hero-tiles>svg{width:60px;height:120px}.scoreboard{top:34%}.rack-panel{padding:24px 30px 16px}}
@media(max-width:1100px){.topbar{padding:0 3%;gap:15px}.topbar nav{gap:19px}.private-label{display:none}.heading{gap:16px}.mode-tabs button{padding:9px 18px}.heading-tools button>span:last-child{display:none}.scene{aspect-ratio:1.65}.welcome{top:33%}.welcome h2{font-size:48px}.hero-tiles{height:104px;margin:4px 0}.hero-tiles>svg{width:48px;height:96px}.opponent{top:8%;min-width:185px}.avatar{width:44px;height:44px}.opponent strong{font-size:18px}.opponent span{font-size:8px}.scoreboard{left:3%;top:32%;padding:9px 12px;gap:12px}.scoreboard strong{font-size:26px}.board-wrap{top:36%;height:48%;left:6%;right:6%}.mode-guide{gap:12px}.mode-guide>div{min-width:170px}.mode-guide button{padding:5px 13px;gap:10px}.mode-guide small{font-size:7px}.mode-guide strong{font-size:22px}.mode-number{font-size:21px}}
@media(max-width:720px){.topbar{height:69px;padding:0 14px;gap:8px}.brand img{width:39px;height:48px}.brand{gap:9px}.brand>span{font-size:13px;letter-spacing:1.6px}.brand small{font-size:5px;letter-spacing:2px}.topbar nav{margin-left:auto;gap:8px}.topbar nav button{display:none}.topbar nav button[data-panel=collection]{display:block;font-size:9px}.header-end{gap:0}.icon-button{width:31px;height:31px;font-size:17px}main{padding:0 11px}.heading{padding:20px 3px 14px;gap:12px;flex-wrap:wrap}.heading>.mode-tabs{order:3;width:100%;justify-content:stretch}.mode-tabs button{flex:1;padding:9px 10px;font-size:10px}.heading h1{font-size:34px;gap:16px}.eyebrow{font-size:6px;letter-spacing:1.5px}.title-line{width:30px}.heading-tools{margin-left:auto;gap:5px}.heading-tools button{font-size:18px;padding:6px 8px}.question{width:17px;height:17px;font-size:12px}.scene{aspect-ratio:.85;background-size:auto 100%;background-position:50% 50%;border-radius:9px}.edition{top:4%;left:4%;font-size:6px;letter-spacing:1.5px}.edition small{font-size:4.5px;margin-top:4px}.match-label{font-size:5px;letter-spacing:1px;top:4%;right:4%}.opponent{top:11%;gap:8px;padding:6px 13px 6px 6px;min-width:175px}.avatar{width:43px;height:43px}.opponent strong{font-size:19px}.opponent span{font-size:8px}.opponent-rack{top:calc(100% + 9px);gap:3px;max-width:270px}.back-tile{width:15px;height:28px;font-size:8px}.welcome{top:34%;width:95%}.welcome h2{font-size:44px;margin:11px 0}.welcome p{font-size:9px;margin:11px 0 4px}.welcome>.eyebrow{font-size:6px;letter-spacing:2px}.hero-tiles{height:99px;margin:6px 0}.hero-tiles>svg{width:46px;height:92px}.start{width:195px;padding:12px 19px;font-size:10px}.welcome>small{font-size:5px;letter-spacing:1.2px;margin-top:12px}.scene-bottom{font-size:5px;letter-spacing:1px;bottom:4%;left:4%;right:4%}.scene-bottom>span:nth-child(2){display:none}.scene-bottom button span{font-size:7px}.scoreboard{left:4%;top:30%;padding:7px 11px;gap:10px;border-radius:5px}.scoreboard strong{font-size:22px}.scoreboard>div>span{font-size:5px}.scoreboard>small{font-size:5px;bottom:-12px}.board-wrap{left:7%;right:7%;top:43%;height:39%}.table-seal{top:75%;opacity:.11}.table-seal img{width:47px}.table-seal span{font-size:11px;letter-spacing:3px}.table-seal small{font-size:4px}.rack-panel{margin-top:12px;padding:15px 13px 12px}.rack-heading{gap:10px;align-items:flex-start;flex-wrap:wrap}.rack-heading>div:first-child{width:100%}.rack-heading h2{font-size:26px;margin:5px 0 2px}.rack-heading p{font-size:9px;margin:2px 0}.rack-tools{width:100%;justify-content:space-between;gap:7px;margin-top:4px}.rack-tools button{flex:1;justify-content:center;padding:7px 9px;min-height:35px;font-size:12px}.rack-tools button span{font-size:9px}.rack-tools #draw{min-width:135px;flex:1.8}.mini-back{height:20px;width:13px}.hand{gap:9px;padding:21px 2px 17px;min-height:112px}.hand .tile{width:36px;height:72px}.hand .tile.selected{transform:translateY(-10px)}.hand .tile.selected:after{bottom:-17px;font-size:7px}.hand-foot{font-size:7px;align-items:flex-start;gap:10px}.hand-foot>span:last-child{font-size:5px;letter-spacing:.7px;text-align:right;max-width:43%;line-height:1.8}.lower-bar{flex-wrap:wrap;gap:0;margin:6px 0 19px}.lower-bar>div{gap:9px}.lower-bar button{font-size:8px}.lower-bar>span{order:3;width:100%;text-align:left;font-size:7px;margin-top:6px}.lower-bar .collection-link{font-size:7px}.collection-link span{margin-left:3px;font-size:11px}.mode-guide{display:grid;grid-template-columns:1fr;gap:0;padding:20px 0}.mode-guide>div{margin-bottom:17px}.mode-guide h2{font-size:26px}.mode-guide button{border-left:0;border-top:1px solid #c4ab7122;padding:16px 3px;gap:20px}.mode-guide strong{font-size:24px}.mode-guide small{font-size:9px;margin-top:4px}.mode-number{font-size:23px}.arrow{margin-right:4px}footer{padding:13px 14px;font-size:4px;letter-spacing:1px;gap:10px}footer img{width:26px;height:30px}.round-banner{top:48%;padding:20px;transform:translate(-50%,-10%)}.round-banner h2{font-size:34px}.round-banner p{font-size:10px}.round-banner .gold{font-size:11px;padding:12px}.round-banner>button:last-child{font-size:8px}.modal-heading h2{font-size:32px}dialog{padding:20px}.collection-grid{gap:8px}.collection-card{padding:15px 5px}.collection-card .sample{height:88px;gap:0}.collection-card svg{width:34px;height:68px}.collection-card h3{font-size:22px!important}.collection-card p{font-size:7px!important}.collection-card button{font-size:8px}.form-row{gap:10px}.opponent-options{gap:8px}.opponent-choice img{width:45px;height:45px}.opponent-choice strong{font-size:19px}.opponent-choice small{font-size:7px}.opponent-choice{padding:11px 5px}.stats-grid{gap:7px}.stat{padding:16px 6px}.stat strong{font-size:33px}.stat span{font-size:6px}.notice{font-size:9px}.history-row strong{font-size:21px}.history-row small{font-size:8px}.history-row>span:last-child{font-size:23px}}
@media(max-width:365px){.topbar nav{display:none}.header-end{margin-left:auto}.welcome h2{font-size:37px}.hero-tiles{height:82px}.hero-tiles>svg{height:78px;width:39px}.welcome{top:33%}.welcome p{font-size:8px}.welcome>small{font-size:4px}.hand{gap:6px}.hand .tile{width:34px;height:68px}.lower-bar .collection-link{display:none}}
.destinations{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:0 0 15px}.destinations button{font-size:10px;min-height:38px;padding:8px 15px;color:#e4ce93;border-color:#cbb17488;background:#bda46612}.destinations b{margin-left:6px;color:#ffe8aa}.board-wrap.zoomed{overflow:auto;display:block;border:1px solid #c8ad6c44;border-radius:5px;background:#0b291eb3;scrollbar-width:thin;scrollbar-color:#9c8547 #0a2618}.board-wrap.zoomed svg{max-width:none;min-width:180%;min-height:180%}.hand .tile{min-width:34px}.hero-tiles{pointer-events:none}
@media(min-width:721px) and (max-width:1100px){.welcome{top:30%}.welcome h2{font-size:44px}.hero-tiles{height:90px}.hero-tiles>svg{width:43px;height:86px}.welcome>small{margin-top:10px}}
@media(max-width:720px){.welcome{top:30%}.hero-tiles{height:92px}.hero-tiles>svg{width:43px;height:86px}.welcome h2{font-size:42px}.welcome>small{margin-top:10px}}
@media(max-width:720px){.scene{aspect-ratio:.72}.board-wrap{top:37%;height:47%}.scoreboard{top:26%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}