:root{color-scheme:dark;--bg:#081216;--surface:#122226;--line:#34504e;--text:#eef8f5;--muted:#b7c9c6;--accent:#b7f4d2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.75 system-ui,"Malgun Gothic",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.guide-header{display:flex;align-items:center;gap:24px;padding:20px 5%;border-bottom:1px solid #ffffff20;background:#091519}.guide-brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;white-space:nowrap}.guide-header nav{display:flex;gap:24px;margin-left:auto;font-size:14px}.play-link{background:var(--accent);color:#102822;padding:10px 16px;border-radius:4px;font-weight:700;font-size:13px;white-space:nowrap}.guide-hero{padding:110px 6%;background:linear-gradient(90deg,#07181bf7 0%,#07181bcc 54%,#07181b70),url('/art/worlds/world-1.webp') right 40% center/auto 100% no-repeat;background-color:#102728}.hero-content{max-width:1000px;margin:auto}.kicker{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.18em}.guide-hero h1,.ranking-hero h1{font-size:clamp(36px,5vw,72px);line-height:1.2;letter-spacing:-.05em;margin:20px 0}.guide-hero p:not(.kicker),.ranking-hero p:not(.kicker){max-width:600px;color:var(--muted)}.hero-links,.next-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:30px;font-weight:700}.primary-link,.next-actions a:first-child{background:var(--accent);color:#102822;padding:13px 20px;border-radius:4px}.guide-layout{max-width:1320px;margin:auto;padding:58px 5% 100px;display:grid;grid-template-columns:220px minmax(0,1fr);gap:60px}.guide-index{position:sticky;top:24px;align-self:start}.guide-index b{font-size:13px;color:var(--accent)}.guide-index nav{display:grid;margin-top:18px}.guide-index a{padding:7px 0;color:var(--muted);font-size:13px}.guide-index a:hover{color:var(--accent)}.guide-index span{color:#6e9a8f;margin-right:12px}.guide-content{min-width:0}.guide-notice{padding:18px 22px;background:#182c2c;border-left:3px solid var(--accent);color:#d2e5df;font-size:13px}.manual-section{padding-top:60px;scroll-margin-top:20px}.section-title{display:flex;gap:20px;align-items:start;margin-bottom:24px}.section-title>span{color:var(--accent);font-size:13px;padding-top:11px}.section-title h2{font-size:clamp(26px,3vw,38px);line-height:1.3;letter-spacing:-.04em;margin:0}.section-title p{color:var(--muted);margin:8px 0 0;font-size:14px}.manual-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.manual-cards article{background:var(--surface);border:1px solid #ffffff12;border-radius:5px;padding:25px}.manual-cards h3{font-size:17px;margin:0 0 10px;color:#e9f8ee}.manual-cards p{font-size:14px;color:var(--muted);line-height:1.85;margin:0;word-break:keep-all}.guide-footer{border-top:1px solid #ffffff1a;padding:35px 6%;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px}.guide-footer nav{display:flex;flex-wrap:wrap;gap:20px}.ranking-page{max-width:1120px;margin:auto;padding:80px 5% 110px}.ranking-hero{padding-bottom:48px}.ranking-panel{border:1px solid var(--line);background:var(--surface);padding:clamp(22px,4vw,46px);border-radius:7px}.ranking-heading{display:flex;justify-content:space-between;gap:20px}.ranking-heading h2{margin:0;font-size:32px}.ranking-heading p:not(.kicker){color:var(--muted);font-size:14px}.ranking-heading button,.ranking-tabs button{border:1px solid var(--line);background:#142b2d;color:var(--text);border-radius:4px;padding:10px 18px;align-self:center}.ranking-tabs{display:flex;gap:10px;margin:25px 0}.ranking-tabs button[aria-pressed=true]{background:var(--accent);color:#102822;border-color:var(--accent)}.ranking-status{min-height:24px;color:var(--muted);font-size:14px}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:15px 12px;border-bottom:1px solid #ffffff16}th{font-size:12px;color:#9eb8b2}th:first-child,td:first-child{width:72px;color:var(--accent);font-weight:800}th:last-child,td:last-child{text-align:right;white-space:nowrap}td:nth-child(2){overflow-wrap:anywhere}@media(max-width:700px){.guide-header{gap:10px;flex-wrap:wrap;padding:15px 5%}.guide-header nav{order:3;width:100%;justify-content:center;gap:20px;margin:0;padding-top:7px;font-size:12px}.play-link{margin-left:auto;font-size:11px}.guide-hero{padding:78px 6%;background-position:right center}.guide-layout{display:block;padding:36px 5% 70px}.guide-index{position:static}.guide-index nav{display:flex;overflow-x:auto;gap:10px;padding:0 0 10px}.guide-index a{border:1px solid var(--line);border-radius:4px;padding:7px 12px;white-space:nowrap}.guide-index span{display:none}.manual-section{padding-top:48px}.manual-cards{grid-template-columns:1fr}.manual-cards article{padding:20px}.ranking-page{padding-top:55px}.ranking-heading{display:block}.ranking-heading button{margin-top:10px}.guide-footer{flex-wrap:wrap}}
.shape-hidden{display:none}.brick-shapes{display:flex;gap:18px;overflow-x:auto;padding:12px 0 24px}.brick-shapes div{display:grid;justify-items:center;gap:8px;min-width:70px;color:var(--muted)}.brick-shapes small{font-size:12px}.brick-shape{display:block;width:44px;height:44px;background:linear-gradient(145deg,#c2f9e5,#5596af 55%,#4a507e);border:2px solid #bbf8e1;filter:drop-shadow(0 2px 6px #8cfbe655)}.brick-shape.square{border-radius:6px}.brick-shape.diamond{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.brick-shape.triangle{clip-path:polygon(50% 0,100% 100%,0 100%)}.brick-shape.hexagon{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.brick-shape.circle{border-radius:50%}
.guide-hero h1,.ranking-hero h1,.guide-hero p,.ranking-hero p{word-break:keep-all}@media(max-width:700px){.guide-hero h1{font-size:clamp(29px,8vw,40px)}}
.guide-languages{position:relative;flex-shrink:0}.guide-languages summary{cursor:pointer;list-style:none;border:1px solid var(--line);border-radius:4px;padding:8px 12px;font-size:13px;white-space:nowrap}.guide-languages summary::-webkit-details-marker{display:none}.guide-languages nav{position:absolute;z-index:10;right:0;top:calc(100% + 8px);display:grid;gap:0;min-width:190px;max-height:60vh;overflow:auto;padding:6px;background:#102126;border:1px solid var(--line);border-radius:4px;box-shadow:0 12px 30px #0008}.guide-languages nav a{padding:8px 12px;font-size:13px;white-space:nowrap}.guide-languages nav a:hover,.guide-languages nav a:focus-visible,.guide-languages nav a[aria-current]{color:var(--accent);background:#244039}@media(max-width:700px){.guide-header>.guide-languages{margin-left:auto}.guide-header .guide-languages nav{position:absolute;order:initial;width:auto;display:grid;justify-content:initial;margin:0;padding:6px}.guide-header .play-link{margin-left:0;max-width:45%;overflow:hidden;text-overflow:ellipsis}.guide-languages summary span{display:none}}
html:not([lang="ko"]) .guide-hero h1,html:not([lang="ko"]) .ranking-hero h1,html:not([lang="ko"]) .guide-hero p,html:not([lang="ko"]) .ranking-hero p,html:not([lang="ko"]) .manual-cards p{word-break:normal;overflow-wrap:anywhere}@media(max-width:700px){.guide-header>nav{flex-wrap:wrap}.guide-header>nav a{overflow-wrap:anywhere;text-align:center}.guide-hero h1{overflow-wrap:anywhere}}
@media(max-width:700px){html:not([lang="ko"]) .guide-hero h1{font-size:clamp(23px,6.2vw,31px)}}
.guide-header{flex-wrap:wrap}.guide-header>nav{order:3;width:100%;margin:0;justify-content:center;gap:clamp(12px,2vw,26px);flex-wrap:wrap}.guide-header>.guide-languages{margin-left:auto}.guide-header .play-link{margin-left:0}.brick-texture,.manual-texture{display:block;width:76px;height:76px;object-fit:contain;filter:drop-shadow(0 5px 12px #57d7e24d);transition:transform .22s ease,filter .22s ease}.brick-shapes div{min-width:100px}.manual-item-art{display:inline-block;width:105px;height:80px;object-fit:contain;vertical-align:middle;transition:transform .22s ease,filter .22s ease}.manual-texture{display:inline-block;width:64px;height:64px;vertical-align:middle;margin:0 8px 10px 0}.manual-cards article{transition:border-color .22s ease,transform .22s ease,box-shadow .22s ease}.manual-cards article:hover,.manual-cards article:focus-within{border-color:#a7ebd5;transform:translateY(-3px);box-shadow:0 12px 28px #0004}.manual-cards article:hover .manual-item-art,.manual-cards article:hover .manual-texture,.brick-shapes div:hover .brick-texture{transform:scale(1.1);filter:drop-shadow(0 6px 14px #a5ffd880)}@media(max-width:700px){.guide-header>nav{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;gap:18px;padding-bottom:6px}.guide-header>nav a{white-space:nowrap}.brick-shapes div{min-width:80px}.brick-texture{width:64px;height:64px}}@media(prefers-reduced-motion:reduce){.manual-cards article,.manual-item-art,.manual-texture,.brick-texture{transition:none}}
@media(max-width:700px){.guide-header>nav{justify-content:center;flex-wrap:wrap;overflow:visible;gap:7px 14px}.guide-header>nav a{white-space:normal;font-size:11px}.brick-shapes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;overflow:visible}.brick-shapes div{min-width:0}.brick-texture{width:min(100%,58px);height:auto;aspect-ratio:1}.brick-shapes small{font-size:10px}}

/* Match the homepage navigation at every viewport. */
.guide-header{height:96px;padding:0 4.5%;display:flex;flex-wrap:nowrap;justify-content:space-between;gap:0;background:#091519}.guide-brand{gap:10px;font-size:25px;letter-spacing:-1px}.guide-brand-dot{width:7px;height:7px;background:#b9f6d1;border-radius:50%;align-self:flex-end;margin-bottom:7px}.guide-header>nav{order:initial;width:auto;margin:0;display:flex;flex-wrap:nowrap;justify-content:initial;gap:40px;font-size:14px}.guide-header>nav a{white-space:nowrap}.guide-header>nav a:hover{color:#b9f6d1}.guide-header>.guide-languages{margin-left:0}.guide-languages summary{padding:10px 12px;border:1px solid #ffffff70;border-radius:3px;font-size:12px}.guide-header .play-link{background:transparent;color:inherit;padding:12px 23px;border:1px solid #ffffff70;border-radius:3px;font-size:13px;font-weight:400}.guide-mobile-nav{display:none}
@media(max-width:1000px){.guide-header{gap:10px}.guide-header>nav{gap:12px}}
@media(max-width:1250px){.guide-header>nav{display:none}.guide-mobile-nav{display:flex;justify-content:center;gap:24px;padding:13px 5%;font-size:12px;background:#061016dd;border-bottom:1px solid #ffffff1a}.guide-mobile-nav a{white-space:nowrap}}
@media(max-width:600px){.guide-header{height:76px;padding:0 6%;gap:6px}.guide-brand{font-size:21px}.guide-brand img{width:29px;height:29px}.guide-languages summary{min-width:38px;padding:10px 8px;font-size:11px}.guide-languages summary span{display:none}.guide-header .play-link{font-size:11px;padding:10px 13px;max-width:145px;overflow:hidden;text-overflow:ellipsis}.guide-mobile-nav{gap:clamp(14px,5vw,28px);padding:13px 6%;font-size:11px}.guide-mobile-nav a{text-align:center;line-height:1.3}html:not([lang="ko"]) .guide-mobile-nav{gap:12px;justify-content:space-around}html:not([lang="ko"]) .guide-mobile-nav a{white-space:normal}}
@media(max-width:360px){.guide-header .play-link{padding:10px 8px}}

/* Shared editorial treatment with the public site. */
.guide-hero{padding:95px 6%;background:linear-gradient(90deg,#08131af5 15%,#08131ab8 65%,#08131a55),url('/art/worlds/world-1.webp') right 15% center/auto 100% no-repeat;background-color:#10232c;border-bottom:1px solid #ffffff15}
.hero-content{max-width:1440px}.guide-hero h1,.ranking-hero h1{font-size:clamp(36px,4.4vw,68px);font-weight:700;letter-spacing:-.045em;line-height:1.3;max-width:1050px}.kicker{color:#d8c39a;letter-spacing:.2em;font-size:10px}.guide-hero p:not(.kicker){max-width:700px;font-size:15px;line-height:1.9}.hero-links{font-size:13px;gap:28px}.primary-link,.next-actions a:first-child{background:#d2eddb;padding:14px 22px}
.guide-layout{max-width:1560px;padding:65px 6% 100px;grid-template-columns:210px minmax(0,1fr);gap:65px}.guide-index{top:calc(var(--site-header-height) + 28px)}.guide-index b{color:#d8c39a;letter-spacing:.08em}.guide-index a{padding:9px 0}.guide-index span{color:#bca884}.manual-section{scroll-margin-top:calc(var(--site-header-height) + 20px);padding-top:70px}.section-title>span{color:#d8c39a}.section-title h2{font-size:clamp(27px,2.6vw,38px);font-weight:600}.manual-cards article{background:linear-gradient(135deg,#15252d,#0e1b22);border-color:#ffffff16;padding:28px;border-radius:5px}.manual-cards article:hover,.manual-cards article:focus-within{border-color:#d8c39a88;box-shadow:0 16px 35px #0004}.manual-cards h3{font-weight:600;font-size:17px}.manual-cards p{color:#acbfbe;font-size:14px}.guide-notice{background:#142329;border-color:#d8c39a;color:#b7c9c6;border-radius:0 4px 4px 0}.brick-shapes{padding:20px 0;margin-bottom:20px}.page-ranking{background:radial-gradient(ellipse at 90% 0%,#24333166,transparent 60%),#080f14}.ranking-page{max-width:1320px;padding:80px 6% 100px}.ranking-hero{padding-bottom:45px}.ranking-panel{background:linear-gradient(140deg,#15252c,#101c23);border-color:#ffffff20;border-radius:5px;padding:clamp(20px,4vw,48px)}.ranking-heading h2{font-size:26px;font-weight:600}.ranking-tabs{padding:6px;border:1px solid #ffffff16;background:#09161e;border-radius:5px;display:inline-flex}.ranking-tabs button{border:0;background:transparent;line-height:1.5;font-size:13px}.ranking-tabs button[aria-pressed=true]{background:#d2eddb}.ranking-panel th{color:#9baeb0;font-weight:400;font-size:11px;letter-spacing:.05em}.ranking-panel td{padding:21px 12px;font-size:14px}.ranking-panel tbody tr:nth-child(-n+3) td:first-child{color:#e7d09c;font-size:19px}.ranking-panel tbody tr:hover{background:#ffffff04}.ranking-heading button{font-size:12px;background:transparent;border-color:#ffffff30}.next-actions{font-size:12px;gap:25px}
@media(max-width:700px){.guide-hero{padding:55px 6%}.guide-hero h1,.ranking-hero h1{font-size:36px;line-height:1.3}.guide-hero p:not(.kicker){font-size:13px}.guide-layout{padding:35px 5% 65px;display:block}.guide-index{position:static}.guide-index a{padding:9px 13px}.manual-section{padding-top:48px}.manual-cards article{padding:22px}.ranking-page{padding:48px 5% 70px}.ranking-tabs{display:flex;gap:3px}.ranking-tabs button{flex:1;min-width:0;padding:11px 8px;font-size:12px}.ranking-panel td{padding:17px 7px;font-size:12px}.ranking-panel th{padding:12px 7px}.ranking-panel th:first-child,.ranking-panel td:first-child{width:40px}.ranking-heading h2{font-size:24px}.hero-links{gap:20px}}

.guide-index nav{scrollbar-width:none}.guide-index nav::-webkit-scrollbar{display:none}
.section-title>div{min-width:0}.section-title h2{overflow-wrap:anywhere}.section-title>span{flex-shrink:0}
/* Brighter jewel colors, compact guide and two ranked columns. */
.page-guide{background:radial-gradient(ellipse at 85% 15%,#2c214455,transparent 55%),#0b1625}.guide-hero{padding:50px 6%;background-color:#14263c}.guide-hero h1{font-size:clamp(32px,3.8vw,58px);margin:12px 0}.hero-links{margin-top:22px}.guide-layout{padding-top:30px;gap:36px}.manual-section{padding-top:40px}.section-title{margin-bottom:18px}.guide-notice{background:#25223d;border-color:#c3a0ff}.manual-cards article{border-radius:10px;padding:22px;background:linear-gradient(125deg,#14323f,#14273b);border-color:#5ab8d640}.manual-cards article:nth-child(3n+2){background:linear-gradient(125deg,#302440,#20273d);border-color:#b08ade40}.manual-cards article:nth-child(3n){background:linear-gradient(125deg,#34312c,#202b35);border-color:#e4b36540}.manual-cards h3{color:#96e7ef}.manual-cards article:nth-child(3n+2) h3{color:#d8b8ff}.manual-cards article:nth-child(3n) h3{color:#ffdc97}.manual-cards p{color:#c5d2dc}.section-title>span{color:#b899fb}.primary-link,.next-actions a:first-child{background:linear-gradient(110deg,#81dfe5,#b2a4f1);color:#122135}
.page-ranking{background:radial-gradient(ellipse at 0% 0%,#194b5955,transparent 55%),radial-gradient(ellipse at 100% 10%,#492a6b55,transparent 65%),#0c1524}.ranking-page{max-width:1600px;padding:35px 5% 50px}.ranking-hero{padding-bottom:18px}.ranking-hero h1{font-size:clamp(30px,3.4vw,48px);margin:8px 0}.ranking-hero p{margin:8px 0}.ranking-panel{padding:22px 26px;background:linear-gradient(120deg,#16313d,#24213d);border-radius:13px;border-color:#89afd740}.ranking-heading .kicker{display:none}.ranking-heading h2{font-size:22px;color:#ffe1a3}.ranking-heading p{margin:8px 0}.ranking-tabs{margin:14px 0 12px;padding:4px}.ranking-tabs button[aria-pressed=true]{background:linear-gradient(110deg,#84e0df,#b1a4ef);color:#132235}.ranking-status{min-height:0;margin:0 0 10px}.ranking-status:empty{display:none}.ranking-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.ranking-columns table{table-layout:fixed}.ranking-columns caption{text-align:left;padding:8px 10px;color:#8ee5e3;font-size:12px;font-weight:700;letter-spacing:.1em;border-radius:6px;background:#79d5df12}.ranking-columns table:nth-child(2) caption{color:#d0b5ff;background:#bca1ff12}.ranking-panel th,.ranking-panel td{padding:10px 10px;font-size:13px}.ranking-panel th:first-child,.ranking-panel td:first-child{width:46px}.ranking-panel th:last-child,.ranking-panel td:last-child{width:34%;white-space:normal;overflow-wrap:anywhere}.ranking-panel tbody tr:nth-child(-n+3) td:first-child{font-size:13px;color:#9ebbd5}.ranking-panel tr[data-rank="1"] td:first-child{color:#ffdc7f;font-size:18px}.ranking-panel tr[data-rank="2"] td:first-child{color:#cbe8f6;font-size:17px}.ranking-panel tr[data-rank="3"] td:first-child{color:#edae8b;font-size:16px}.ranking-panel tbody tr:nth-child(2n){background:#ffffff03}.ranking-panel .next-actions{margin-top:20px}
@media(max-width:700px){.guide-hero{padding:32px 5%}.guide-hero h1{font-size:32px}.guide-layout{padding-top:25px}.manual-section{padding-top:34px}.ranking-page{padding:25px 4% 40px}.ranking-panel{padding:17px 13px}.ranking-hero{padding-bottom:13px}.ranking-heading{display:flex;gap:10px;align-items:flex-start}.ranking-heading button{padding:8px;flex-shrink:0}.ranking-heading h2{font-size:20px}.ranking-columns{grid-template-columns:1fr;gap:20px}.ranking-panel td{font-size:13px}.ranking-panel th:first-child,.ranking-panel td:first-child{width:42px}.ranking-panel th:last-child,.ranking-panel td:last-child{width:35%}.ranking-hero h1{font-size:32px}}