.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.premium .circle{--circle-gold:#dfbd78;--circle-muted:#a9b8ba;--circle-line:#345054;--circle-panel:#0a1b22;--circle-jade:#8dc9b4;color:#e7ece6}
.premium .circle-hero{position:relative;display:grid;grid-template-columns:1.3fr .7fr;overflow:hidden;border:1px solid #65704f;min-height:465px;margin:26px 0 46px;background:#091e22;isolation:isolate}
.circle-hero>img{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;object-position:center 43%;opacity:.47}
.circle-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#061318 5%,#061318c9 48%,#071c2459),linear-gradient(0deg,#061318,transparent 50%)}
.circle-hero:after{content:"";position:absolute;inset:10px;border:1px solid #c4b57524;pointer-events:none;z-index:-1}
.circle-hero-content{padding:58px 30px 35px 50px}.premium .circle h1{font-size:clamp(38px,4.2vw,63px);line-height:1.1;letter-spacing:-.035em;font-weight:400;margin:18px 0 23px;max-width:none;color:#f1dfb7}
.circle-hero-content>p:not(.eyebrow){max-width:510px;color:#c1d0cc;font-size:16px;line-height:1.85}
.circle-hero-actions{display:flex;align-items:center;gap:27px;margin:28px 0 30px}.circle-hero-actions>a{font-size:13px;color:#d1dacf;text-decoration:none}.circle-hero-actions button{gap:20px}
.circle-promises{display:flex;flex-wrap:wrap;gap:9px 22px;color:#b8cbb8;font-size:11px}.circle-promises span:first-letter{color:#d7bd7b}
.circle-hero-symbol{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px 40px 45px 0}.circle-hero-symbol>span{font:22px/1.5 Georgia,serif;color:#e8d5a9;letter-spacing:.04em}.circle-hero-symbol>small{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#b5cabb;margin-top:10px;text-align:center}
.circle-emblem{height:225px;width:225px;position:relative;display:grid;place-items:center;margin-bottom:20px;background:radial-gradient(circle,#93b78013 0,transparent 68%);filter:drop-shadow(0 0 16px #829a714a)}
.circle-emblem svg{width:92px;height:112px;fill:none;stroke:#dcc187;stroke-width:1.6;stroke-linejoin:round}.circle-orbit{position:absolute;border:1px solid #d5bb7870;border-radius:50%}.orbit-one{inset:5px}.orbit-two{inset:24px;border-style:dashed;opacity:.5;transform:rotate(15deg)}.circle-emblem:before,.circle-emblem:after{content:"";position:absolute;width:163px;height:163px;border:1px solid #dcbb7840;transform:rotate(45deg)}.circle-emblem:after{transform:rotate(75deg);width:135px;height:135px}.circle-emblem i{position:absolute;width:7px;height:7px;background:#e3c181;transform:rotate(45deg);top:0;left:109px;box-shadow:0 0 15px #f5d598}.circle-emblem i:nth-of-type(2){top:166px;left:12px}.circle-emblem i:nth-of-type(3){top:166px;left:205px}.circle-art-credit{position:absolute;bottom:19px;right:26px;font-size:9px;letter-spacing:.05em;color:#a6b9af}
.circle-layout{display:grid;grid-template-columns:minmax(0,1fr) 306px;gap:38px;align-items:start}.premium .circle-board{margin:0}.circle-section-heading{display:flex;justify-content:space-between;gap:20px;margin-bottom:25px}.premium .circle-section-heading h2{font-size:32px;letter-spacing:-.02em;margin:2px 0 10px;color:#e8d6b1}.circle-section-heading p:not(.eyebrow){font-size:13px;color:var(--circle-muted);margin:0}.circle-section-heading .eyebrow{font-size:10px;margin-bottom:8px;color:#8fc1ad}.circle-small-symbol{font-size:43px;color:#c7ab6c;line-height:1.7}
.circle-filters{border-top:1px solid #394c42;padding-top:20px}.circle-search{display:flex;align-items:center;gap:14px;border:1px solid #405b5c;background:#0a1c23;padding:0 16px}.circle-search>span[aria-hidden]{font-size:28px;color:#96b7ac}.circle-search input{border:0;background:transparent;padding:14px 0;font-size:14px;min-width:0}.circle-filter-selects{display:flex;gap:16px;margin-top:15px}.circle-filter-selects label{display:flex;align-items:center;gap:10px;flex:1;font-size:11px;color:#a3b5ad}.circle-filter-selects select{border-color:#2f4547;font-size:12px;min-width:0;padding:8px 24px 8px 12px;min-height:38px}.circle-tabs{display:flex;gap:24px;overflow:auto;border-bottom:1px solid #38504d;margin-top:15px;scrollbar-width:thin}.premium .circle-tabs button{background:none;border:0;padding:16px 0 14px;min-height:48px;color:#a7b6b4;font-size:12px;white-space:nowrap;position:relative}.premium .circle-tabs button[aria-pressed=true]{color:#e8ce92}.circle-tabs button[aria-pressed=true]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#dec282}
.circle-status{font-size:13px;color:#aac5b7;margin:16px 0;min-height:0}.circle-status:empty{display:none}.circle-topics{display:grid;gap:12px;margin-top:20px}.circle-topic-card{display:grid;grid-template-columns:46px minmax(0,1fr) 48px;gap:16px;padding:24px;background:linear-gradient(115deg,#102229,#08161e);border:1px solid #2e4444;position:relative;transition:border-color .15s,background .15s}.circle-topic-card:hover{border-color:#78856a;background:linear-gradient(115deg,#142c32,#0a1921)}.circle-topic-card.is-pinned{border-left:2px solid #bc9955}.circle-avatar{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border:1px solid color-mix(in srgb,var(--region-color,#94b9a7) 60%,#2c3d3a);background:color-mix(in srgb,var(--region-color,#94b9a7) 12%,#0b191f);color:var(--region-color,#b6ccb7);clip-path:polygon(20% 0,80% 0,100% 20%,100% 80%,80% 100%,20% 100%,0 80%,0 20%);font:25px/1 Georgia,serif}.circle-avatar[data-region=ionia]{--region-color:#d8a5bd}.circle-avatar[data-region=noxus]{--region-color:#d78177}.circle-avatar[data-region=freljord]{--region-color:#a5dbe7}.circle-avatar[data-region=demacia]{--region-color:#e3d297}.circle-avatar[data-region=zaun]{--region-color:#a5d77a}.circle-avatar[data-region=piltover]{--region-color:#dcb286}.circle-avatar[data-region=shurima]{--region-color:#e0bf70}.circle-avatar[data-region=targon]{--region-color:#b1a5e6}.circle-avatar[data-region=shadow-isles]{--region-color:#80cebd}.circle-avatar[data-region=the-void]{--region-color:#c197e1}
.circle-topic-main{min-width:0}.circle-topic-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px 10px;color:#91a99f;font-size:10px;letter-spacing:.03em;margin-bottom:8px}.circle-tag{border:1px solid #395446;padding:2px 7px;color:#b4cebc;text-transform:uppercase;font-size:9px;letter-spacing:.07em}.circle-tag.tag-theory{color:#c5b5e2;border-color:#63556d}.circle-tag.tag-question{color:#b1d4e0;border-color:#3c6671}.circle-tag.tag-pinned{color:#e0c184;border-color:#79673e}.circle-tag.tag-spoiler{color:#d7b69d;border-color:#78604f}.circle-tag.tag-pending{color:#e9c877;border-color:#7f6b33}.premium .circle-topic-card h3{font-size:21px;line-height:1.45;margin:0 0 8px;font-weight:400;color:#eddfbf;overflow-wrap:anywhere}.circle-topic-card h3 a{text-decoration:none}.circle-topic-card h3 a:after{content:"";position:absolute;inset:0}.circle-topic-card p{font-size:13px;color:#a6b5b4;line-height:1.7;margin:0 0 15px;overflow-wrap:anywhere}.circle-topic-foot{display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:10px;color:#879e98}.circle-author-name{color:#c2d0c7}.circle-topic-count{align-self:center;text-align:center;color:#d2c7a2;font:21px/1 Georgia,serif}.circle-topic-count small{display:block;font:9px/1.5 system-ui,sans-serif;color:#849b95;margin-top:6px}.circle-contributors{display:flex;margin-left:auto;padding-left:7px}.circle-contributors .circle-avatar{width:22px;height:22px;font-size:13px;margin-left:-5px;outline:2px solid #0b1a22}
.circle-sidebar{display:grid;gap:20px}.premium .circle-sidebar section{margin:0}.circle-panel{border:1px solid #324642;background:linear-gradient(145deg,#10232b,#08161d);padding:25px}.circle-panel .eyebrow{font-size:10px;color:#c0ad7b;letter-spacing:.14em}.circle-guest{display:flex;align-items:center;gap:13px;margin:20px 0}.circle-guest strong{font-size:14px;display:block;color:#e4d4ac;overflow-wrap:anywhere}.circle-guest span{display:block;color:#9fb2a5;font-size:11px;margin-top:4px}.circle-panel p:not(.eyebrow){font-size:12px;line-height:1.8;color:#a4b4af}.circle-region-label{font-size:11px;color:#bccabb}.circle-region-label select{display:block;margin-top:9px;font-size:12px;border-color:#41584d}.circle-panel .circle-fineprint,.circle-fineprint{font-size:10px!important;color:#8d9f9b!important;line-height:1.7;margin:15px 0 0}.premium .circle-rules h3{font-size:21px;line-height:1.5;margin:12px 0 17px}.circle-rules ol{counter-reset:circle-rule;list-style:none;padding:0;margin:0;display:grid;gap:15px}.circle-rules li{counter-increment:circle-rule;display:grid;grid-template-columns:20px 1fr;gap:10px;font-size:12px;line-height:1.75;color:#aebdb4}.circle-rules li:before{content:"0" counter(circle-rule);color:#a69968;font:12px/1.75 Georgia,serif}
.circle-featured{position:relative;isolation:isolate;border:1px solid #556a69;overflow:hidden}.circle-featured>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.4}.circle-featured:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#041017 7%,#06132188);z-index:-1}.circle-featured>div{padding:34px 25px 26px}.circle-featured .eyebrow{font-size:9px;color:#c7d9dc}.premium .circle-featured h3{font-size:25px;line-height:1.45;color:#e2ebe3}.circle-featured p:not(.eyebrow){font-size:12px;color:#b8caca}.circle-featured button{background:transparent;border:0;border-bottom:1px solid #789592;padding:8px 0;color:#d8d7b3;font-size:12px}.premium .circle-reading h3{font-size:20px;line-height:1.5}.circle-reading a{display:block;text-decoration:none;color:#d8c294;font-size:12px;margin-top:15px}.circle-moderation-link{font-size:11px;color:#869892;text-align:right;text-decoration:none}
.circle-empty{text-align:center;padding:55px 25px;border:1px dashed #3d554b;background:#0a1a21}.circle-empty>span{font:48px Georgia,serif;color:#b4a370}.premium .circle-empty h3{font-size:25px;margin:18px 0 10px}.circle-empty p{font-size:13px;color:#99b1a7;max-width:370px;margin:0 auto 25px}.circle-more{width:100%;justify-content:center;margin-top:22px;font-size:12px;border-color:#496253}.circle-skeleton{height:170px;border:1px solid #2b4140;background:linear-gradient(105deg,#0b1b21,#142a30,#0b1b21);background-size:200% 100%;animation:circle-shimmer 2.4s infinite}.circle-skeleton:nth-child(2){opacity:.7}.circle-skeleton:nth-child(3){opacity:.4}@keyframes circle-shimmer{to{background-position:-200% 0}}
.circle-dialog{background:#091a22;color:#dae3da;border:1px solid #a48b55;padding:30px 36px;max-height:92dvh;width:min(740px,calc(100vw - 28px));max-width:calc(100vw - 28px);overflow:auto;box-shadow:0 30px 120px #000b}.circle-dialog::backdrop{background:#01090dde;backdrop-filter:blur(8px)}.circle-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.circle-dialog-top .eyebrow{font-size:10px;color:#afbdad}.circle-dialog-top button{background:transparent;border:0;font-size:24px;padding:0;min-width:44px;min-height:44px}.circle-dialog h2{font:32px/1.35 Georgia,serif;color:#e9d3a2;margin:0 0 17px}.circle-back{font-size:12px;color:#b8c7b6;text-decoration:none}.circle-dialog form>label,.circle-form-row label{display:block;font-size:12px;line-height:1.6;color:#c0cdbf;margin:16px 0}.circle-dialog input:not([type=checkbox]),.circle-dialog select,.circle-dialog textarea{display:block;width:100%;font:14px/1.6 system-ui,sans-serif;background:#06141b;border:1px solid #405c57;color:#e3e9e0;padding:11px 13px;margin-top:7px;min-width:0;border-radius:0}.circle-dialog textarea{resize:vertical;min-height:140px}.circle-dialog input::placeholder,.circle-dialog textarea::placeholder{color:#779089}.circle-form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.circle-form-hints{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#8ea69c;margin-top:8px}.circle-check{display:flex!important;align-items:flex-start;gap:10px;font-size:12px!important}.circle-check input{width:17px;min-width:17px;height:17px;min-height:17px;padding:0;margin-top:3px;accent-color:#d3b770}.circle-form-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #3f5143;margin-top:22px;padding-top:20px}.circle-form-actions button{font-size:13px}.circle-form-actions button[type=button]{border:0;background:transparent;color:#a7b9ac}.circle-honeypot{position:absolute!important;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.circle-composer-author{font-size:12px;color:#a8bdae}.circle-inline-error{color:#f0b39b!important;border-left:2px solid #aa6857;padding-left:12px;font-size:13px}.circle-inline-success{color:#bdddbd!important;font-size:13px}.circle-context{border:1px solid #4c6660;background:#122b2d;padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.circle-context small{display:block;font-size:10px;letter-spacing:.07em;color:#94b9a5;margin-bottom:5px}.circle-context strong{font:19px/1.4 Georgia,serif;color:#e0d3b2;overflow-wrap:anywhere}.circle-context a,.circle-context button{font-size:11px;background:transparent;border:0}.circle-topic-dialog{width:min(870px,calc(100vw - 28px))}.circle-thread-header{border-bottom:1px solid #4b5a49;padding-bottom:25px}.circle-thread-header h2{font-size:34px;margin:15px 0 20px;overflow-wrap:anywhere}.circle-message-author{display:flex;align-items:center;gap:12px;font-size:12px;color:#c7d5c8}.circle-message-author>div:last-child{display:grid;gap:3px}.circle-message-author small{font-size:10px;color:#8fa397}.circle-message-body{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;font-size:15px;color:#d0dad2;margin:25px 0}.circle-message-body a{color:#d7c388}.circle-message-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.circle-message-actions button{font-size:11px;background:transparent;border:0;padding:4px 0;color:#9fb5a9;min-height:32px}.circle-message-actions button:hover{color:#ead6a9}.circle-replies-heading{font:23px/1.5 Georgia,serif;color:#d9c39a;margin:30px 0 10px}.circle-reply{border-top:1px solid #2e4544;padding:24px 0}.circle-reply .circle-message-body{font-size:14px;margin:16px 0}.circle-reply-parent{font-size:11px;color:#aeb79d;background:#142b2c;border-left:2px solid #a38f56;padding:10px 13px;margin-bottom:15px}.circle-spoiler{border:1px solid #506464;padding:15px 18px;margin:20px 0;background:repeating-linear-gradient(135deg,#11252b,#11252b 7px,#102128 7px,#102128 14px)}.circle-spoiler summary{cursor:pointer;min-height:28px;color:#d3c09d;font-size:13px}.circle-spoiler .circle-message-body{margin-bottom:0}.circle-reply-form{border:1px solid #436354;background:#10282b;padding:24px;margin-top:24px}.circle-reply-form h3{font:24px/1.4 Georgia,serif;color:#e0c997;margin:0 0 14px}.circle-reply-form textarea{margin-top:10px}.circle-notice{padding:15px 18px;border:1px solid #766849;background:#2a2519;color:#d9c592;font-size:12px;margin:20px 0}.circle-admin{padding:35px 0;max-width:1050px;margin:auto}.circle-admin h1{font-size:48px;margin:20px 0}.circle-admin form{max-width:500px;margin-top:30px}.circle-admin label{display:block;margin-bottom:15px;font-size:13px}.circle-admin input{margin-top:8px}.circle-admin-tools{display:flex;flex-wrap:wrap;gap:12px;margin:35px 0}.circle-admin-tools button{font-size:13px}.circle-admin-tools button[aria-pressed=true]{color:#efd08c;border-color:#bf9954}.circle-mod-card{padding:25px;border:1px solid #43564c;margin:15px 0;background:#0b1d23}.circle-mod-card h3{font-size:22px;margin:0 0 12px}.circle-mod-card p{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.circle-mod-actions{display:flex;flex-wrap:wrap;gap:10px}.circle-mod-actions button,.circle-mod-actions a{font-size:11px;min-height:38px}.circle-admin-status{margin:20px 0}
.reading-conversation{display:flex;align-items:center;gap:25px;padding:30px;border:1px solid #546a57;background:linear-gradient(110deg,#14292c,#0c1c24);margin:55px 0!important}.reading-conversation>span{font:50px Georgia,serif;color:#c3ac71}.reading-conversation>div{flex:1}.reading-conversation h2{font:25px/1.4 Georgia,serif;margin:5px 0 8px!important}.reading-conversation p{font-size:13px;color:#a3b9af;margin-bottom:0}.reading-conversation .eyebrow{font-size:10px;color:#b0b894}.reading-conversation a{font-size:13px;flex-shrink:0}.premium .navlinks{gap:20px}.premium .nav{gap:24px}
@media(max-width:1150px){.circle-layout{grid-template-columns:minmax(0,1fr) 270px;gap:23px}.circle-hero-content{padding:44px 20px 30px 32px}.circle-hero-symbol{padding-right:15px}.circle-hero-symbol>span{font-size:20px}.circle-emblem{transform:scale(.85);margin-bottom:0}.circle-promises{gap:8px 14px;font-size:10px}.circle-topic-card{padding:20px 17px;gap:12px}.circle-panel{padding:21px}.premium .navlinks{gap:12px}.premium .nav{gap:15px}.premium .navlinks a{font-size:10px}}
@media(max-width:850px){.circle-layout{grid-template-columns:1fr;gap:30px}.circle-sidebar{grid-template-columns:1fr 1fr}.circle-identity{grid-column:1}.circle-rules{grid-column:2;grid-row:1}.circle-reading{grid-column:2}.circle-hero{grid-template-columns:1fr .55fr!important}.circle-hero-content{padding:35px 20px 30px 30px}.circle-hero-symbol>small{display:none}.circle-hero-symbol>span{font-size:18px;text-align:center}.circle-emblem{width:180px;height:180px;transform:scale(.8);margin-bottom:0}.circle-emblem i{display:none}.circle-promises span:last-child{display:none}.reading-conversation{flex-wrap:wrap}.reading-conversation>a{margin-left:75px}}
@media(max-width:600px){.premium .circle-hero{display:block;min-height:0;margin:18px 0 30px}.circle-hero-content{padding:35px 24px 30px}.premium .circle h1{font-size:43px;line-height:1.12;margin:19px 0}.circle-hero-content>p:not(.eyebrow){font-size:14px;line-height:1.8}.circle-hero-symbol{display:none}.circle-hero:before{background:linear-gradient(90deg,#061318ef,#06131898),linear-gradient(0deg,#061318,transparent)}.circle-hero>img{object-position:65% center;opacity:.6}.circle-hero-actions{gap:18px;flex-wrap:wrap;margin-bottom:22px}.circle-hero-actions button{font-size:13px!important;padding:12px 17px!important}.circle-hero-actions>a{font-size:11px}.circle-art-credit{bottom:13px;font-size:8px;right:21px}.circle-promises{padding-bottom:12px}.circle-section-heading{margin-bottom:18px}.premium .circle-section-heading h2{font-size:28px}.circle-section-heading p:not(.eyebrow){font-size:12px}.circle-small-symbol{font-size:32px}.circle-filter-selects{gap:12px}.circle-filter-selects label{display:block;font-size:10px;min-width:0}.circle-filter-selects select{margin-top:5px;font-size:12px;width:100%}.circle-tabs{gap:23px}.circle-tabs button{font-size:11px!important}.circle-topic-card{grid-template-columns:34px minmax(0,1fr);padding:19px 15px;gap:10px}.circle-topic-card>.circle-avatar{width:32px;height:32px;font-size:21px}.premium .circle-topic-card h3{font-size:20px;margin-bottom:8px}.circle-topic-card p{font-size:12px;margin-bottom:12px}.circle-topic-meta{gap:5px 7px;font-size:9px}.circle-tag{font-size:8px}.circle-topic-count{position:absolute;bottom:17px;right:15px;font-size:15px;display:flex;gap:5px;align-items:center}.circle-topic-count small{display:inline;margin:0;font-size:9px}.circle-topic-foot{padding-right:48px;font-size:9px}.circle-contributors{display:none}.circle-sidebar{grid-template-columns:1fr}.circle-identity,.circle-rules,.circle-reading{grid-column:auto;grid-row:auto}.circle-guest strong{font-size:17px}.circle-identity{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.circle-identity>.eyebrow,.circle-identity>.circle-fineprint{grid-column:1/-1}.circle-guest{grid-column:1/-1;margin:12px 0 16px}.circle-identity-description{margin:0}.circle-region-label{font-size:10px}.circle-region-label select{margin-top:6px;font-size:11px}.circle-panel{padding:23px}.circle-dialog{padding:20px;max-height:95dvh;width:calc(100vw - 18px);max-width:calc(100vw - 18px)}.circle-dialog h2{font-size:27px}.circle-form-row{gap:10px}.circle-dialog input:not([type=checkbox]),.circle-dialog select,.circle-dialog textarea{font-size:16px}.circle-form-hints{font-size:9px}.circle-form-hints span:last-child{white-space:nowrap}.circle-form-actions button{font-size:12px}.circle-topic-dialog .circle-dialog-top{gap:8px}.circle-thread-header h2{font-size:29px}.circle-message-body{font-size:14px}.circle-reply-form{padding:18px}.circle-context{padding:14px}.circle-context strong{font-size:17px}.reading-conversation{padding:24px 20px;gap:15px;margin:35px 0!important}.reading-conversation>span{font-size:36px}.reading-conversation>div{flex-basis:calc(100% - 60px)}.reading-conversation h2{font-size:22px}.reading-conversation>a{margin-left:0;width:100%;justify-content:center}.circle-admin h1{font-size:36px}.circle-admin-tools{gap:8px}.circle-admin-tools button{font-size:11px}.premium .navlinks{gap:22px}.premium .navlinks a{font-size:11px}}
@media(prefers-reduced-motion:reduce){.circle-skeleton{animation:none}.circle-topic-card{transition:none}}