.rank-page{background:linear-gradient(180deg,#fff0d8,#eef7e6 48%,#e8f5f8);color:#183f4d}.rank-hero{min-height:500px;position:relative;display:flex;align-items:center;overflow:hidden}.rank-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.rank-hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,247,226,.98),rgba(255,247,226,.91) 48%,rgba(255,247,226,.12) 82%)}.rank-hero__copy{position:relative;z-index:2;width:var(--shell);margin:auto}.rank-hero__copy>span,.rank-head span,.rank-side span,.milestone-title>span,.lane-cards span{font-size:13px;font-weight:950;letter-spacing:.1em;color:#d24e61}.rank-hero h1{font:800 clamp(54px,6vw,88px)/.95 Georgia,serif;max-width:850px;margin:12px 0 20px}.rank-hero p{max-width:720px;font-size:19px;line-height:1.6}.rank-ladder{width:var(--shell);margin:-40px auto 0;position:relative;z-index:3;display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.rank-ladder article{background:#fffaf0;border:1px solid #ddcfb7;border-radius:15px;text-align:center;padding:17px 8px;box-shadow:0 10px 24px rgba(66,62,40,.11)}.rank-ladder b{display:block;font:800 31px Georgia,serif;color:#ef6f72}.rank-ladder span{font-size:13px;font-weight:850}.rank-ladder article.is-current{background:#0e7181;color:#fff;border-color:#0e7181;transform:translateY(-7px)}.rank-ladder article.is-current b{color:#ffe292}.rank-dashboard{width:var(--shell);margin:52px auto;display:grid;grid-template-columns:1.4fr .6fr;gap:18px}.rank-main,.rank-side article,.milestone-section{background:#fffdf6;border:1px solid #d8d9c5;border-radius:22px;box-shadow:0 15px 35px rgba(75,72,43,.1)}.rank-main{padding:28px}.rank-head{display:flex;align-items:end;justify-content:space-between;gap:14px}.rank-head h2{font:800 43px/1.05 Georgia,serif;margin:5px 0}.rank-head button{border:0;background:#f4dce1;color:#953c51;border-radius:10px;padding:11px 14px;font-weight:900;cursor:pointer}.score-inputs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:23px 0}.score-inputs label{border-radius:15px;padding:16px;border:1px solid}.score-inputs span{font-weight:950}.score-inputs input{display:block;width:100%;border:0;background:rgba(255,255,255,.72);border-radius:9px;padding:12px;margin:8px 0 6px;font-size:22px;font-weight:900;color:#173f4f}.score-inputs small{display:block;font-size:13px;line-height:1.4}.ocean-score{background:#d9f1f3;border-color:#a8d6dc!important}.museum-score{background:#e4efd8;border-color:#bad09f!important}.heritage-score{background:#ffe8d2;border-color:#edc49f!important}.bonus-score{background:#efe6f7;border-color:#cfb8dd!important}.rank-result{display:grid;grid-template-columns:190px 1fr;gap:18px;align-items:center;background:#f5ecd8;border-radius:18px;padding:20px}.rank-badge{text-align:center;background:#ef6f72;color:#fff;border-radius:18px;padding:17px}.rank-badge span{font-size:12px;font-weight:950}.rank-badge strong{display:block;font:800 76px/1 Georgia,serif}.rank-progress>div:first-child{display:flex;justify-content:space-between;gap:12px}.rank-progress b{font-size:22px}.rank-progress span{font-size:14px;color:#607274}.rank-bar{height:16px;background:#d8cfbd;border-radius:999px;overflow:hidden;margin:12px 0}.rank-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ee7171,#e5a447,#53a879,#278db2);transition:.25s}.rank-progress p{font-size:15px;line-height:1.5;margin:0}.lane-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.lane-cards article{border-radius:15px;padding:17px}.lane-cards b{display:block;font-size:32px;margin:4px 0}.lane-cards p{font-size:14px;line-height:1.45}.lane-cards a{font-weight:900;font-size:13px}.ocean-lane{background:#d9f1f3}.museum-lane{background:#e4efd8}.heritage-lane{background:#ffe8d2}.rank-side{display:grid;gap:14px;align-content:start}.rank-side article{padding:23px}.rank-side strong{font:800 64px/1 Georgia,serif;color:#ef6f72;display:block;margin:9px 0}.rank-side p{font-size:15px;line-height:1.55}.milestone-section{width:var(--shell);margin:0 auto 55px;padding:30px}.milestone-title{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:end}.milestone-title h2{font:800 43px/1.05 Georgia,serif;margin:5px 0}.milestone-title p{font-size:16px;line-height:1.55;color:#5f7477}.milestone-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}.milestone-columns>div{background:#f8f2e5;border-radius:17px;padding:18px}.milestone-columns h3{font:800 27px Georgia,serif;margin:0 0 12px}.milestone-columns label{display:flex;gap:11px;background:#fff;border:1px solid #ddd2be;border-radius:12px;padding:12px;margin-top:8px;cursor:pointer}.milestone-columns input{width:20px;height:20px;accent-color:#ef6f72;flex:0 0 auto}.milestone-columns b,.milestone-columns small{display:block}.milestone-columns b{font-size:16px}.milestone-columns small{font-size:13px;color:#607479;line-height:1.4;margin-top:2px}.milestone-columns label:has(input:checked){background:#dff1d8;border-color:#8eb88b}.ocean-sub{margin-top:22px!important}.milestone-progress{margin-top:20px;background:#e4edf2;border-radius:14px;padding:16px;display:grid;grid-template-columns:1fr auto;gap:8px}.milestone-progress span{font-weight:900}.milestone-progress>div{grid-column:1/-1;height:12px;background:#bfd0d6;border-radius:999px;overflow:hidden}.milestone-progress i{display:block;height:100%;width:0;background:#278da2}.rank-links{width:var(--shell);margin:0 auto 62px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.rank-links a{background:#fffaf0;border:1px solid #d5dfd7;border-radius:17px;padding:20px}.rank-links b,.rank-links span{display:block}.rank-links b{font:800 24px Georgia,serif}.rank-links span{font-size:14px;color:#5d7478;margin-top:5px}@media(max-width:1000px){.rank-dashboard{grid-template-columns:1fr}.score-inputs{grid-template-columns:1fr 1fr}.milestone-title{grid-template-columns:1fr}.rank-links{grid-template-columns:1fr}}@media(max-width:760px){.rank-ladder{grid-template-columns:repeat(4,1fr)}.rank-result{grid-template-columns:1fr}.lane-cards,.milestone-columns{grid-template-columns:1fr}}@media(max-width:560px){.rank-hero{min-height:650px}.rank-hero__shade{background:linear-gradient(0deg,rgba(255,247,226,.98),rgba(255,247,226,.76))}.rank-hero h1{font-size:50px}.rank-ladder{grid-template-columns:repeat(2,1fr);margin-top:-24px}.rank-main,.milestone-section{padding:18px}.rank-head{display:block}.rank-head button{margin-top:12px}.score-inputs{grid-template-columns:1fr}.rank-progress>div:first-child{display:block}.milestone-title h2{font-size:36px}}