/* Board-game lounge: shared visual layer; existing controls and records stay intact. */
:root{--ink:#302824;--muted:#87786c;--paper:#f6f2ea;--panel:#fffcf7;--line:#e4dbcf;--wine:#782f42;--wine-dark:#542132;--gold:#ac8952;color:var(--ink);background:var(--paper);color-scheme:light}
body{background:radial-gradient(ellipse at 10% 0%,#ece1d2 0,transparent 48%),var(--paper)}
button,input,select{font:inherit}button{background:var(--panel);color:#65574d;border-color:var(--line);border-radius:8px;transition:background .15s,border-color .15s,box-shadow .15s}button:hover{background:#f3eae1;border-color:#c7a994;color:var(--wine)}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--wine);outline-offset:3px}.primary{background:var(--wine);color:#fff8f1;border-color:var(--wine)}.primary:hover{background:var(--wine-dark);border-color:var(--wine-dark);color:white}a{color:var(--wine)}
header,.tier-page header{height:72px;padding:0 32px;border-bottom:1px solid var(--line);background:#fffcf7e8;gap:28px}.brand,.tier-page header .brand{color:var(--wine);font-size:20px;letter-spacing:-.7px}.brand>b{font-weight:800}nav{gap:24px}nav a{font-size:12px;color:#8b7e72;padding:25px 0 21px}nav a[aria-current]{color:var(--wine);border-color:var(--wine);font-weight:700}header>button,.tier-page header button{background:transparent;color:#8a7766;font-size:11px;border-color:var(--line);padding:8px 12px}
main{max-width:1320px;padding-top:36px}.eyebrow{color:var(--gold);font-size:10px;letter-spacing:2.5px}h1{font-weight:800;color:var(--ink);letter-spacing:-1.8px}h1 em{color:var(--wine)}.intro p{color:var(--muted)}.stamp{border-color:#c6b18d;color:#97774d;background:#efe6d640;transform:rotate(4deg)}
.workspace{background:var(--panel);border-color:var(--line);border-radius:14px;box-shadow:0 6px 28px #65402b06}.toolbar{border-color:var(--line)}.toolbar input{color:var(--ink)}.toolbar small{color:#a18d78}.board-head{color:#9b8b7b}.board-head>span:first-child{color:var(--wine);font-weight:700}.row{border-color:#ebe3d8}.rank{position:relative;color:#44342c;border-right:1px solid #00000008}.rank small{letter-spacing:1px}.drop{background:#fffcf7}.row:nth-child(even) .drop{background:#faf6ef}.drop:hover,.drop.over{background:#f0e4da}.hint{color:#bbac9b}.board-foot{color:#a28f7d;border-top:1px solid var(--line)}.board-foot button{color:var(--wine)}.mini{border-color:#d3c3b0;background:#eee3d5;box-shadow:0 2px 4px #38271917}.mini span{background:#38291bcc}.selected{outline-color:var(--wine)}
.tier-page main{max-width:1680px;padding:25px 30px 20px}.tier-page .intro{margin-bottom:22px;align-items:end}.tier-page main>.eyebrow{display:block;margin-bottom:10px;font-size:9px}.tier-page h1{font-size:30px;margin-bottom:6px;letter-spacing:-1.4px}.tier-page .intro p{font-size:11px;color:#978473}.tier-page .stamp{display:block;transform:none;border:0;border-left:1px solid #d8c7b0;padding:0 0 0 20px;margin:0;color:#ad9372;letter-spacing:2px;font-size:8px;line-height:1.8}.tier-page .stamp strong{font-size:19px;color:#816449}.tier-layout{gap:24px;height:calc(100dvh - 205px);min-height:470px;grid-template-columns:minmax(390px,1.05fr) minmax(0,1fr)}.tier-page .workspace{scrollbar-color:#d7c4ae transparent;border-radius:14px}.tier-page .toolbar{padding:17px 18px 14px}.tier-page .toolbar input{font-size:15px;letter-spacing:-.3px}.tier-page .toolbar small{font-size:9px;margin-top:6px}.tier-page .toolbar .actions{margin-top:13px;gap:6px}.tier-page .toolbar .actions button{font-size:10px;padding:6px 10px}.tier-page .toolbar .actions #export{margin-left:auto}.tier-page .board-head{padding:11px 16px;font-size:10px}.tier-page .row{min-height:clamp(48px,7dvh,70px)}.tier-page .rank{width:66px;background:color-mix(in srgb,var(--color) 65%,#fff7e9)}.tier-page .rank input{font-size:21px;font-weight:800;letter-spacing:-1px}.tier-page .rank small{font-size:7px;opacity:.55}.tier-page .mini{width:39px;height:47px;border-radius:4px}.tier-page .mini span{font-size:7px;padding:2px}.tier-page .hint{font-size:10px;margin-left:13px}.tier-page .drop{padding:6px 9px;gap:7px}.tier-page .board-foot{padding:9px 13px;font-size:9px}
.tier-page .library{background:#efe8dd;border:1px solid #e2d5c3;box-shadow:inset 0 1px #fff7ee;border-radius:14px;padding:0 18px 18px;scrollbar-color:#d0baa0 transparent}.library-controls{background:#efe8dd;padding:17px 0 1px}.tier-page .library-top{margin-bottom:13px}.tier-page .library-top .eyebrow{display:block;font-size:8px;letter-spacing:1.7px;margin-bottom:5px;color:#a68967}.tier-page .library-top h2{font-size:19px;letter-spacing:-.8px;color:#514234}h2 span{color:#a59078}.tier-page .library-top h2 span{font-size:12px;font-weight:500;margin-left:5px}.tier-page #custom{background:transparent;border-color:#d8c6af;color:#8b6b4d;font-size:10px;padding:7px 9px}.filters label{border-color:#d7c7b2;color:#9b7a5f;background:#fffaf4}.filters input{color:var(--ink)}.filters select{background:#faf5ed;border-color:#d7c7b2;color:#715b48}.tier-page .filters label{border-radius:8px;padding:0 12px;box-shadow:0 2px 5px #58452903}.tier-page .filters input{font-size:12px;padding:11px 0}.tier-page .filters select{border-radius:7px;min-height:32px;font-size:10px}.tier-page .filters button{font-size:10px;background:transparent;border-color:#d7c7b2}.filters button[aria-pressed="true"],.tier-page .filters button[aria-pressed="true"]{background:#782f4210!important;color:var(--wine);border-color:#bc8d93}.extra-filters{color:#856e58}.extra-filters summary{border-color:#d7c7b2;background:#faf5ed;border-radius:7px}.extra-filters>div{background:var(--panel);border-color:#d7c7b2;box-shadow:0 8px 24px #63452f1a}.tier-page .placement-tip{font-size:9px;color:#9e876e;margin-top:10px}.tier-page #results-count{font-size:10px;color:#80684f;margin:8px 0 14px}
.tier-page #cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 11px}.tier-page .card{background:#fffaf4;border:1px solid #e3d6c5;border-radius:9px;overflow:hidden;box-shadow:0 2px 5px #5e402b06;transition:box-shadow .18s,transform .18s}.tier-page .card:hover{transform:translateY(-2px);box-shadow:0 6px 12px #5e402b13;border-color:#c7ac8c}.card-pick{border-radius:0;color:var(--ink)}.card-pick:hover{background:transparent;border-color:transparent}.tier-page .poster{height:clamp(100px,15dvh,155px);border-radius:0;background:#e5dbcc;padding:7px 7px 0;overflow:hidden}.tier-page .poster img{object-fit:contain;filter:drop-shadow(0 3px 3px #35251926);border-radius:3px}.poster>span{color:#987352;font-size:16px}.tier-page .card b{font-size:10px;line-height:1.6;margin:9px 9px 0;min-height:32px;color:#493c30}.tier-page .card small{display:block;font-size:8px;margin:5px 9px;color:#a18a73}.tier-page .card small+small{display:none}.tier-page .quick-tier{width:calc(100% - 14px);margin:7px 7px 8px;padding:5px 5px;min-height:28px;border-radius:5px;border:1px solid #e7d5c5;background:#f8efe6;color:#8a5a47;font-size:9px}.tier-page .quick-tier:hover{border-color:#b78a7e;color:var(--wine)}.tier-page .badge{background:#782f42e8;color:#fff6e9;top:7px;left:7px;z-index:1}.pick-check{background:var(--wine);color:#fff!important}.card-pick.selected{outline:0;box-shadow:inset 0 0 0 3px var(--wine)}.card-pick.selected .poster{background:#dcc1b4}.tier-page .more-wrap button{background:transparent;color:#8c6e54;border-color:#d1bca2;font-size:11px}.new-label{color:#a96743}
.user-scope{border-color:#d7c4ad!important;color:#7b5c45;background:#f8f1e7;border-radius:8px}.user-scope summary,.tier-page .user-scope summary{font-size:10px;color:#7b5c45;padding:10px 11px}.user-scope summary span{color:var(--wine);font-size:9px}.user-scope label{color:#8d755d}.scope-input input{background:#fffcf7;color:var(--ink);border-color:#d4bda3}.scope-input button{background:var(--wine);border-color:var(--wine);color:white}.user-scope p{color:#8b5f46}.user-scope>small{color:#ad957e}.user-scope>button{color:var(--wine)}
#placement-dock{background:#fffbf6f5;border-color:#d0b79e;box-shadow:0 6px 45px #4c2c2729;color:var(--ink)}.dock-summary>b{color:var(--wine)}.dock-summary>span,.dock-extra>span{color:#9b8068}#dock-tiers button{background:color-mix(in srgb,var(--tier-color) 65%,#fff7e9);color:#49382c}#toast{background:var(--wine);color:white;box-shadow:0 8px 24px #54213225}.note,.catalog-policy{color:#a08c77}.tier-page footer{margin-top:19px;border-color:var(--line);color:#9b8167;font-size:10px}footer{border-color:var(--line);color:#8a735e}footer small{color:#b09b86}.tier-page main>.note{color:#b29d86;font-size:9px}dialog{background:var(--panel);border-color:#ccb39a;color:var(--ink);box-shadow:0 20px 80px #442b2833}dialog input{background:#faf3e9;color:var(--ink);border-color:#d7c4ad}dialog p{color:#a08a73}#empty{color:#9b8066}
/* Matching tournament room. */
.cup-panel{padding:30px;background:var(--panel)}.muted{color:#99836c}.competition-tabs{padding:5px;background:#eee5d9;border-radius:11px;gap:5px}.competition-tabs button{border:0;background:transparent;color:#a08770;border-radius:8px;padding:13px}.competition-tabs button[aria-pressed="true"]{background:var(--wine);color:#fff8ef;box-shadow:0 3px 8px #782f4222}.mode-options button{background:#faf5ec;border-color:#e2d4c2;color:#8a6f55;border-radius:10px}.mode-options button[aria-pressed="true"]{background:#f3e6e3;border-color:#b38282;color:var(--wine)}.mode-options small{color:#a68d77}.cup-options select,.cup-filters input,.cup-filters select{background:#faf5ec;color:#6d533e;border-color:#dcc8b0;border-radius:7px}.cup-filters label,#eligible,.cup-options #eligible,.cup-selection span{color:#94795f}.participant{background:#faf5ed;border-color:#e4d5c1;color:#594838;border-radius:9px;padding:12px}.participant:hover{border-color:#bc9b7c;background:#f4eade}.participant:has(input:checked){background:#f1e4e0;border-color:#b27a7f}.participant input{accent-color:var(--wine)}.participant img{box-shadow:0 3px 6px #4b301b1a}.participant small{color:#a48b73}#participants{scrollbar-color:#d3bca1 transparent}.cup-selection button{background:transparent;color:#956e52}#warning{color:#ad7652}.meter{background:#e8daca}#bar{background:var(--wine)}.vs{color:var(--wine)}.contender{background:#faf4eb;border-color:#dec8af;color:var(--ink);border-radius:14px;box-shadow:0 6px 24px #5e402b09}.contender:hover{border-color:var(--wine);box-shadow:0 12px 32px #5e402b17}.contender .art{background:#e9dfd1}.contender img{filter:drop-shadow(0 5px 8px #42302020)}.contender small,.match-help{color:#aa8d70}.champion-poster{background:#efe2cf;border-color:#ae885b;box-shadow:0 12px 32px #70482b19}#champion h3{color:var(--wine)}.cup-link{border-color:#d3b798;color:var(--wine)}details{border-color:var(--line)}summary{color:#987552}#records{color:#947b62}.fallback-art{color:#9d7956}
@media(min-width:1450px){.tier-page #cards{grid-template-columns:repeat(5,minmax(0,1fr))}.tier-layout{grid-template-columns:minmax(510px,1.05fr) minmax(0,1fr)}}
@media(min-width:901px) and (max-width:1100px){.tier-page #cards{grid-template-columns:repeat(3,minmax(0,1fr))}.tier-layout{grid-template-columns:minmax(340px,1fr) minmax(0,1fr);gap:16px}}
@media(max-width:900px){header,.tier-page header{padding:0 20px;height:66px;gap:20px}.tier-page main{padding:22px 18px}.tier-page main>.eyebrow{font-size:8px}.tier-page .intro{margin-bottom:16px}.tier-page .stamp{display:none}.tier-page h1{font-size:28px}.mobile-view-switch{background:var(--paper);padding:5px;border:1px solid var(--line);border-radius:10px;gap:5px;margin-bottom:17px}.mobile-view-switch button{background:transparent;border-color:transparent;color:#9b826c;font-size:11px;padding:10px}.mobile-view-switch button[aria-pressed="true"]{background:var(--wine);border-color:var(--wine);color:#fff6ed;box-shadow:0 3px 7px #782f421c}.mobile-view-switch span{color:inherit;opacity:.65;font-size:9px}.tier-layout,.tier-page.has-selection .tier-layout{height:auto;min-height:0;display:block}.tier-page .row{min-height:65px}.tier-page .rank{width:66px}.tier-page .mini{height:50px;width:42px}.tier-page .library{padding:0 15px 18px}.library-controls{top:54px}.tier-page #cards{grid-template-columns:repeat(4,minmax(0,1fr))}.tier-page .poster{height:135px}.tier-page .board-foot{padding:12px}.tier-page .workspace{border-radius:12px}.tier-page .toolbar{padding:18px}.tier-page .toolbar .actions button{padding:7px 11px}.tier-page .hint{font-size:10px}.tier-page.has-selection{padding-bottom:180px}}
@media(max-width:520px){header,.tier-page header{padding:0 15px;gap:12px;height:62px}.tier-page header .brand{font-size:16px}nav{gap:14px}nav a,.tier-page header nav a{font-size:9px;padding:20px 0 18px}.tier-page header #help{font-size:8px;padding:5px}.tier-page main{padding:18px 12px}.tier-page h1{font-size:26px}.tier-page #cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px}.tier-page .poster{height:123px;padding:6px 5px 0}.tier-page .card b{margin:7px 7px 0;font-size:10px}.tier-page .card small{margin-left:7px;font-size:8px}.tier-page .quick-tier{font-size:9px;padding-left:2px;width:calc(100% - 10px);margin:6px 5px 7px}.tier-page .library-top h2{font-size:18px}.tier-page .row{min-height:61px}.tier-page .toolbar input{font-size:13px}.tier-page .hint{font-size:9px;margin-left:7px}.tier-page .rank{width:59px}.tier-page .board-foot>span{max-width:70%}.cup-panel{padding:20px}.intro h1{font-size:34px}#participants{grid-template-columns:1fr}.competition-tabs button{font-size:12px}.mode-options{gap:8px}.mode-options button{padding:15px}.cup-selection button{padding:8px}.contender{padding:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}
/* Readable type: keep the lounge palette without the miniature labels. */
:root{font-size:16px;--muted:#796958}
.selection-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0 14px;flex-wrap:wrap}.tier-page .selection-tools #results-count{margin:0}.selection-tools button{font-size:12px;padding:8px 10px;color:var(--wine);background:#fff8f2;border-color:#cfac9f}.tier-page .theme-selection{display:block;width:calc(100% - 14px);margin:0 7px 9px;min-height:35px;font-size:12px;padding:6px;border-color:#ddcbb8;background:transparent;color:#826449}.tier-page .theme-selection[aria-pressed="true"]{background:var(--wine);border-color:var(--wine);color:white}.tier-page .card-pick.selected .poster{box-shadow:inset 0 0 0 3px var(--wine)}.dock-summary>button{flex-shrink:0;min-height:38px;color:var(--wine);font-weight:700}
nav a,.tier-page header nav a{font-size:14px}
header>button,.tier-page header button{font-size:13px;padding:9px 12px}
.eyebrow,.tier-page main>.eyebrow{font-size:11px}
.intro p,.tier-page .intro p{font-size:14px;line-height:1.8;color:#796958}
.tier-page .toolbar input{font-size:18px}
.tier-page .toolbar small{font-size:12px;color:#8a735e}
.tier-page .toolbar .actions button{font-size:13px;padding:8px 11px}
.tier-page .board-head{font-size:13px;padding:12px 16px}
.tier-page .rank input{font-size:24px}
.tier-page .rank small{font-size:10px;letter-spacing:.3px;opacity:.8}
.tier-page .rank{width:78px}
.tier-page .row{min-height:60px}
.tier-page .hint{font-size:12px;color:#99836d;margin-left:10px;line-height:1.6}
.tier-page .mini{width:48px;height:58px}
.tier-page .mini span{font-size:10px;line-height:1.35;max-height:29px;overflow:hidden}
.tier-page .board-foot{font-size:12px;line-height:1.7;flex-wrap:wrap;gap:6px;padding:10px 13px}
.tier-page .board-foot button{font-size:13px;padding:6px}
.tier-page .library-top h2{font-size:23px}
.tier-page .library-top h2 span{font-size:15px;color:#88715c}
.tier-page .library-top .eyebrow{font-size:10px;color:#88715c}
.tier-page #custom{font-size:12px;padding:8px 10px}
.tier-page .filters input{font-size:15px;padding:12px 0}
.tier-page .filters select{font-size:13px;min-height:38px;max-width:160px;padding:0 8px}
.tier-page .filters button{font-size:13px;padding:9px 10px}
.extra-filters{font-size:13px}
.extra-filters summary{padding:9px 10px}
.extra-filters>div{top:44px;width:205px}
.tier-page .placement-tip{font-size:12px;color:#876d54;line-height:1.7}
.tier-page #results-count{font-size:13px;color:#735d48}
.tier-page .card b{font-size:13px;line-height:1.65;min-height:43px;margin:9px 9px 0}
.tier-page .card small{font-size:11px;line-height:1.6;color:#876d54}
.tier-page .quick-tier{font-size:12px;min-height:36px;padding:7px 4px}
.tier-page .card .badge{font-size:11px;padding:3px 6px}
.tier-page .pick-check{font-size:13px!important}
.tier-page .more-wrap button{font-size:14px}
.user-scope summary,.tier-page .user-scope summary{font-size:13px;padding:12px}
.user-scope summary span{font-size:12px}
.user-scope label,.user-scope p,.user-scope>button{font-size:13px}
.scope-input input{font-size:16px}
.scope-input button{font-size:13px;padding:10px}
.user-scope>small{font-size:12px;color:#8d755f}
.tier-page .user-scope[open]{max-height:330px}
.note,.catalog-policy,.tier-page .catalog-policy,.tier-page main>.note{font-size:12px;color:#8a735e;line-height:1.8}
footer,.tier-page footer,footer small{font-size:12px;color:#88705b;line-height:1.8}
.mobile-view-switch button{font-size:15px}
.mobile-view-switch span{font-size:12px}
.dock-summary>span,.dock-summary>button,.dock-extra>span,.dock-extra button{font-size:12px}
.dock-extra{flex-wrap:wrap}
.cup-filters label,.cup-selection span,.cup-options #eligible,.participant,.cup-selection button,.mode-options small,.cup-options button{font-size:14px}
.participant small,.match-help,.contender small,#records,#resume-legacy{font-size:12px}
.cup-filters input,.cup-filters select,.cup-options select{font-size:16px}
.mode-options button,.competition-tabs button{font-size:16px}
.participant input{width:17px;height:17px}
@media(min-width:901px){.tier-page .intro{margin-bottom:16px}.tier-layout{height:calc(100dvh - 215px);min-height:470px}.tier-page .toolbar{padding:15px}.tier-page .toolbar .actions{margin-top:10px}}
@media(max-width:1100px) and (min-width:901px){.tier-page .filters select{max-width:145px}.tier-page .library-top{align-items:start}.tier-page #custom{max-width:105px;line-height:1.5}}
@media(max-width:900px){.tier-page .row{min-height:65px}.tier-page .rank{width:78px}.tier-page .hint{font-size:12px}.tier-page .toolbar .actions button{font-size:13px}.tier-page .toolbar input{font-size:18px}.tier-page .library-top h2{font-size:23px}.library-controls{top:65px}.tier-page .mini{width:48px;height:58px}}
@media(max-width:520px){header,.tier-page header{display:grid;grid-template-columns:1fr auto;gap:0 12px;height:auto;min-height:98px;padding:13px 16px 0}.tier-page header .brand,header .brand{font-size:19px}.tier-page header #help{font-size:12px;padding:7px 9px}header nav{grid-row:2;grid-column:1/-1;justify-self:start;margin:0;gap:24px}nav a,.tier-page header nav a{font-size:14px;padding:12px 0 10px}.tier-page main>.eyebrow{font-size:10px}.tier-page .toolbar input{font-size:16px}.tier-page .toolbar{padding:15px}.tier-page .toolbar .actions{gap:5px}.tier-page .toolbar .actions button{padding:8px;font-size:12px}.tier-page #cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.tier-page .poster{height:155px}.tier-page .card b{font-size:14px;min-height:47px}.tier-page .card small{font-size:12px}.tier-page .quick-tier{font-size:13px;min-height:39px}.tier-page .filters select{max-width:145px;font-size:13px}.tier-page .hint{font-size:12px}.tier-page .rank{width:76px}.tier-page .board-head{font-size:12px;padding:12px}.tier-page .board-foot>span{max-width:none;font-size:12px}.tier-page .board-foot{padding:10px 12px}.tier-page .library-top h2{font-size:21px}.tier-page #custom{font-size:12px;padding:8px}.user-scope summary span{float:none;display:block;max-width:100%;margin:6px 0 0 11px;font-size:12px}.scope-input button{font-size:14px}.competition-tabs button{font-size:14px;padding:12px}.participant{font-size:14px}.contender h3{font-size:16px}.contender small{font-size:12px}.mode-options small{font-size:13px}.mobile-view-switch button{font-size:15px}.dock-extra>span{display:none}.dock-summary>span{font-size:12px}.tier-page .board-foot button{font-size:13px}}