/* The salon's physical table and signature collection. */
.ui-icon{display:inline-block;vertical-align:middle;flex-shrink:0}.heading-tools button{display:flex;align-items:center;gap:5px}.heading-tools button .ui-icon{width:17px;height:17px}.heading-tools #home-button{border:1px solid #c5a76b70;padding:9px 13px;color:#edd39b;background:#d4b7780d}.heading-tools #home-button span{display:inline;font-size:11px}.icon-button{display:inline-flex;align-items:center;justify-content:center}.icon-button .ui-icon{width:19px}.start .ui-icon{width:17px}.eyebrow{font-size:9px}.welcome>.eyebrow{font-size:8px}.welcome h2{font-size:clamp(44px,4.5vw,68px)}.welcome p{font-size:11px}.welcome>small{font-size:7px}.hero-tiles{margin:10px 0 13px;height:124px}.hero-tiles>svg{height:116px;width:58px}.hero-tiles>svg:nth-child(2){transform:translateY(-6px) rotate(3deg)}#home-new-match{display:block;border:0;border-bottom:1px solid #d1b77a66;border-radius:0;padding:5px 0;font-size:10px;color:#dec78c;margin:10px auto 0}.welcome:has(#home-new-match:not([hidden])){top:29%}.welcome:has(#home-new-match:not([hidden])) h2{font-size:clamp(40px,4vw,58px)}.welcome:has(#home-new-match:not([hidden])) .hero-tiles{height:104px}.welcome:has(#home-new-match:not([hidden])) .hero-tiles>svg{height:96px;width:48px}.in-match .topbar{height:66px}.in-match .heading{padding:17px 0 16px}.in-match .heading h1{font-size:32px}.in-match .heading .eyebrow{font-size:7px}.scene.playing{height:clamp(340px,46dvh,540px);aspect-ratio:auto}.scene.playing .opponent{top:6.5%;min-width:210px;padding:6px 16px 6px 6px}.scene.playing .avatar{width:42px;height:42px}.scene.playing .opponent strong{font-size:20px}.scene.playing .opponent span{font-size:9px}.scene.playing .opponent-rack{top:calc(100% + 8px);gap:3px}.back-tile{border:0;background:none;box-shadow:none;width:17px;height:34px}.back-tile svg{width:100%;height:100%;filter:drop-shadow(1px 2px 1px #0008)}.scene.playing .scoreboard{top:8%;left:3%;padding:8px 15px;gap:15px;z-index:3}.scoreboard>div>span{font-size:8px}.scoreboard strong{font-size:27px}.scoreboard>small{font-size:7px;bottom:-17px}.scene.playing .edition{font-size:7px;top:4%;left:auto;right:3%;text-align:right}.scene.playing .edition small{font-size:5px}.scene.playing .match-label{display:none}.scene.playing .table-seal{top:63%;opacity:.07}.board-wrap{display:block;left:4%;right:4%;top:28%;height:53%;overflow:hidden;touch-action:none;cursor:grab;border-radius:8px;outline-offset:-2px;z-index:2}.board-wrap:active{cursor:grabbing}.board-wrap:focus-visible{outline:1px solid #cbb37a77}.board-wrap svg{width:100%!important;height:100%!important;overflow:hidden;display:block;user-select:none}.physical-bone{filter:drop-shadow(.7px 1.5px .9px #00120caa)}.latest-bone{filter:drop-shadow(0 0 2px #f0d49e55) drop-shadow(.7px 1.5px .9px #00120caa)}.table-end{cursor:pointer}.table-end circle{fill:#113c2d;stroke:#d8bc7d88;stroke-width:1.2;stroke-dasharray:3 3}.table-end text{fill:#e1c992;font:600 16px var(--display);text-anchor:middle;dominant-baseline:central}.table-end:hover circle,.table-end:focus circle{stroke:#ffe6aa;fill:#486243}.table-end.can-place circle{fill:#bc9f5440;stroke:#ffe2a0;stroke-width:2;stroke-dasharray:none;filter:drop-shadow(0 0 6px #e4c27355)}.table-end.can-place text{fill:#fff0bc}.table-controls{position:absolute;z-index:4;left:3%;right:3%;bottom:7%;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none}.table-controls button,.table-controls .camera-controls{pointer-events:auto}#open-map{display:flex;align-items:center;gap:10px;padding:5px 10px 5px 5px;background:#081e16e6;border:1px solid #b69b5d66;border-radius:5px}#open-map>span:last-child{font-size:9px;color:#cfb983;letter-spacing:.3px}#table-map{display:block;width:72px;height:40px;overflow:hidden;border:1px solid #c6a66622;background:#142f20}#table-map svg{height:100%;width:100%;display:block}.camera-controls{display:flex;align-items:center;gap:1px;padding:3px;background:#091f17ed;border:1px solid #b69b5d66;border-radius:5px;box-shadow:0 3px 15px #0003}.camera-controls button{width:35px;height:34px;border:0;padding:7px;color:#d8c18b;display:flex;justify-content:center;align-items:center}.camera-controls button .ui-icon{width:17px;height:17px}#zoom-value{font-size:9px;color:#c5b583;min-width:36px;text-align:center}.camera-divider{width:1px;height:18px;background:#bfa36644;margin:0 5px}.scene-bottom{bottom:2.7%;font-size:7px;letter-spacing:1.2px}.scene-bottom>span:nth-child(2){display:none}.scene-bottom #board-help{display:inline;font-size:6px;letter-spacing:1px;color:#a6b396}.scene:not(.playing) .scene-bottom>span:nth-child(2){display:inline}.end-dock{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:9px;margin-top:11px}.end-card{padding:9px 14px;display:flex;align-items:center;gap:12px;border:1px solid #c1a66d44;background:linear-gradient(130deg,#153325bb,#0c2017);min-height:65px;text-align:left;transition:background .2s,border-color .2s;box-shadow:0 3px 10px #0002}.end-card .end-swatch{width:22px;height:44px;flex-shrink:0;filter:drop-shadow(1px 2px 1px #0006)}.end-swatch svg{width:100%;height:100%}.end-card small{display:block;font-size:7px;letter-spacing:1.3px;color:#a5b49a;white-space:nowrap}.end-card strong{font:500 25px var(--display);display:flex;align-items:center;gap:13px;color:#ead5a0;line-height:1.15;margin-top:4px}.end-card em{font:9px var(--body);color:#9bab91;white-space:nowrap}.end-card>.ui-icon{margin-left:auto;width:16px;height:16px;color:#a7925f}.end-card.can-place{border-color:#ebd196;background:linear-gradient(130deg,#58704055,#29402780);box-shadow:inset 0 0 18px #dec0790b,0 0 12px #c1a36211}.end-card.can-place small,.end-card.can-place em,.end-card.can-place>.ui-icon{color:#e8ce8d}.in-match .rack-panel{padding:17px 23px 13px;margin-top:11px}.in-match .rack-heading h2{font-size:25px;margin:4px 0}.rack-tools button{display:flex;gap:8px}.rack-tools .ui-icon{width:16px;height:16px}.in-match .hand{padding:19px 0 14px;min-height:124px;gap:13px}.in-match .hand .tile{width:47px;height:94px}.hand .tile:disabled{opacity:.62;filter:saturate(.65) drop-shadow(2px 4px 2px #0005)}.hand .tile.playable:before{inset:-4px;border-color:#c5ac6b99}.in-match .lower-bar{margin-bottom:19px}.in-match .mode-guide{display:none}.in-match footer{padding:10px 4%}.round-banner{top:37%;transform:translate(-50%,0);padding:21px;z-index:6}.round-banner h2{font-size:35px}.round-banner .eyebrow{font-size:8px}.atelier-dialog{width:980px;max-width:calc(100vw - 30px);padding:30px}.atelier-intro{padding:5px 0 11px}.atelier-intro .eyebrow{font-size:8px}.atelier-intro p{font-size:12px!important;margin:8px 0 12px}.atelier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.atelier-card{border:1px solid #bb9d5d3b;border-radius:7px;padding:17px 18px 15px;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,color-mix(in srgb,var(--set-accent) 10%,transparent),transparent 65%),linear-gradient(140deg,#122c1f,#081d14);position:relative}.atelier-card.equipped{border-color:var(--set-accent)}.atelier-edition{display:flex;justify-content:space-between;align-items:center;font:italic 17px var(--display);color:var(--set-accent)}.atelier-edition>span{font:6px var(--body);letter-spacing:1px;color:#a5b396}.atelier-art{display:flex;align-items:center;justify-content:center;gap:3px;width:100%;height:177px;position:relative;padding:6px 0 13px;border:0;border-bottom:1px solid #b59b582c;border-radius:0;background:none!important}.atelier-art:after{content:'';position:absolute;bottom:14px;width:90%;height:11px;border-radius:50%;background:#0006;filter:blur(7px);z-index:0}.atelier-art>svg{width:55px;height:110px;filter:drop-shadow(3px 7px 3px #0008);position:relative;z-index:1;transition:transform .3s}.atelier-art>svg:first-child{transform:rotate(-14deg) translateY(5px)}.atelier-art>svg:nth-child(2){transform:translateY(-6px);z-index:2}.atelier-art>svg:last-child{transform:rotate(14deg) translateY(5px)}.atelier-art:hover>svg:first-child{transform:rotate(-20deg) translate(-3px,-3px)}.atelier-art:hover>svg:nth-child(2){transform:translateY(-14px)}.atelier-art:hover>svg:last-child{transform:rotate(20deg) translate(3px,-3px)}.atelier-card h3{font:500 27px var(--display)!important;margin:14px 0 6px!important;color:#ecd8aa}.atelier-material{display:block;font-size:8px;line-height:1.5;color:var(--set-accent)}.atelier-card>p{font-size:10px!important;margin:7px 0 12px;color:#a2b097!important;line-height:1.6!important}.inspect-button{border:0;border-top:1px solid #b59b582c;border-radius:0;width:100%;padding:12px 0 2px;font-size:9px;display:flex;justify-content:space-between;align-items:center;color:#d8c18b}.inspect-button .ui-icon{width:15px;height:15px}.back-to-atelier{display:flex;gap:9px;align-items:center;font-size:10px;padding:5px 0;border:0;color:#b5c0a8}.back-to-atelier .ui-icon{width:16px}.set-inspection{text-align:center;padding:20px 10px 5px}.set-inspection>.eyebrow{font-size:8px;color:var(--set-accent)}.inspection-stage{height:286px;position:relative;max-width:440px;margin:10px auto 4px;isolation:isolate;display:flex;justify-content:center;align-items:center;gap:11px;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--set-accent) 16%,transparent),transparent 68%)}.inspection-plinth{position:absolute;left:4%;right:4%;height:30px;bottom:25px;border-radius:50%;background:linear-gradient(#1c3124,#07180f);border-bottom:2px solid #977d4540;box-shadow:0 15px 20px #0005;z-index:-1}.inspection-bone{width:92px;height:184px;filter:drop-shadow(4px 8px 3px #0008);transition:transform .3s}.inspection-bone svg{width:100%;height:100%}.inspection-bone.front-one{transform:rotate(-14deg) translateY(13px)}.inspection-bone.reverse{transform:translateY(-11px);z-index:2}.inspection-bone.front-two{transform:rotate(14deg) translateY(13px)}.inspection-stage:hover .front-one{transform:rotate(-19deg) translate(-5px,3px)}.inspection-stage:hover .front-two{transform:rotate(19deg) translate(5px,3px)}.inspection-stage:hover .reverse{transform:translateY(-18px)}.inspection-material{font:500 22px var(--display);color:var(--set-accent)}.set-inspection>p{max-width:470px;margin:12px auto 20px;font-size:12px!important;line-height:1.9!important}.craft-details{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;font-size:7px;letter-spacing:1px;color:#a5b196}.craft-details span+span{border-left:1px solid #b59b5850;padding-left:9px}.set-inspection>.gold{max-width:340px;display:flex;align-items:center;justify-content:space-between;padding:14px 20px;margin:24px auto 0;font-size:11px}.inspection-note{display:block;font-size:8px;color:#869b80;margin-top:12px}.full-table-map{height:50dvh;min-height:230px;max-height:500px;background:#0b2a1c;border:1px solid #bfa46466;border-radius:7px;padding:15px;display:flex;align-items:center;justify-content:center}.full-table-map>svg{width:100%;height:100%;max-height:100%}.map-end-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.map-end-buttons button{flex:1;font-size:11px;text-transform:capitalize;display:flex;gap:10px;justify-content:space-between;align-items:center}.map-end-buttons .ui-icon{width:16px}#settings-home{border-color:#c5a86b88;color:#e7d09a}
@media(max-width:1100px){.welcome h2{font-size:46px}.hero-tiles{height:102px}.hero-tiles>svg{width:49px;height:98px}.welcome p{font-size:10px}.welcome>.eyebrow{font-size:7px}.welcome>small{font-size:6px}.welcome:has(#home-new-match:not([hidden])) .hero-tiles{height:90px}.welcome:has(#home-new-match:not([hidden])) .hero-tiles>svg{height:84px;width:42px}.atelier-art{height:155px}.atelier-art>svg{width:47px;height:94px}.atelier-card{padding:15px}.atelier-card h3{font-size:24px!important}.end-card{gap:9px;padding:8px 12px}.end-card strong{font-size:23px;gap:9px}.end-card em{font-size:8px}}
@media(max-width:720px){.in-match .topbar{height:52px}.topbar nav button[data-panel=collection]{font-size:8px}.in-match .brand img{width:31px;height:39px}.in-match .brand>span{font-size:11px}.in-match .brand small{font-size:4px}.in-match .heading{padding:13px 2px 10px;gap:8px}.in-match .heading h1{font-size:28px}.in-match .heading .eyebrow{display:none}.in-match .heading .title-line{width:24px}.in-match .heading-tools{gap:2px}.heading-tools #home-button{padding:7px 9px;gap:6px;min-height:33px}.heading-tools #home-button span{font-size:9px}.heading-tools button .ui-icon{width:16px;height:16px}.in-match .heading-tools>button[data-panel=rules]{padding:7px}.in-match .heading-tools #sound{padding:7px 4px}.scene.playing{height:clamp(340px,46dvh,430px);background-size:auto 100%;aspect-ratio:auto}.scene.playing .edition{top:3.5%;right:4%;font-size:5px;letter-spacing:1px}.scene.playing .edition small{display:none}.scene.playing .opponent{top:7%;min-width:162px;gap:8px;padding:5px 10px 5px 5px}.scene.playing .avatar{width:35px;height:35px}.scene.playing .opponent strong{font-size:18px}.scene.playing .opponent span{font-size:7px;max-width:105px;line-height:1.5}.scene.playing .opponent-rack{top:calc(100% + 7px);gap:2px}.back-tile{width:12px;height:24px}.scene.playing .scoreboard{left:4%;top:23%;padding:6px 9px;gap:10px}.scoreboard strong{font-size:22px}.scoreboard>div>span{font-size:6px}.scoreboard>small{font-size:5px;bottom:-13px}.board-wrap{left:3%;right:3%;top:38%;height:40%;border-radius:4px}.table-controls{left:4%;right:4%;bottom:7%}#open-map{gap:6px;padding:4px 7px 4px 4px}#open-map>span:last-child{font-size:7px}#table-map{width:49px;height:28px}.camera-controls{padding:2px}.camera-controls button{width:29px;height:28px;padding:6px}.camera-controls button .ui-icon{width:15px;height:15px}#zoom-value{font-size:7px;min-width:27px}.camera-divider{margin:0 2px;height:15px}.scene-bottom{font-size:5px;bottom:2.8%;letter-spacing:1px}.scene-bottom #board-help{font-size:5px;letter-spacing:.6px}.end-dock{grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:6px;margin-top:8px}.end-card{padding:8px 9px;gap:8px;min-height:59px}.end-card .end-swatch{width:19px;height:38px}.end-card small{font-size:5px;letter-spacing:.8px}.end-card strong{font-size:21px;gap:7px}.end-card em{font-size:7px}.end-card>.ui-icon{width:13px;height:13px}.end-dock:has(>:nth-child(3)) .end-card{padding:7px 6px;gap:5px}.end-dock:has(>:nth-child(3)) .end-swatch{display:none}.end-dock:has(>:nth-child(3)) .end-card strong{display:block;font-size:21px}.end-dock:has(>:nth-child(3)) .end-card strong em{display:block;font-size:6px;line-height:1.6;margin-top:2px}.end-dock:has(>:nth-child(3)) .end-card>.ui-icon{display:none}.in-match .rack-panel{padding:13px 12px 11px;margin-top:8px}.in-match .rack-heading h2{font-size:24px;margin:4px 0 2px}.in-match .rack-heading p{font-size:9px}.in-match .rack-heading .eyebrow{font-size:6px}.in-match .rack-tools{margin-top:1px}.in-match .rack-tools button{min-height:32px;padding:6px 8px}.in-match .hand{gap:8px;padding:18px 0 14px;min-height:105px}.in-match .hand .tile{width:36px;height:72px}.in-match .hand-foot{font-size:7px}.welcome h2{font-size:43px}.welcome>.eyebrow{font-size:6px}.welcome p{font-size:9px}.welcome .hero-tiles{height:111px}.welcome .hero-tiles>svg{width:50px;height:100px}.welcome>small{font-size:5px;letter-spacing:1px}.welcome:has(#home-new-match:not([hidden])){top:28%}.welcome:has(#home-new-match:not([hidden])) h2{font-size:39px}.welcome:has(#home-new-match:not([hidden])) .hero-tiles{height:94px}.welcome:has(#home-new-match:not([hidden])) .hero-tiles>svg{width:43px;height:86px}#home-new-match{font-size:8px;margin-top:8px}.atelier-dialog{padding:19px}.atelier-grid{grid-template-columns:repeat(2,1fr);gap:10px}.atelier-card{padding:11px}.atelier-edition{font-size:15px}.atelier-edition>span{font-size:4px;letter-spacing:.5px}.atelier-art{height:120px;gap:1px}.atelier-art>svg{width:33px;height:66px}.atelier-card h3{font-size:21px!important;line-height:1.05!important;min-height:41px;margin:12px 0 5px!important}.atelier-material{font-size:6px;line-height:1.8;min-height:22px}.atelier-card>p{font-size:8px!important;min-height:24px;margin:5px 0 8px}.inspect-button{font-size:7px;padding-top:9px;gap:3px}.inspect-button .ui-icon{width:12px}.atelier-intro .eyebrow{font-size:6px}.atelier-intro p{font-size:10px!important}.set-inspection{padding:16px 0 3px}.inspection-stage{height:249px;gap:9px;margin-top:4px}.inspection-bone{width:76px;height:152px}.inspection-plinth{bottom:24px}.inspection-material{font-size:20px}.set-inspection>p{font-size:11px!important}.set-inspection>.eyebrow{font-size:6px}.craft-details{font-size:5px;letter-spacing:.6px;gap:7px}.craft-details span+span{padding-left:7px}.inspection-note{font-size:7px}.round-banner{top:38%;padding:19px}.round-banner h2{font-size:30px}.round-banner p{font-size:9px}.full-table-map{padding:7px;height:45dvh}.map-end-buttons{gap:6px}.map-end-buttons button{font-size:9px;padding:9px}.map-end-buttons .ui-icon{width:13px}}
.mini-back{background:none!important;border:0;display:inline-flex;width:16px;height:30px}.mini-back>svg{width:100%;height:100%}
@media(max-width:720px){.welcome:has(#home-new-match:not([hidden])){top:25%}.welcome:has(#home-new-match:not([hidden])) .hero-tiles{height:82px;margin-top:7px;margin-bottom:10px}.welcome:has(#home-new-match:not([hidden])) .hero-tiles>svg{width:39px;height:78px}.welcome:has(#home-new-match:not([hidden]))>small{display:none}#home-new-match{padding:7px 13px;border:1px solid #c9ad6b88;background:#0b291ddd;border-radius:4px;font-size:9px;margin-top:8px}}
@media(prefers-reduced-motion:reduce){.atelier-art>svg,.inspection-bone{transition:none}}