:root{--paper:#f7f6f0;--ink:#223a36;--muted:#59675e;--teal:#245f54;--teal-dark:#174b40;--line:#dedfd5;--white:#fffef9;--gold:#ddb467;--radius:16px}.ranker-login{max-width:620px;margin:70px auto}.ranker-login h1{margin:14px 0 22px;font-size:clamp(32px,5vw,48px);line-height:1.15}.ranker-login p{margin:18px 0}.ranker-login form{gap:12px;margin:28px 0;display:grid}.ranker-login input{border:1px solid var(--line);border-radius:8px;width:100%;padding:14px}.buddy-back{color:var(--muted);align-items:center;gap:7px;margin:14px 0 0;font-size:14px;text-decoration:none;display:inline-flex}.buddy-back:hover{text-underline-offset:4px;text-decoration:underline}.collection-actions{flex-wrap:wrap;align-items:center;gap:18px;margin:0 0 20px;display:flex}.button.danger{color:#fff;background:#92492f}.button.danger:hover:not(:disabled){background:#733722}.check-field{align-items:center;gap:10px;font-size:15px;line-height:1.6;display:flex}.check-field input{width:18px;height:18px;accent-color:var(--teal);flex-shrink:0}.title-preview{max-height:24rem;margin:14px 0;padding:0;list-style:none;overflow-y:auto}.title-preview-row{border:1px solid var(--line);background:var(--white);border-radius:9px;margin:10px 0;padding:14px}.title-preview-row .helper{margin:7px 0;padding-left:0;list-style:none}.extraction-source{color:var(--muted);overflow-wrap:anywhere;margin:8px 0;font-size:14px}.extraction-source summary{cursor:pointer;padding:5px 0}.extraction-source pre{white-space:pre-wrap;max-height:200px;overflow:auto}.badge{color:#766236;background:#eee5cf;border-radius:5px;margin:5px 5px 0 0;padding:3px 7px;font-size:14px;display:inline-block}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Segoe UI,Arial,sans-serif;font-size:16px;line-height:1.5}small{font-size:14px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button,a{-webkit-user-select:none;user-select:none}a,button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}input:focus,textarea:focus,select:focus{outline-offset:2px;outline:2px solid #3a8c79}::selection{background:#d5e6c7}.app-shell{flex-direction:column;max-width:1440px;min-height:100vh;margin:auto;padding:0 64px;display:flex}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;height:105px;display:flex}.brand{text-align:left;letter-spacing:-.8px;background:0 0;border:0;align-items:center;gap:12px;padding:0;font-size:22px;font-weight:700;display:flex}.brand-mark{background:var(--teal);color:var(--paper);border-radius:13px;place-items:center;width:46px;height:46px;display:grid;transform:rotate(-5deg)}.brand-light{color:#9aa999;margin:0 2px}.brand small{letter-spacing:2px;margin-top:4px;font-size:14px;font-weight:500;display:block}.local-badge{border:1px solid var(--line);color:var(--muted);border-radius:30px;align-items:center;gap:8px;padding:8px 13px;font-size:15px;display:flex}.local-badge>span{background:#5d8970;border-radius:50%;width:7px;height:7px}.header-account{justify-items:end;gap:8px;min-width:0;display:grid}.sync-panel,.sync-panel form{align-items:center;gap:10px;min-width:0;display:flex}.sync-panel{font-size:16px}.sync-panel>span{overflow-wrap:anywhere}.sync-panel input{border:1px solid var(--line);background:var(--white);border-radius:8px;width:220px;min-width:0;padding:11px 12px}.sync-panel .button{white-space:nowrap}.sync-setup{max-width:360px;color:var(--muted);font-size:15px}.sync-setup summary{cursor:pointer}.sync-setup p{overflow-wrap:anywhere;margin:8px 0}main{flex:1}.hero{--hero-art-scale:.7;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;max-width:940px;margin:auto;padding:18px 0;display:grid}.eyebrow{letter-spacing:2px;color:var(--teal);align-items:center;gap:9px;font-size:14px;font-weight:700;display:flex}.line{background:var(--teal);width:24px;height:1px}.hero h1{letter-spacing:-1.5px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(32px,3.6vw,48px);font-weight:400;line-height:1.08}.hero h1 em{color:var(--teal);font-weight:400}.hero-copy>p{color:var(--muted);max-width:470px;font-size:15px;line-height:1.8}.text-link{border-bottom:1px solid #bccab7;align-items:center;gap:12px;margin-top:24px;padding-bottom:5px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.hero-art-frame{width:calc(370px * var(--hero-art-scale));height:calc(330px * var(--hero-art-scale))}.hero-art{width:370px;height:330px;transform:scale(var(--hero-art-scale));transform-origin:0 0;position:relative}.orbit{border:1px solid #e2e3d7;border-radius:50%;width:300px;height:300px;position:absolute;top:12px;left:26px}.orbit-two{width:240px;height:240px;top:42px;left:56px}.art-card{border-radius:12px;flex-direction:column;justify-content:space-between;width:167px;height:237px;padding:19px;display:flex;position:absolute;box-shadow:0 16px 26px #263f341c}.art-card>span{justify-content:space-between;font-family:Georgia,serif;font-size:28px;display:flex}.art-card small{letter-spacing:2px;font-size:14px;font-weight:600}.art-front{background:var(--teal);color:#eee7cb;border:7px solid #e1e8db;top:36px;left:160px;transform:rotate(12deg)}.art-back{color:#785d34;background:#e8c995;border:7px solid #f3ead8;top:63px;left:32px;transform:rotate(-13deg)}.art-symbol{border:1px solid #ffffff45;border-radius:50%;align-self:center;place-items:center;width:87px;height:87px;display:grid}.art-symbol svg{stroke-width:1px;width:45px;height:45px}.home-lower{border-top:1px solid var(--line);grid-template-columns:1fr 1.2fr;gap:45px;padding:34px 0 40px;display:grid}.home-lists{max-width:940px;margin:12px auto 40px}.home-lists-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.home-lists-heading h2{font-family:Georgia,serif;font-size:36px;font-weight:400}.home-lists-heading .button{flex-shrink:0}.new-list-name{margin-bottom:24px}.create-panel{border-radius:var(--radius);background:#eceee4;border:1px solid #dee3d4;padding:28px}h2{letter-spacing:-.6px;font-size:23px}.create-panel h2{margin:0}.create-panel>p{color:var(--muted);font-size:15px}.create-panel form{gap:15px;margin-top:25px;display:grid}.field{gap:8px;font-size:16px;font-weight:600;display:grid}.field input,.field textarea,.field select{background:var(--white);width:100%;color:var(--ink);border:1px solid #d4d9cc;border-radius:7px;padding:12px;font-size:16px;font-weight:400}.field textarea{resize:vertical;min-height:160px;line-height:1.7}.field input::placeholder{color:#959c90}.button{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:12px 19px;font-size:16px;font-weight:600;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex}.button:not(:disabled):active{transform:translateY(1px)}.primary{background:var(--teal);color:#fff}.primary:not(:disabled):hover{background:var(--teal-dark)}.secondary{background:var(--white);border-color:var(--line)}.secondary:not(:disabled):hover{background:#e9eddf}.supported{flex-wrap:wrap;align-items:center;gap:7px;margin-top:19px;display:flex}.supported>span{letter-spacing:.5px;border:1px solid #d3d9cb;border-radius:4px;padding:3px 5px;font-size:14px}.supported small{color:var(--muted);margin-left:3px;font-size:14px}.saved-panel{min-width:0;padding-top:9px}.section-heading{justify-content:space-between;align-items:center;margin-bottom:19px;display:flex}.section-heading h2{margin-top:0}.section-heading>svg{color:#8b9a87}.count{color:var(--muted);border:1px solid var(--line);vertical-align:middle;border-radius:50%;margin-left:7px;padding:3px 7px;font-family:Arial,sans-serif;font-size:15px}.empty-saved{border-radius:var(--radius);text-align:center;color:var(--muted);border:1px dashed #cdd4c5;padding:35px 25px}.empty-saved>svg{color:#9ba892;margin-bottom:15px}.empty-saved h3{color:var(--ink);margin-bottom:10px;font-size:15px}.empty-saved p{max-width:290px;margin:auto;font-size:15px;line-height:1.7}.saved-list-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;display:flex}.icon-button.delete-session{color:var(--muted);min-width:44px;min-height:44px}.delete-session:hover:not(:disabled){color:#92492f}.delete-list-summary{overflow-wrap:anywhere}.session-row{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:15px;width:100%;min-width:0;padding:17px 3px;display:flex}.session-row:hover{background:#eff0e8}.session-row>span:nth-child(2){flex:1;min-width:0}.session-row strong{overflow-wrap:anywhere;font-size:16px;display:block}.session-row small{color:var(--muted);margin-top:6px;font-size:14px;display:block}.session-icon{background:#e6ebe0;border-radius:10px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.session-icon.finished{color:#8d6d35;background:#eee4ce}.dot-separator{color:#b0b5a6;margin:0 5px}.how-it-works{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:30px;padding:29px 0 45px;display:grid}.how-it-works>div{grid-template-columns:25px 1fr;gap:8px;display:grid}.how-it-works>div>span{color:#8a9a7d;font-family:Georgia,serif;font-size:16px;font-style:italic}.how-it-works strong{font-size:15px}.how-it-works p{color:var(--muted);grid-column:2;font-size:14px;line-height:1.6}.site-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:20px;padding:23px 0 30px;font-size:14px;display:flex}.site-footer>span,.site-footer a{align-items:center;gap:7px;display:flex}.site-footer a{text-decoration:none}.workspace-top{justify-content:space-between;align-items:center;margin:26px 0 30px;display:flex}.text-button{color:var(--muted);background:0 0;border:0;align-items:center;gap:7px;padding:5px 0;font-size:15px;display:inline-flex}.text-button:hover{color:var(--teal)}.save-state{color:var(--muted);align-items:center;gap:6px;font-size:14px;display:flex}.workspace-heading{justify-content:space-between;align-items:center;gap:25px;margin:20px 0 28px;display:flex}.workspace-heading h1,.result-heading h1{letter-spacing:-1px;overflow-wrap:anywhere;margin:12px 0;font-family:Georgia,serif;font-size:40px;font-weight:400}.workspace-heading p{color:var(--muted);font-size:15px;line-height:1.6}.workspace-heading>.button{flex-shrink:0}.notice,.error{color:#4d624c;background:#eef2e6;border:1px solid #d8e1cf;border-radius:9px;align-items:flex-start;gap:10px;padding:15px 18px;font-size:15px;line-height:1.7;display:flex}.notice>svg,.error>svg{flex-shrink:0;margin-top:2px}.notice p{margin-top:3px}.notice a{white-space:nowrap}.notice a svg{vertical-align:middle}.error{color:#91482f;background:#fff0e9;border-color:#e8c9bb}.global-message{align-items:center;margin:16px 0}.global-message>span{flex:1}.global-message .button{min-height:30px;padding:6px 12px}.collection-toolbar{justify-content:space-between;align-items:center;gap:15px;margin:28px 0 18px;font-size:15px;display:flex}.bgg-batch{flex-wrap:wrap;align-items:center;gap:15px;margin-top:20px;display:flex}.muted{color:var(--muted);margin-left:7px}.search-field{border-bottom:1px solid var(--line);color:var(--muted);align-items:center;gap:8px;display:flex}.search-field input{width:170px;color:var(--ink);background:0 0;border:0;padding:9px 0;font-size:15px}.game-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;display:grid}.game-card{background:var(--white);border:1px solid var(--line);border-radius:11px;position:relative;overflow:hidden}.game-card.selected{outline:2px solid var(--teal);outline-offset:-2px}.game-selection{background:var(--white);cursor:pointer;border-radius:6px;padding:8px;display:flex;position:absolute;top:7px;left:7px;box-shadow:0 1px 3px #223a3614}.game-selection input{width:20px;height:20px;accent-color:var(--teal);margin:0}.cover{background:#e9eee4;justify-content:center;align-items:center;height:180px;padding:17px;display:flex;overflow:hidden}.cover img{object-fit:contain;filter:drop-shadow(0 5px 5px #1e302725);width:100%;height:100%}.tone-0{background:#e0e8dc}.tone-1{background:#eee5d6}.tone-2{background:#dfe8e8}.tone-3{background:#e7e2ed}.tone-4{background:#ede1d9}.cover-placeholder{text-align:center;border:1px solid #223a361a;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;padding:9px;display:flex}.cover-placeholder>svg{stroke-width:1px;color:#6d8070;width:34px;height:34px}.cover-placeholder>span{overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:100%;font-family:Georgia,serif;font-size:17px;display:-webkit-box;overflow:hidden}.cover-placeholder small{text-transform:uppercase;letter-spacing:1px;color:var(--muted);font-size:14px}.game-details{padding:14px}.game-details h3{overflow-wrap:anywhere;font-size:15px;line-height:1.5}.game-details>span{color:var(--muted);margin-top:4px;font-size:14px;display:block}.bgg-button{width:100%;color:var(--teal);background:0 0;border:0;border-top:1px solid #eceee5;justify-content:space-between;align-items:center;margin-top:12px;padding:10px 0 0;font-size:14px;display:flex}.icon-button{background:0 0;border:0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;min-width:30px;min-height:30px;padding:7px;display:inline-flex}.icon-button:hover{background:#223a3610}.remove-game{background:#fffef9e8;position:absolute;top:7px;right:7px;box-shadow:0 1px 3px #223a3614}.excluded{opacity:.55}.excluded .cover{filter:grayscale()}.empty-library{text-align:center;background:0 0;border:1px dashed #c8d1bf;border-radius:14px;flex-direction:column;align-items:center;gap:17px;width:100%;padding:45px 20px;display:flex}.empty-library>svg{color:#7e9678}.empty-library h2{font-family:Georgia,serif;font-weight:400}.empty-library p{color:var(--muted);font-size:15px}.start-bar{justify-content:space-between;align-items:center;gap:20px;display:flex}.bulk-selection-actions{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;padding-bottom:14px;display:flex}.bulk-selection-actions>span{flex:150px}.bulk-selection-actions small{color:var(--muted);margin-top:3px;display:block}.start-bar strong{font-size:16px}.start-bar p{color:var(--muted);margin-top:6px;font-size:14px}.voting-heading{text-align:center;max-width:760px;margin:42px auto 24px}.ranking-controls{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:flex}.voting-list-title{color:var(--teal);overflow-wrap:anywhere;font-family:Georgia,serif;font-size:20px;font-weight:600;line-height:1.35}.voting-heading h1{letter-spacing:-1px;margin:12px 0 0;font-family:Georgia,serif;font-size:40px;font-weight:400}.remaining-comparisons{max-width:790px;color:var(--ink);text-align:center;margin:0 auto 12px;font-size:16px;font-weight:650}.vote-progress{max-width:790px;color:var(--muted);justify-content:space-between;margin:0 auto 9px;font-size:15px;font-weight:600;display:flex}.progress-track{background:#e2e7da;border-radius:2px;max-width:790px;height:3px;margin:0 auto 30px}.progress-track>div{background:#669375;height:100%;transition:width .2s}.duel{grid-template-columns:1fr 1fr;gap:60px;max-width:790px;margin:auto;animation:.18s ease-out appear;display:grid;position:relative}.duel-side{text-align:center;min-width:0}.duel-card{background:var(--white);text-align:left;border:1px solid #d6ddce;border-radius:13px;width:100%;padding:0;transition:transform .16s,border-color .16s,box-shadow .16s;overflow:hidden;box-shadow:0 7px 22px #223a3607}.duel-card:hover:not(:disabled){border-color:var(--teal);transform:translateY(-4px);box-shadow:0 10px 25px #223a3617}.cover-large{height:295px;padding:25px}.cover-large .cover-placeholder>svg{width:55px;height:55px}.cover-large .cover-placeholder>span{font-size:30px}.cover-large .cover-placeholder small{font-size:14px}.duel-label{align-items:center;gap:11px;padding:20px 15px;display:flex}.duel-label>div{flex:1;min-width:0}.duel-label h2{letter-spacing:-.3px;overflow-wrap:anywhere;font-size:17px}.duel-label span{color:var(--muted);font-size:14px}.duel-label>div>span{margin-top:6px;display:block}.key-hint{border:1px solid var(--line);border-radius:5px;padding:4px;display:flex}.choose-mark{border:1px solid var(--line);border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.duel-card:hover .choose-mark{background:var(--teal);color:#fff;border-color:var(--teal)}.exclude-vote{border:1px solid var(--line);background:var(--white);min-height:34px;color:var(--muted);border-radius:8px;justify-content:center;margin-top:12px;padding:7px 12px;font-size:15px;font-weight:600}.exclude-vote:hover:not(:disabled){border-color:var(--teal);background:#f7f8f2}.versus{color:#8e9885;font-family:Georgia,serif;font-size:15px;font-style:italic;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.duel-actions{justify-content:center;align-items:center;gap:27px;margin:25px 0 33px;display:flex}.duel-action{justify-content:center;min-width:210px;font-size:15px;font-weight:700}.vote-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;max-width:900px;margin:auto;padding:20px 0;display:flex}.vote-footer .text-button{font-size:15px;font-weight:600}.bottom-actions{left:50%;bottom:max(8px, env(safe-area-inset-bottom));z-index:5;border:1px solid var(--teal);background:var(--white);border-radius:14px;gap:14px;width:min(940px,100vw - 32px);max-height:45dvh;padding:17px 20px;display:grid;position:fixed;overflow-y:auto;transform:translate(-50%);box-shadow:0 12px 35px #223a3626}.return-to-list-banner{justify-content:space-between;align-items:center;gap:14px;display:flex}.start-bar+.return-to-list-banner{border-top:1px solid var(--line);padding-top:14px}.return-to-list-banner>span{color:var(--muted);font-size:15px}.bottom-actions .button,.bottom-actions-space{flex-shrink:0}.ranking-details{max-width:900px;color:var(--muted);margin:0 auto 35px;font-size:14px;line-height:1.8}.ranking-details summary{cursor:pointer;padding:7px 0}.ranking-details p{max-width:750px;margin:12px 0}.ready-panel{text-align:center;border:1px solid var(--line);background:#eef1e6;border-radius:15px;max-width:650px;margin:40px auto;padding:32px}.ready-icon{background:#dde8d3;border-radius:50%;place-items:center;width:65px;height:65px;margin:0 auto 20px;display:grid}.ready-panel h2{font-family:Georgia,serif;font-size:30px;font-weight:400}.ready-panel p{color:var(--muted);margin:15px 0;font-size:15px;line-height:1.8}.subtle-note{color:#7e6d48;margin:15px 0;font-size:14px}.button-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}.result-heading{text-align:center;margin:30px 0}.result-heading .eyebrow{justify-content:center}.result-heading p{color:var(--muted);font-size:16px}.result-toolbar{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:min(940px,100%);margin:20px auto 0;display:grid}.preview-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}.result-action-button{justify-content:center;gap:8px;min-width:0;padding:12px 14px}.result-action-button>span{overflow-wrap:anywhere}.result-action-button>svg{flex-shrink:0}.result-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px;display:flex}.share-preview{width:min(680px,100vw - 30px)}.share-preview-image{object-fit:contain;background:#223a3608;border-radius:8px;width:100%;height:min(55dvh,540px);margin:14px auto;display:block}.share-preview-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin:16px 0;display:flex}.share-preview .helper{text-align:center;line-height:1.5}.export-menu{background:var(--white);border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:min(720px,100%);margin:16px auto 0;padding:12px;display:grid;box-shadow:0 15px 35px #223a3612}.export-menu>button{text-align:left;background:var(--paper);border:1px solid var(--line);border-radius:9px;align-items:center;gap:12px;min-width:0;padding:13px;display:flex}.export-menu>button:hover:not(:disabled){border-color:var(--teal);background:#edf0e5}.export-menu>button>svg{color:var(--teal);flex-shrink:0}.export-menu span,.export-menu strong,.export-menu small{min-width:0;display:block}.export-menu small{color:var(--muted);margin-top:3px;font-size:14px}.manual-order-notice{max-width:940px;margin:0 auto 14px}.ranking-list{max-width:940px;margin:26px auto;padding:6px 0;list-style:none}.ranking-list li{border-bottom:1px solid var(--line);align-items:center;gap:20px;padding:12px;display:flex;position:relative}.ranking-list li.manual-editing{background:var(--white);border:1px solid var(--line);cursor:grab;border-radius:10px;margin-bottom:7px}.ranking-list li.manual-editing:active{cursor:grabbing}.drop-indicator{background:var(--teal);height:4px;box-shadow:0 0 0 2px var(--paper);pointer-events:none;z-index:1;border-radius:2px;position:absolute;left:0;right:0}.drop-before{top:-6px}.drop-after{bottom:-6px}.drag-handle{color:var(--muted);flex-shrink:0}.manual-move-buttons{gap:4px;display:flex}.manual-move-buttons .icon-button{border:1px solid var(--line);background:var(--paper);font-size:18px}.rank-edit-actions{flex-wrap:wrap;flex:0 330px;justify-content:flex-end;align-items:center;gap:8px;display:flex}.rank-edit-actions .button{padding:9px 12px}.list-edit-toolbar,.excluded-games{max-width:940px;margin:20px auto}.list-edit-toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.list-edit-toolbar .clear-list-button{margin-left:auto}.excluded-games h2{font-size:18px}.excluded-game{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.excluded-game>span{overflow-wrap:anywhere;min-width:0}.excluded-game .button{flex-shrink:0}.ranking-list li.first-place{background:#eaf0e2;border:1px solid #d4dfc7;border-radius:12px;margin-bottom:10px}.rank-number{color:#8d9b80;text-align:center;min-width:42px;font-family:Georgia,serif;font-size:28px}.first-place .rank-number{color:var(--teal);font-size:37px}.ranking-list .cover{border-radius:5px;flex-shrink:0;width:80px;height:80px;padding:4px}.ranking-list .cover-placeholder{border:0;gap:0;padding:0}.ranking-list .cover-placeholder>span,.ranking-list .cover-placeholder>small{display:none}.rank-info{flex:1;min-width:0}.rank-info h2{overflow-wrap:anywhere;font-size:17px}.rank-info p{color:var(--muted);margin-top:7px;font-size:14px}.rank-badge{color:#857245;background:#ebe6d8;border-radius:4px;margin-left:10px;padding:2px 6px;font-size:14px;display:inline-block}.rank-badge:first-child{margin-left:0}.winner-trophy{color:#af9350}.loading{color:var(--muted);align-items:center;gap:8px;padding:25px;font-size:15px;display:flex}.dialog{border:1px solid var(--line);background:var(--paper);width:min(650px,100vw - 30px);max-height:90dvh;color:var(--ink);border-radius:16px;padding:27px;overflow:auto;box-shadow:0 25px 100px #14292033}.intro-overlay{background:0 0;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.intro-overlay::backdrop{background:0 0}.intro-highlight{pointer-events:none;border:3px solid #c79942;border-radius:16px;position:fixed;box-shadow:0 0 0 9999px #182e2680}.intro-callout{width:min(410px,100vw - 24px);position:fixed}.intro-tour{text-align:left;width:100%;max-height:calc(100dvh - 24px);margin:0;position:relative}.intro-arrow{background:var(--paper);border:1px solid var(--line);width:14px;height:14px;position:absolute;transform:rotate(45deg)}.intro-callout[data-side=right] .intro-arrow{left:-7px;top:calc(var(--tour-arrow) - 7px)}.intro-callout[data-side=left] .intro-arrow{right:-7px;top:calc(var(--tour-arrow) - 7px)}.intro-callout[data-side=bottom] .intro-arrow{top:-7px;left:calc(var(--tour-arrow) - 7px)}.intro-callout[data-side=top] .intro-arrow{bottom:-7px;left:calc(var(--tour-arrow) - 7px)}.intro-login{width:100%;margin-bottom:18px}[data-tour]{scroll-margin-top:18px}.intro-top,.intro-actions,.intro-actions>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.intro-top{color:var(--muted);font-size:16px}.intro-symbol{width:44px;height:44px;color:var(--ink);background:#e7ece4;border-radius:12px;place-items:center;margin:12px 0;display:grid}.intro-tour h2{margin:0;font-family:inherit;font-size:23px}.intro-tour h2:focus{outline:none}.intro-tour .text-button{font-size:16px}.intro-tour p{margin:16px 0 24px;font-size:16px;line-height:1.6}.intro-progress{gap:6px;margin-bottom:24px;display:flex}.intro-progress span{background:var(--line);border-radius:4px;width:24px;height:4px}.intro-progress .active{background:var(--ink)}.intro-actions{flex-wrap:wrap}.intro-actions>div{margin-left:auto}.dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#182e2666}.dialog-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.dialog-header h2{font-family:Georgia,serif;font-size:27px;font-weight:400}.tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:5px;margin-bottom:20px;padding-bottom:10px;display:flex}.import-dropzone{color:var(--teal);text-align:center;overflow-wrap:anywhere;background:#e8f0e9;border:2px dashed #7bada0;border-radius:16px;flex-direction:column;align-items:center;gap:10px;margin-bottom:22px;padding:22px 18px;transition:background .12s,border-color .12s;display:flex}.import-dropzone.dragging{border-color:var(--teal);background:#cceddb}.import-dropzone>span,.import-dropzone>small{max-width:100%;font-size:14px;line-height:1.5}.tabs button{background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:9px 16px;font-size:15px;display:inline-flex}.tabs button.active{background:var(--teal);color:#fff}.stack{gap:15px;display:grid}.import-choice{gap:8px;display:flex}.bgg-token-setup{background:#f5eddc;border:1px solid #e3c99a;border-radius:10px;gap:12px;padding:16px;display:grid}.bgg-token-setup .button{justify-self:start}.bgg-token-setup a{color:var(--teal);font-weight:600}.import-choice button{border:1px solid var(--line);background:var(--white);border-radius:8px;flex:1;min-height:42px;padding:9px 12px}.import-choice button.active{color:#fff;border-color:var(--teal);background:var(--teal)}.bgg-import-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;display:grid}.bgg-collection-filters{border:1px solid var(--line);border-radius:9px;grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding:13px;display:grid}.bgg-collection-filters legend{color:var(--ink);padding:0 5px;font-size:15px;font-weight:700}.bgg-collection-filters label{color:var(--muted);gap:5px;font-size:14px;font-weight:600;display:grid}.bgg-collection-filters select{width:100%;min-height:38px}.bgg-import-form .button{margin-bottom:27px}.bgg-selection-actions{flex-wrap:wrap;align-items:center;gap:13px;font-size:15px;display:flex}.bgg-import-results{gap:7px;max-height:330px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.bgg-import-results li{background:var(--white);border:1px solid var(--line);border-radius:9px}.bgg-import-results label{cursor:pointer;grid-template-columns:20px 48px minmax(0,1fr);align-items:center;gap:11px;padding:9px;display:grid}.bgg-import-results input{width:17px;height:17px;accent-color:var(--teal)}.bgg-import-results img,.bgg-import-placeholder{object-fit:contain;background:#e6ebde;border-radius:5px;width:48px;height:55px}.bgg-import-placeholder{color:var(--muted);place-items:center;display:grid}.bgg-import-results strong,.bgg-import-results small{overflow-wrap:anywhere;display:block}.bgg-import-results strong{font-size:15px}.bgg-import-results small{color:var(--muted);margin-top:4px;font-size:14px}.helper{color:var(--muted);font-size:15px;line-height:1.7}.dialog-actions{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:10px;margin-top:20px;padding-top:18px;display:flex}.preview-table{border-collapse:collapse;width:100%;font-size:14px}.preview-table td,.preview-table th{text-align:left;border:1px solid var(--line);text-overflow:ellipsis;max-width:200px;padding:7px;overflow:hidden}.bgg-candidate{border:1px solid var(--line);background:var(--white);text-align:left;color:var(--ink);border-radius:8px;align-items:center;gap:14px;padding:12px;display:flex}.bgg-candidate:hover{border-color:var(--teal);background:#edf0e5}.bgg-cover{background:#e6ebde}.bgg-placeholder{color:var(--muted);background:#e6ebde;border-radius:5px;place-items:center;display:grid}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes appear{0%{opacity:.6;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1100px){.app-shell{padding:0 36px}.game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.home-lower{gap:25px}}@media (max-width:800px){.result-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-toolbar .resume-ranking{grid-column:1/-1}.app-shell{padding:0 24px}.site-header{height:86px}.hero{--hero-art-scale:.6}.hero-copy>p{font-size:15px}.hero .eyebrow{font-size:14px}.home-lower{grid-template-columns:1fr;gap:25px}.create-panel{padding:24px}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace-heading{flex-direction:column;align-items:flex-start}.workspace-heading h1{font-size:34px}.duel{gap:35px}.cover-large{height:240px;padding:20px}.duel-label{gap:8px;padding:14px 10px}.duel-label h2{font-size:15px}.key-hint{display:none}.site-footer{font-size:14px}.how-it-works{gap:15px}}@media (max-width:540px){.home-lists{margin:12px auto 28px}.home-lists-heading{flex-direction:column;align-items:stretch}.home-lists-heading h2{font-size:32px}.app-shell{padding:0 18px}.brand{gap:9px;font-size:19px}.brand small{letter-spacing:1.5px;font-size:14px}.brand-mark{width:38px;height:38px}.local-badge{border:0;padding:0;font-size:0}.local-badge>span{width:8px;height:8px}.hero{--hero-art-scale:.34;gap:12px;padding:18px 0}.hero h1{letter-spacing:-.8px;font-size:clamp(24px,6.5vw,32px)}.hero-copy>p{max-width:350px}.hero .eyebrow{font-size:14px}.text-link{margin-top:18px;font-size:14px}.home-lower{padding-top:24px}.create-panel{padding:22px}.how-it-works{grid-template-columns:1fr;gap:20px;padding-bottom:28px}.how-it-works p,.how-it-works strong{font-size:15px}.site-footer{flex-direction:column;gap:13px;padding:20px 0}.workspace-top{margin:20px 0 25px}.workspace-heading h1,.result-heading h1{font-size:32px}.workspace-heading p{font-size:15px}.collection-toolbar{flex-direction:column;align-items:flex-start;gap:12px}.search-field,.search-field input{width:100%}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cover{height:165px;padding:15px}.game-details{padding:11px}.game-details h3{font-size:15px}.start-bar{flex-direction:column;align-items:stretch;gap:15px}.start-bar strong{font-size:15px}.start-bar p{font-size:14px;line-height:1.5}.voting-heading{margin-top:25px}.voting-list-title{font-size:17px}.voting-heading h1{font-size:31px}.remaining-comparisons{font-size:15px}.duel{gap:14px}.cover-large{height:205px;padding:10px}.cover-large .cover-placeholder>span{font-size:21px}.cover-large .cover-placeholder>svg{width:36px;height:36px}.cover-large .cover-placeholder small{letter-spacing:.2px;font-size:14px}.duel-label{align-items:flex-start;min-height:90px}.duel-label h2{font-size:16px}.duel-label .choose-mark{display:none}.versus{background:var(--paper);border-radius:50%;place-items:center;width:30px;height:30px;font-size:14px;display:grid;top:38%}.duel-actions{flex-direction:column;gap:10px}.duel-action{width:100%;min-width:0}.exclude-vote{font-size:14px}.vote-footer .text-button{font-size:15px}.return-to-list-banner{flex-direction:column;align-items:stretch;gap:12px}.bottom-actions{padding:14px}.return-to-list-banner .button{justify-content:center}.ready-panel{padding:24px 17px}.ready-panel h2{font-size:27px}.ranking-list li{gap:10px;padding:12px 5px}.ranking-list li.manual-editing{flex-wrap:wrap;padding:11px 8px}.rank-edit-actions{flex-basis:100%;justify-content:flex-start}.excluded-game{flex-wrap:wrap}.export-menu{grid-template-columns:1fr}.result-actions>.button{width:100%}.result-action-button>svg{display:none}.bgg-import-form{grid-template-columns:1fr}.bgg-collection-filters{grid-template-columns:1fr 1fr}.bgg-import-form .button{width:100%;margin-bottom:0}.rank-number{min-width:30px;font-size:23px}.ranking-list .cover{width:64px;height:72px}.rank-info h2{font-size:16px}.rank-info p{font-size:14px}.rank-badge{margin:5px 0 0;display:table}.winner-trophy{display:none}.dialog{padding:20px}.dialog-header h2{font-size:24px}.dialog-actions,.global-message{flex-wrap:wrap}.global-message>span{flex-basis:80%}}.home-lower h2{letter-spacing:-.4px;font-family:inherit;font-size:23px}.home-lower small,.home-lower .empty-saved p,.home-lower .supported>span{font-size:16px}.count{font-family:inherit;font-size:16px}@media (max-width:800px){.site-header{flex-wrap:wrap;height:auto;min-height:105px;padding:20px 0}.header-account{margin-left:auto}}@media (max-width:540px){.header-account,.sync-panel,.sync-panel form{width:100%}.sync-panel input{flex:1;width:0}.header-account .local-badge{font-size:15px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}