.ranking-status[data-astro-cid-p7r6j7eu]{color:#e1ece6c7;letter-spacing:.5px;text-align:center;margin:28px 8px;font-size:16px;line-height:1.6}.ranking-status[data-astro-cid-p7r6j7eu][data-state=error]{color:#ffd45d}.ranking-page{color:#f4f6f2;background:radial-gradient(circle at 50% 9%,#0b4a70 0%,#062b45 38%,#020d18 100%);min-height:100vh;padding:150px 40px 100px}.ranking-intro{text-align:center;border-top:1px solid #f3ffae47;border-bottom:1px solid #f3ffae47;width:min(1500px,100%);margin-inline:auto;padding:38px 24px 42px}.ranking-intro h1{color:#62f5bd;letter-spacing:5px;text-shadow:0 0 14px #62f5bd47;margin:0;font-family:Noto Serif TC,serif;font-size:clamp(30px,3.2vw,48px);font-style:italic;font-weight:900;line-height:1.35}.ranking-detail-line{flex-wrap:wrap;justify-content:center;align-items:center;gap:9px 15px;margin-top:20px;display:flex}.ranking-detail-line p{color:#f4f6f2f0;letter-spacing:1px;margin:0;font-size:clamp(16px,1.45vw,21px);line-height:1.75}.rule-button{color:#ffd45d;font:inherit;letter-spacing:1px;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ffcd48a6;align-items:center;gap:7px;padding:3px 2px 5px;font-size:clamp(15px,1.3vw,19px);font-weight:700;transition:color .2s,text-shadow .2s,border-color .2s;display:inline-flex}.rule-button:hover,.rule-button:focus-visible{color:#fff1aa;text-shadow:0 0 10px #ffd45da6;border-color:#ffe781;outline:none}.rule-button-icon{filter:drop-shadow(0 0 5px #ffd45dcc);font-size:9px}.ranking-content{width:min(1500px,100%);min-height:380px;margin:0 auto}.featured-anglers{width:min(1720px,100%);margin:0 auto;padding:58px 0 42px}.featured-anglers h2{text-align:center;color:#f3ffaef5;letter-spacing:7px;text-shadow:0 0 15px #f3ffae6b;margin:0 0 8px;font-size:clamp(30px,3vw,42px)}.angler-row{box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;scroll-snap-type:x mandatory;cursor:grab;user-select:none;touch-action:pan-x;align-items:center;gap:10px;width:100%;padding:20px 10px;display:flex;overflow:auto hidden}.angler-row::-webkit-scrollbar{display:none}.angler-row.is-dragging{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none}.angler-card:first-child{margin-left:auto}.angler-card:last-child{margin-right:auto}.angler-card{scroll-snap-align:center;scroll-snap-stop:always;background:#0d1a26;border:1px solid #f3ffae66;border-radius:15px;flex-direction:column;flex-shrink:0;width:320px;height:400px;transition:transform .3s,border-color .3s;display:flex;overflow:hidden;box-shadow:0 10px 30px #000c}.angler-card:hover{border-color:#f3ffaee6;transform:translateY(-6px)}.angler-header{color:#1a222a;letter-spacing:5px;background:#d8e2ea;flex-shrink:0;justify-content:center;align-items:center;height:50px;font-family:Noto Serif TC,serif;font-size:30px;font-style:italic;font-weight:900;display:flex}.angler-photo{background:#000;flex:1;width:100%;overflow:hidden}.angler-photo img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.angler-footer{background:#07111a;border-top:1px solid #ffffff14;flex-shrink:0;justify-content:center;align-items:center;height:60px;padding:0 15px;display:flex}.angler-name{color:#fff;letter-spacing:5px;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:25px;font-weight:700;overflow:hidden}.rule-dialog{color:#f4f6f2;background:linear-gradient(145deg,#09344cfa,#02111dfc);border:1px solid #ffd45da3;border-radius:5px;width:min(780px,100% - 36px);max-height:min(78vh,820px);padding:58px 58px 52px;overflow:auto;box-shadow:0 30px 90px #000000c7,inset 0 0 45px #62f5bd0d,0 0 20px #ffd45d1a}.rule-dialog::backdrop{backdrop-filter:blur(5px);background:#00080fd1}.dialog-close{color:#f4f6f2c7;cursor:pointer;background:0 0;border:0;width:38px;height:38px;padding:0;font-size:32px;font-weight:300;line-height:1;position:absolute;top:13px;right:16px}.dialog-close:hover,.dialog-close:focus-visible{color:#ffd45d;text-shadow:0 0 9px #ffd45db3;outline:none}.dialog-ornament{color:#ffd45d;justify-content:center;align-items:center;gap:12px;margin-bottom:27px;display:flex}.dialog-ornament span{background:linear-gradient(90deg,#0000,#ffd45db8);width:min(160px,26%);height:1px}.dialog-ornament span:last-child{transform:scaleX(-1)}.dialog-ornament i{font-size:10px;font-style:normal}.rule-text{white-space:pre-line;text-align:center;letter-spacing:.7px;font-size:clamp(16px,1.35vw,19px);line-height:1.85}.ranking-content{border-top:1px solid #f3ffae52;width:min(1660px,100%);min-height:500px;margin:0 auto;padding:65px 0 30px}.ranking-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;display:grid}.ranking-board{background:linear-gradient(#093852f0 0%,#031c2ef5 100%);border:1px solid #62f5bd52;border-radius:15px;min-width:0;padding:18px 14px 20px;box-shadow:0 16px 34px #00000059,inset 0 1px #ffffff0d}.ranking-board-title{color:#f3ffaef5;letter-spacing:4px;text-align:center;text-shadow:0 0 10px #f3ffae40;margin:0 0 8px;font-family:Noto Serif TC,serif;font-size:32px;font-style:italic;font-weight:900}.ranking-list{scrollbar-width:thin;scrollbar-color:#62f5bd6b #00000026;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;flex-direction:column;gap:10px;max-height:620px;padding:2px 3px 8px;display:flex;overflow:hidden auto}.ranking-row{background:linear-gradient(#0092ccfa 0%,#004574f5 57%,#040511f2 100%);border:1px solid #00161d40;border-radius:13px;grid-template-rows:1fr 1fr;grid-template-columns:82px minmax(0,1fr) auto;column-gap:12px;min-height:86px;padding:8px 10px 8px 8px;display:grid;position:relative;overflow:hidden;box-shadow:0 7px 14px #0000004d,inset 0 1px #ffffffe6}.ranking-avatar{object-fit:contain;object-position:start;background:0 0;border:0 solid #24468de6;border-radius:0;grid-area:1/1/3;align-self:start;width:84px;height:84px;display:block;transform:translateY(-5px)}.ranking-player{border-bottom:1px solid #4d92c4bf;grid-area:1/2/auto/4;align-items:end;min-width:0;display:flex}.ranking-player strong{color:#c3ff92;letter-spacing:.5px;text-overflow:ellipsis;white-space:nowrap;width:100%;padding-bottom:5px;font-family:Noto Serif TC,serif;font-size:25px;font-style:italic;font-weight:700;display:block;overflow:hidden}.ranking-player span{display:none}.ranking-score{color:#acf9ff;letter-spacing:1px;grid-area:2/2;align-items:center;font-size:19px;font-weight:700;display:flex}.ranking-detail-button{color:#f3ffaeeb;cursor:pointer;background:linear-gradient(#d355b3 0%,#551861 100%);border:1px solid #50646e47;border-radius:50%;grid-area:2/3;align-self:start;width:35px;height:35px;padding:0;font-family:Georgia,Times New Roman,serif;font-size:28px;font-weight:900;transition:transform .15s,box-shadow .15s;box-shadow:inset 0 2px 3px #ffffffe6,0 1px 3px #00000040}.ranking-detail-button:hover{box-shadow:0 0 9px #62f5bdbf,inset 0 2px 3px #fffffff2}.ranking-detail-button:active{transform:scale(.88);box-shadow:inset 0 2px 5px #00000052}.ranking-position{z-index:2;color:#f3ffae;background:#031b2ce0;border:1px solid #2dd5ffbf;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-size:20px;font-style:italic;font-weight:600;display:flex;position:absolute;top:3px;left:0;box-shadow:0 2px 5px #00000073}.ranking-row:first-child{border-color:#ffd24fcc;box-shadow:0 8px 18px #00000057,0 0 10px #ffd24f29}.ranking-row:first-child .ranking-position{color:#003adb;background:linear-gradient(#fff280,#ad7216);font-size:30px;font-weight:800}.ranking-board-placeholder{opacity:.45;min-height:350px}.ranking-board-header{text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;min-height:96px;margin-bottom:16px;display:flex}.ranking-board-title{margin:0 0 8px}.ranking-board-subtitle{color:#e1ece6c2;letter-spacing:.5px;max-width:330px;margin:0;font-size:18px;font-weight:500;line-height:1.45}@media (width<=1250px){.ranking-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.ranking-content{padding-top:48px}.ranking-grid{grid-template-columns:1fr;gap:18px}.ranking-board{padding-inline:10px}.ranking-board-title{font-size:24px}.ranking-row{grid-template-columns:78px minmax(0,1fr) auto}.ranking-avatar{width:74%;height:74px}.ranking-page{padding:120px 18px 70px}.ranking-intro{padding:30px 4px 32px}.ranking-intro h1{letter-spacing:2px}.ranking-detail-line{gap:7px 11px}.rule-dialog{padding:52px 24px 38px}.rule-text{line-height:1.7}.featured-anglers{padding-top:44px}.featured-anglers h2{letter-spacing:4px}.angler-row{width:calc(100% + 36px);margin-inline:-18px;padding-inline:18px}.angler-card:first-child{margin-left:0}.angler-card:last-child{margin-right:0}.angler-card{width:min(320px,82vw);height:400px}}