.rank-theme{background:var(--color-match-page);color:var(--color-match-ink);color-scheme:light;min-height:100dvh}.rank-theme :is(h1,h2,h3,h4){color:var(--color-match-ink)}.rank-theme :is(button,a,input,select,summary):focus-visible{outline:3px solid #a58ab8;outline-offset:4px}.rank-theme input::placeholder{color:#95879d}.rank-shell{max-width:1120px;margin-inline:auto;padding:94px 24px 80px}.rank-kicker{color:var(--color-match-accent);font-size:12px;font-weight:750;letter-spacing:.12em}.rank-primary,.rank-secondary{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:14px 26px;border-radius:999px;font-size:15px;font-weight:750;transition:background .2s,transform .2s,box-shadow .2s}.rank-primary{background:var(--color-match-accent);color:#fff;box-shadow:0 6px 16px #73548818,inset 0 1px #ffffff25}.rank-primary:hover{background:#624575;transform:translateY(-2px);box-shadow:0 8px 22px #73548824}.rank-secondary{background:#ffffffa8;color:var(--color-match-accent);border:1px solid var(--color-match-line)}.rank-secondary:hover{background:var(--color-match-tint)}.rank-primary:disabled,.rank-secondary:disabled{opacity:.5;transform:none}.rank-input{background:#fff;border:1px solid var(--color-match-line);color:var(--color-match-ink);border-radius:18px;width:100%;padding:15px 16px}.rank-panel{background:#fff;border:1px solid var(--color-match-line);border-radius:30px;box-shadow:0 8px 30px #61467505}.rank-subnav{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.rank-subnav a{font-size:13px;font-weight:650;color:var(--color-match-copy)}.rank-room-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}@media(max-width:900px){.rank-room-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.rank-shell{padding:90px 20px 56px}.rank-room-grid{grid-template-columns:minmax(0,1fr);gap:12px}}@media(prefers-reduced-motion:reduce){.rank-theme *,.rank-theme *:before,.rank-theme *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.rank-theme{--color-match-page: #f7f2e9;--color-match-surface: #fffdf8;--color-match-ink: #493b48;--color-match-copy: #756777;--color-match-muted: #887b83;--color-match-line: #e3d7dc;--color-match-accent: #795d82;--color-match-tint: #eee4ed;background-color:var(--color-match-page);background-image:repeating-linear-gradient(0deg,#9b7e6106 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,#ffffff30 0 1px,transparent 1px 4px)}.rank-primary,.rank-secondary{position:relative;border-radius:18px;box-shadow:0 4px #cbbbc6,0 8px 18px #6b4c6510}.rank-primary{background:#795d82;border:1px solid #6d5276}.rank-primary:after,.rank-secondary:after{content:"";position:absolute;inset:5px;border:1px dashed #ffffff70;border-radius:13px;pointer-events:none}.rank-secondary{background:#fffaf1}.rank-secondary:after{border-color:#cbbbc6}.rank-primary:active,.rank-secondary:active{transform:translateY(2px);box-shadow:0 2px #cbbbc6}.rank-panel{background:#fffdf8;border:1px solid #e3d7dc;box-shadow:0 5px #e9dfd5,0 12px 28px #72526808}.rank-input{background:#fffcf7;box-shadow:inset 0 2px 4px #75576c08}
