/* BRAVE CALL official portal — authored source */
:root{--gold:#dec399;--line:#dec39938;--accent:#ad5349}
.site-header{height:88px;background:linear-gradient(#070b13f0,#070b1390);backdrop-filter:blur(8px);gap:26px}.desktop-nav{font-family:Georgia,serif;font-size:11px;letter-spacing:.12em;gap:28px}.menu-toggle{display:block;border:1px solid var(--line);flex-shrink:0}.menu-toggle:hover{background:#dec39918}.header-store{background:#e1c79f;color:#182131;border-color:#e1c79f;font-size:11px;min-height:44px}.hero:has(.hero-stores){min-height:870px;height:100svh;max-height:1120px}.hero:has(.hero-stores) .hero-copy{padding-block:135px 95px}.hero-art{object-position:31% center}.hero-vignette{background:linear-gradient(90deg,transparent 15%,#070b1220 38%,#070b12bf 68%,#070b12eb),linear-gradient(0deg,#090e17,transparent 30%)}.hero h1{position:relative}.hero:has(.hero-stores) h1 img{width:480px;filter:drop-shadow(0 5px 22px #080a10)}.hero-catch{font-family:var(--serif);font-size:clamp(35px,3.7vw,57px);line-height:1.7;letter-spacing:.13em;font-weight:400;margin-top:8px;text-shadow:0 4px 24px #080b12}.hero-catch em{font-style:normal;color:#ebd7b5}.hero-genre{font-size:11px;letter-spacing:.3em;margin:22px 0 0;color:#e6d9c6}.hero-description{font-size:12px;line-height:2.2;color:#bdbcc5;margin:15px 0 27px}.hero-copy>.eyebrow{font-size:9px;letter-spacing:.27em}.hero-copy{position:relative;z-index:2}.hero-orbit{position:absolute;left:-13%;top:5%;width:72%;aspect-ratio:1;border:1px solid #ffe1ac22;border-radius:50%;box-shadow:0 0 0 28px #ffe1ac05,0 0 0 29px #ffe1ac13;pointer-events:none;z-index:-1}.hero-flecks{position:absolute;inset:0;pointer-events:none;background:radial-gradient(2px 2px at 12% 30%,#f6d293,transparent),radial-gradient(2px 2px at 25% 58%,#f6d293,transparent),radial-gradient(1px 1px at 47% 22%,#f6d293,transparent),radial-gradient(2px 2px at 32% 70%,#f6d293,transparent);animation:embers 12s ease-in-out infinite alternate;z-index:-1}.hero-stores .bc-store-link{background:#050b13b0;border-color:#dec39940;min-height:112px}.hero-stores .bc-store-link.is-live:hover{transform:translateY(-3px);background:#263043}.hero-bottom{letter-spacing:.15em}.home-index{display:grid;grid-template-columns:repeat(4,1fr);padding:0 4%;background:#101722;border-block:1px solid var(--line)}.home-index>a{padding:26px 22px;position:relative;font:14px Georgia,serif;letter-spacing:.1em;border-right:1px solid var(--line)}.home-index>a:first-child{border-left:1px solid var(--line)}.home-index>a>span{font-size:9px;color:#a79373;margin-right:14px}.home-index small{display:block;font:10px var(--sans);letter-spacing:.08em;color:#aaaeb6;margin-top:10px;padding-left:30px}.home-index>a:hover{background:#dec39910;color:var(--gold)}.section-pad{padding-block:105px}.news-shortcuts a{overflow:hidden;isolation:isolate;background:#ddd4c6}.news-shortcuts a:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#e3dbceef,#e3dbce90),url('../images/brave-call/dragon.jpg') center/cover;z-index:-1;transition:transform .5s}.news-shortcuts a:nth-child(2):before{background-image:linear-gradient(90deg,#e3dbceef,#e3dbce90),url('../images/brave-call/deck.png')}.news-shortcuts a:nth-child(3):before{background-image:linear-gradient(90deg,#e3dbceef,#e3dbce90),url('../images/brave-call/battle.png')}.news-shortcuts a:hover:before{transform:scale(1.08)}.news-shortcuts strong{font-family:var(--serif);font-size:20px}.game-section{background:radial-gradient(ellipse at 90% 10%,#5d3b4438,transparent 50%),#101620}.heroes-section{background:radial-gradient(ellipse at 45% 70%,#412c3440,transparent 55%),#101520}.character-ring{border-style:dashed;outline:1px solid #dec39915;outline-offset:42px}.character-copy{min-width:0}.character-copy blockquote{white-space:normal;line-height:1.9}.world-section{min-height:640px}.world-copy h2{font-size:84px}.card-showcase{background:radial-gradient(ellipse at 50% 75%,#4a31413b,transparent 65%),#0c111c;overflow:hidden}.card-showcase h2{font-family:var(--serif);font-size:40px;line-height:1.65}.showcase-cards{display:flex;gap:24px;align-items:center;padding:35px 0 40px}.showcase-cards>a{flex:1;min-width:0;position:relative;transition:transform .3s}.showcase-cards>a:nth-child(2),.showcase-cards>a:nth-child(4){transform:translateY(-18px)}.showcase-cards>a:nth-child(3){transform:translateY(-32px)}.showcase-cards>a:hover{transform:translateY(-38px)}.showcase-cards img{width:100%;aspect-ratio:3/4;object-fit:cover;border:1px solid #e7ce984a;box-shadow:0 14px 30px #0008;border-radius:6px}.showcase-cards span{display:block;font-family:var(--serif);font-size:12px;margin-top:15px;text-align:center;color:#d9c7ab}.showcase-cards>.showcase-fallback{max-width:420px;margin:auto}.showcase-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:28px}.showcase-bottom p{font-size:12px;color:var(--muted)}.portal-links-section{background:#101722;padding:55px 0}.portal-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 35px}.portal-links>a{padding:22px 30px 22px 0;border-bottom:1px solid var(--line);position:relative}.portal-links span{display:block;font:15px Georgia,serif;letter-spacing:.08em;color:#d9c5a4}.portal-links strong{font-size:10px;display:block;font-weight:400;margin-top:5px;color:#a8acb7}.portal-links b{position:absolute;right:8px;top:32px;font-weight:400;color:var(--gold)}.portal-links>a:hover{background:#dec39908}.menu-dialog{background:linear-gradient(90deg,#080e19f5,#101728ed),url('../images/brave-call/port.png') center/cover;padding:30px 5%;overflow-y:auto}.menu-top{max-width:1400px;margin:auto;border-bottom:1px solid var(--line);padding-bottom:20px}.menu-layout{display:grid;grid-template-columns:.8fr 1.3fr;gap:80px;max-width:1250px;margin:65px auto}.menu-intro>p:not(.eyebrow){font-family:var(--serif);font-size:35px;line-height:1.9;margin:30px 0}.menu-dialog nav{display:grid;grid-template-columns:1fr 1fr;gap:0 45px;margin:0}.menu-dialog nav a{padding:22px 0}.menu-dialog nav span{display:block;font:23px Georgia,serif;color:#dec399}.menu-dialog nav small{font-size:11px;color:#b9bcc5;display:block;margin-top:8px}.menu-dialog nav a:hover span{color:#fff1d4}.outline-button,.gold-button{display:inline-flex;justify-content:center;align-items:center;gap:15px;padding:13px 22px;min-height:48px;border:1px solid var(--line);font-size:12px;background:#121c2c;color:var(--paper);border-radius:0}.outline-button:hover{border-color:var(--gold);background:#233147}.gold-button{background:#dec399;color:#182131;border-color:#dec399}.quiet-button{border:0;border-bottom:1px solid var(--line);padding:9px 6px;min-height:44px;font-size:11px;color:#c7b99e}.quiet-button:hover{color:#ffe2b6}.subtle{font-size:12px;color:#a6adba}.inner-masthead{position:relative;overflow:hidden;padding:160px 0 60px;background:linear-gradient(90deg,#0a1120f2,#0a1120b5),url('../images/brave-call/port.png') center 45%/cover}.inner-masthead .wrap{position:relative;z-index:1}.inner-masthead h1{font-size:clamp(38px,5.5vw,80px);letter-spacing:.065em;overflow-wrap:anywhere}.masthead-intro{font-family:var(--serif);font-size:17px;letter-spacing:.09em;margin-top:30px;color:#d6d1c7}.masthead-seal{position:absolute;right:6%;top:25%;font:240px/1 Georgia,serif;color:#dec39908;border:1px solid #dec39915;border-radius:50%;padding:30px;transform:rotate(-15deg)}.roster-section{background:radial-gradient(ellipse at 40% 40%,#4f34473a,transparent 60%),#101520;overflow:hidden}.roster-select{display:flex;justify-content:center;gap:12px;padding:35px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.roster-select a{width:85px;height:95px;position:relative;border:1px solid var(--line);background:#202838;overflow:hidden}.roster-select img{width:100%;height:170px;object-fit:cover;object-position:top}.roster-select span{position:absolute;bottom:0;left:0;right:0;background:#0a1021d9;text-align:center;font-size:11px;padding:3px}.roster-select [aria-selected=true]{border-color:#ffe3b9;box-shadow:0 0 16px #e3ac6122}.roster-section .hero-panel{min-height:700px;grid-template-columns:1.2fr 1fr}.roster-section .character-copy h2{font-family:var(--serif);font-size:clamp(35px,5.5vw,75px);margin:18px 0 25px;line-height:1.5}.character-copy h2 small{display:block;font:11px var(--sans);color:#bab5be;letter-spacing:.25em;margin-top:10px}.roster-section .character-art{min-height:700px}.roster-section .character-art>img{left:0;width:100%;height:115%}.portal-world .world-section{min-height:75vh}.portal-system .game-section{background:#101620}.event-feature{display:grid;grid-template-columns:1.1fr 1fr;margin-bottom:80px;border:1px solid var(--line);background:#121c2b}.event-feature>img{height:100%;width:100%;object-fit:cover;min-height:320px}.event-feature>div{padding:45px}.event-feature h2{font-family:var(--serif);font-size:36px}.event-feature p:not(.eyebrow){color:var(--muted);font-size:12px;margin:20px 0 30px}.art-gallery{display:grid;grid-template-columns:1fr 1fr;gap:40px}.art-gallery figure:first-child{grid-column:1/-1}.art-gallery .screenshot-frame{padding:0;border:1px solid var(--line)}.art-gallery .screenshot-frame>img{aspect-ratio:16/9;object-fit:cover}.art-gallery figcaption{font-family:var(--serif);color:#cdbb9c;margin-top:14px}.support-wrap{display:grid;grid-template-columns:220px 1fr;gap:65px}.support-nav{display:flex;flex-direction:column;align-self:start;position:sticky;top:25px}.support-nav>a{padding:18px 0;border-bottom:1px solid var(--line);font-size:12px}.support-heading{font-size:25px;margin-bottom:25px;scroll-margin-top:35px}.support-heading:not(:first-child){margin-top:65px}.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{cursor:pointer;padding:24px 35px 24px 0;list-style:none;position:relative;font-size:14px;display:flex;gap:20px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary>span{font:22px Georgia,serif;color:var(--gold)}.faq-item summary:after{content:'＋';position:absolute;right:0;color:var(--gold)}.faq-item[open] summary:after{content:'−'}.faq-item>p{font-size:13px;line-height:2.1;color:#bdc3ce;padding:0 20px 25px 43px}.support-contact{margin-top:70px;padding:40px;border:1px solid var(--line);background:#152030}.support-contact h2{font-size:28px}.support-contact p:not(.eyebrow){margin:20px 0;font-size:13px;color:#bfc3cc}.support-contact .line-link{margin-top:25px;display:table}.legal-hub{max-width:960px}.legal-entry{padding:32px 0;display:flex;justify-content:space-between;align-items:center;gap:25px;border-bottom:1px solid var(--line)}.legal-entry h2{font-size:23px}.legal-entry p{font-size:12px;color:var(--muted);margin-top:10px}.pending-label{white-space:nowrap;font-size:11px;padding:5px 14px;border:1px solid var(--line);color:#bdb29f}.legal-hub>.line-link{margin:25px 30px 0 0}.legal-hub>.subtle{margin-top:30px}.empty-panel{padding:50px 0 80px}.empty-panel h2{font-family:var(--serif);font-size:27px}.empty-panel>p:not(.eyebrow){margin:20px 0 35px;color:var(--muted)}
/* Searchable card library and browser-local deck workspace. */
.catalog-wrap{width:min(1440px,calc(100% - 80px))}.catalog-layout.with-deck{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:35px;align-items:start}.card-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;background:#121c2b;border:1px solid var(--line);padding:24px}.card-filters label,.deck-name-label,.saved-deck-label{display:flex;flex-direction:column;gap:8px;font-size:10px;color:#bdb6aa}.card-filters .card-query{grid-column:span 2}.card-filters input,.card-filters select,.deck-workbench input,.deck-workbench select{width:100%;min-width:0;background:#080f1c;border:1px solid #4d5362;color:#e7e8ed;padding:11px 12px;min-height:44px;font:12px var(--sans);border-radius:0}.card-filters .quiet-button{align-self:end}.card-filters :focus-visible,.deck-workbench :focus-visible{outline:2px solid var(--gold);outline-offset:3px}.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:28px 0}.catalog-toolbar>p{font-size:11px;color:#b8ac95}.card-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px 18px}.with-deck .card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-card{min-width:0;--card-color:#b09c76}.catalog-card.theme-blaze{--card-color:#b8523b}.catalog-card.theme-sanctuary{--card-color:#c7aa67}.catalog-card.theme-abyss{--card-color:#87569d}.catalog-card.theme-tide{--card-color:#439aab}.catalog-card.theme-seraph{--card-color:#84a4d0}.card-open{display:block;padding:0;border:0;width:100%;text-align:left}.card-art{position:relative;aspect-ratio:3/4;border:1px solid #ad977b60;background:radial-gradient(#344056,#101825);overflow:hidden;border-radius:5px;box-shadow:0 8px 20px #0004}.card-art img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.card-open:hover .card-art img{transform:scale(1.06)}.card-open:hover .card-name{color:var(--gold)}.card-cost{position:absolute;left:8px;top:8px;width:34px;height:38px;display:grid;place-items:center;font:22px Georgia,serif;background:#091421ed;border:1px solid #eed7ab;color:#ffe4b3;clip-path:polygon(0 0,100% 0,100% 75%,50% 100%,0 75%)}.card-rarity{display:block;font:8px Georgia,serif;letter-spacing:.12em;color:#bca784;margin-top:14px;border-left:2px solid var(--card-color);padding-left:8px}.card-name{display:block;font-family:var(--serif);font-weight:400;font-size:14px;line-height:1.7;margin-top:7px}.card-type{display:block;font-size:9px;color:#929dac;margin-top:6px}.add-card{border:1px solid var(--line);background:#182336;width:100%;padding:9px 5px;margin-top:13px;min-height:42px;font-size:10px}.add-card:hover{background:#d7bd95;color:#101723}.missing-art{height:100%;display:grid;place-items:center;font:15px Georgia,serif;color:#c5b596}.catalog-empty{grid-column:1/-1;padding:45px 0;color:var(--muted);font-size:13px}.load-more{display:flex;margin:45px auto 0;min-width:240px}.tool-explainer{font-size:12px;color:#b8c0cb;margin-bottom:24px;padding-left:15px;border-left:2px solid var(--gold)}.deck-workbench{position:sticky;top:20px;border:1px solid var(--line);background:#131e2d;padding:22px;max-height:calc(100dvh - 40px);overflow:auto;scrollbar-width:thin}.deck-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.deck-head .eyebrow{margin:0}.deck-head strong{font:24px Georgia,serif;color:#dec399}.deck-caption{font-size:9px;line-height:1.9;color:#9da7b6;margin:13px 0}.cost-chart{display:flex;gap:5px;height:100px;align-items:end;border-bottom:1px solid var(--line);padding-bottom:6px;margin:18px 0}.cost-column{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:end;gap:3px;font:9px Georgia,serif;color:#cdbfa9}.cost-column i{width:100%;background:linear-gradient(#e7c58e,#82745b);min-height:1px}.cost-column small{font-size:9px}.deck-list{max-height:330px;overflow:auto;scrollbar-width:thin}.deck-group{font-size:10px;font-weight:400;color:#a8b0bd;margin:15px 0 8px}.deck-row{display:grid;grid-template-columns:18px minmax(0,1fr) 28px 16px 28px;align-items:center;gap:4px;border-bottom:1px solid #ffffff12;padding:6px 0;font-size:10px}.deck-card-title{border:0;text-align:left;padding:4px 0;font-size:10px;line-height:1.7;min-height:36px}.deck-quantity{border:1px solid var(--line);padding:0;min-height:36px;font-size:13px}.deck-quantity:hover{background:#dec39930}.deck-cost{font:14px Georgia,serif;color:var(--gold)}.deck-empty{font-size:12px;color:#9ba6b7;padding:20px 0 30px}.deck-actions{display:grid;gap:9px;margin:22px 0}.deck-actions>*{font-size:11px;width:100%}.import-label{cursor:pointer;position:relative}.import-label input{position:absolute;inset:0;opacity:0;cursor:pointer}.import-label:focus-within{outline:2px solid var(--gold);outline-offset:3px}.deck-small-actions{display:flex;justify-content:space-between;gap:10px;margin-top:15px}[data-deck-status]{font-size:11px;color:#e7cb9c;margin-top:15px;min-height:1.9em}.card-dialog{width:min(960px,94vw);max-height:92dvh;background:radial-gradient(ellipse at 20% 35%,#47313b66,transparent 65%),#101927;border:1px solid #dec39970;color:var(--paper);padding:65px 40px 40px}.card-dialog::backdrop{background:#030914ee;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:20px;top:14px;border:1px solid var(--line);min-height:40px;padding:6px 15px;font-size:11px}.card-dialog [data-card-detail]{display:grid;grid-template-columns:300px 1fr;gap:35px;align-items:start}.card-dialog [data-card-detail]>img{width:100%;border:1px solid #d8bd8755;border-radius:4px}.card-detail-copy h2{font-family:var(--serif);font-size:27px;letter-spacing:.03em}.detail-meta{font-size:11px;color:#b5afaa;margin:18px 0}.card-effect{font-size:14px;line-height:2.1;border-block:1px solid var(--line);padding:20px 0;white-space:pre-line}.card-flavor,.card-quote{font-family:var(--serif);font-size:12px;line-height:2;color:#b9bac5;margin-top:23px;white-space:pre-line}.card-detail-copy .outline-button{margin-top:25px}
@keyframes embers{from{transform:translateY(15px);opacity:.35}to{transform:translateY(-35px);opacity:.9}}
@media(min-width:801px) and (max-width:1100px){.desktop-nav{gap:15px;font-size:9px}.site-header{padding-inline:25px;gap:18px}.hero:has(.hero-stores){max-height:none;min-height:1000px;height:auto}.hero-copy{width:54%;margin-right:3%}.hero-catch{font-size:37px}.hero:has(.hero-stores) .hero-copy{padding-bottom:100px}.catalog-layout.with-deck{grid-template-columns:minmax(0,1fr) 300px;gap:20px}.with-deck .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.card-filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:18px}.roster-select{gap:8px}.roster-select a{width:72px;height:85px}.menu-layout{gap:35px}.home-index>a{font-size:11px;padding-inline:15px}.home-index small{font-size:9px}.home-index>a>span{margin-right:7px}}
@media(max-width:800px){.site-header{height:72px;padding-inline:18px;gap:13px}.desktop-nav{display:none}.header-store{min-height:40px;font-size:10px}.menu-toggle{width:42px;height:42px;padding:9px}.hero:has(.hero-stores){min-height:1060px;max-height:none;height:auto}.hero-art{object-position:25% top;height:760px;mask-image:linear-gradient(#000 55%,transparent)}.hero-vignette{background:linear-gradient(0deg,#090e17 15%,#090e17cc 35%,transparent 70%)}.hero:has(.hero-stores) .hero-copy{padding:330px 24px 110px;margin:0}.hero:has(.hero-stores) h1 img{width:300px;margin-left:-12px}.hero-catch{font-size:35px;line-height:1.65;letter-spacing:.11em;margin-top:4px}.hero-genre{font-size:10px;margin-top:18px;letter-spacing:.19em}.hero-description{font-size:11px;margin:12px 0 24px}.hero-stores .bc-store-link{min-height:78px}.hero-orbit{top:10%;left:-50%;width:145%;opacity:.5}.home-index{grid-template-columns:1fr 1fr;padding:0}.home-index>a{font-size:12px;padding:21px 20px;border-bottom:1px solid var(--line)}.home-index>a:first-child{border-left:0}.home-index>a>span{font-size:8px;margin-right:9px}.home-index small{font-size:9px;padding-left:23px}.section-pad{padding-block:65px}.news-shortcuts strong{font-size:14px}.world-section{min-height:520px}.world-copy h2{font-size:58px}.card-showcase h2{font-size:29px}.showcase-cards{gap:12px;padding:25px 0 20px;overflow-x:auto;scroll-snap-type:x mandatory}.showcase-cards>a{flex:0 0 43%;scroll-snap-align:center}.showcase-cards>a:nth-child(n){transform:none}.showcase-cards img{border-radius:4px}.showcase-cards span{font-size:11px}.showcase-bottom{align-items:start;flex-direction:column;padding-top:22px}.showcase-bottom p{font-size:11px}.portal-links{grid-template-columns:1fr 1fr;gap:0 22px}.portal-links-section{padding:40px 0}.portal-links span{font-size:11px;letter-spacing:.05em}.portal-links strong{font-size:9px}.portal-links>a{padding:20px 18px 20px 0}.portal-links b{right:0;font-size:12px;top:25px}.menu-dialog{padding:20px}.menu-top{padding-bottom:15px}.menu-top img{width:135px;height:auto}.menu-layout{grid-template-columns:1fr;gap:20px;margin:15px 0 40px}.menu-intro{display:none}.menu-dialog nav{gap:0 23px}.menu-dialog nav a{padding:22px 0}.menu-dialog nav span{font-size:17px;letter-spacing:.025em}.menu-dialog nav small{font-size:10px}.menu-layout:after{content:'iOS / Android / Steam';font:10px Georgia,serif;letter-spacing:.15em;color:#aa9c85;margin-top:15px}.inner-masthead{padding:120px 0 42px}.inner-masthead h1{font-size:clamp(30px,8.4vw,52px);letter-spacing:.035em}.masthead-intro{font-size:13px;line-height:2;margin-top:23px;letter-spacing:.04em}.masthead-seal{font-size:150px;right:-10%;top:30%}.roster-select{gap:7px;padding:24px 0;display:grid;grid-template-columns:repeat(4,1fr)}.roster-select a{width:auto;height:86px}.roster-select img{height:160px}.roster-select span{font-size:10px}.roster-section .hero-panel{grid-template-columns:1fr;min-height:700px}.roster-section .character-art{min-height:540px}.roster-section .character-art>img{width:105%;left:0;height:110%;max-width:none}.roster-section .character-copy{padding:0 12px 50px;margin-top:-100px}.roster-section .character-copy h2{font-size:45px;line-height:1.4}.roster-section .character-copy blockquote{font-size:22px}.event-feature{grid-template-columns:1fr;margin-bottom:50px}.event-feature>img{min-height:0;aspect-ratio:16/9}.event-feature>div{padding:28px}.event-feature h2{font-size:30px}.event-feature p:not(.eyebrow){font-size:11px}.art-gallery{grid-template-columns:1fr;gap:30px}.art-gallery figcaption{font-size:12px}.portal-special .section-heading{align-items:start;flex-direction:column}.support-wrap{grid-template-columns:1fr;gap:35px}.support-nav{position:static;flex-direction:row;flex-wrap:wrap;gap:18px}.support-nav>a{font-size:10px;padding:8px 0}.support-heading{font-size:22px}.faq-item summary{font-size:12px;gap:14px;padding-block:20px}.faq-item>p{font-size:12px;padding-left:32px}.support-contact{padding:26px;margin-top:50px}.support-contact h2{font-size:24px}.support-contact p:not(.eyebrow){font-size:12px}.legal-entry{align-items:start;flex-direction:column;gap:16px}.legal-entry h2{font-size:21px}.pending-label{font-size:10px}.legal-hub>p{font-size:12px}.legal-hub>.line-link{white-space:normal;display:table;line-height:2}.catalog-wrap{width:calc(100% - 36px)}.catalog-layout.with-deck{grid-template-columns:1fr;gap:40px}.card-filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:18px;gap:12px}.card-filters label{font-size:9px}.card-filters input,.card-filters select{font-size:11px;padding:10px}.card-grid,.with-deck .card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px}.card-name{font-size:13px}.card-type{font-size:8px}.card-cost{width:30px;height:34px;font-size:19px}.catalog-toolbar>p{font-size:10px}.catalog-toolbar .line-link{font-size:10px;gap:10px}.card-filters .quiet-button{font-size:10px}.deck-workbench{position:static;max-height:none;padding:22px}.deck-list{max-height:430px}.deck-row{grid-template-columns:22px minmax(0,1fr) 38px 22px 38px;gap:5px}.deck-quantity{min-height:44px}.deck-card-title{font-size:12px}.deck-cost{font-size:17px}.card-dialog{padding:65px 22px 28px}.card-dialog [data-card-detail]{grid-template-columns:1fr;gap:25px}.card-dialog [data-card-detail]>img{width:min(220px,85%);margin:auto}.card-detail-copy h2{font-size:23px}.card-detail-copy .eyebrow{font-size:9px;margin-bottom:10px}.card-effect{font-size:13px}.card-flavor,.card-quote{font-size:12px}.tool-explainer{font-size:11px}.empty-panel{padding:10px 0 45px}.empty-panel h2{font-size:24px}.empty-panel>p:not(.eyebrow){font-size:12px}}
@media(max-width:360px){.site-header{padding-inline:12px;gap:8px}.hero:has(.hero-stores) .hero-copy{padding-inline:18px;padding-top:310px}.hero-catch{font-size:30px}.home-index>a{font-size:10px;padding-inline:13px}.hero:has(.hero-stores) h1 img{width:260px}.hero:has(.hero-stores){min-height:1020px}.portal-links span{font-size:10px}.portal-links{gap:0 16px}.menu-dialog nav span{font-size:15px}.card-filters{padding:12px;gap:10px}.card-name{font-size:12px}.catalog-toolbar{gap:10px}.catalog-toolbar>p{font-size:9px}.roster-section .character-copy h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){.hero-flecks{animation:none}.card-art img,.showcase-cards>a,.news-shortcuts a:before{transition:none}}

.deck-jump{display:none}#deck-editor{scroll-margin-top:25px}@media(max-width:800px){body:has(.portal-decks) .mobile-store{display:none}.deck-jump{position:fixed;bottom:calc(14px + env(safe-area-inset-bottom));left:16px;right:16px;z-index:15;display:flex;align-items:center;justify-content:space-between;background:#dec399;color:#172030;border:1px solid #f4e3c9;padding:13px 20px;min-height:50px;font-size:12px;box-shadow:0 3px 20px #0006}body.has-dialog .deck-jump{display:none}}

.portal-cards .inner-masthead,.portal-decks .inner-masthead{padding:125px 0 32px}.portal-cards .inner-masthead .eyebrow,.portal-decks .inner-masthead .eyebrow{margin-top:18px;margin-bottom:14px}.portal-cards .inner-masthead h1,.portal-decks .inner-masthead h1{font-size:56px}.portal-cards .masthead-intro,.portal-decks .masthead-intro{font-size:14px;margin-top:20px}.portal-cards>.section-pad,.portal-decks>.section-pad{padding-top:45px}@media(max-width:800px){.portal-cards .inner-masthead,.portal-decks .inner-masthead{padding:105px 0 28px}.portal-cards .inner-masthead h1,.portal-decks .inner-masthead h1{font-size:clamp(29px,8vw,42px)}.portal-cards .masthead-intro,.portal-decks .masthead-intro{font-size:12px}.portal-cards>.section-pad,.portal-decks>.section-pad{padding-top:30px}}

/* News: readable titles, solid category links, and consistent metadata. */
.news-section{background:#101722;color:#e0e4ec;padding-block:76px}.news-section:before{height:1px;background:linear-gradient(90deg,transparent,#8e775566,transparent)}.news-section>.wrap{max-width:1120px}.news-section .section-heading{margin-bottom:28px;align-items:center}.news-section .section-heading h2{font-size:44px}.news-section .section-heading h2>span{font-size:14px;margin-top:12px;letter-spacing:.06em}.news-section .eyebrow{font-size:11px;color:#cbb28b}.news-section .line-link{font-size:14px;min-height:44px;align-items:center;gap:24px}.news-section .preview-notice{font-size:12px;line-height:1.8;color:#bec3ce;background:#192230;border-color:#8e7755;padding:13px 16px;margin-bottom:26px}.news-board{grid-template-columns:minmax(0,1fr);gap:26px}.news-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.news-shortcuts a{min-height:68px;padding:18px 22px;background:#192332;border:1px solid #3a4658;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:12px;color:#e0e4ec}.news-shortcuts a:before{display:none}.news-shortcuts a>span:first-child{display:none}.news-shortcuts strong{font-family:var(--sans);font-size:16px;font-weight:600;line-height:1.6;margin:0}.news-shortcuts a>span:last-child{position:static;font-size:20px;line-height:1;margin:0;color:#d4b78b}.news-shortcuts a:hover{background:#233044;border-color:#ad9065}.news-shortcuts a:focus-visible,.news-section .news-row:focus-visible{outline-color:#e2c395}.news-section .news-list{border-top:1px solid #70634f}.news-section .news-row{grid-template-columns:100px 128px minmax(0,1fr) 30px;gap:20px;min-height:88px;padding:24px 18px;border-color:#344052}.news-section .news-row:first-child{border-top:0}.news-section .news-row:hover{background:#1b2636;color:#f0e9dc}.news-section .news-row time{font-family:var(--sans);font-size:12px;letter-spacing:.03em;color:#aeb8c8}.news-section .news-title{font-size:16px;font-weight:500;line-height:1.85}.news-section .news-tag{font-size:12px;font-weight:500;line-height:1.6;padding:5px 8px;border:0;background:#283445;color:#ccd5e2}.news-section .tag-pack{background:#3b3225;color:#e7c890}.news-section .tag-balance{background:#20374c;color:#b6d5ef}.news-section .tag-event{background:#432c35;color:#efbac0}.news-section .tag-maintenance{background:#332e46;color:#d0c4ef}.news-section .news-arrow{font-size:21px;color:#d4b78b;text-align:right}.archive-results .news-row{grid-template-columns:110px 140px minmax(0,1fr) 28px;padding:26px 14px;gap:20px}.archive-results .news-row time{font-size:13px;color:#b8bdc7}.archive-results .news-title{font-size:16px;line-height:1.9}.archive-results .news-tag{font-size:12px;padding:5px 9px}.archive-results .news-row:hover{background:#ffffff06}.news-main .preview-notice{font-size:12px;color:#d1c2a8}.news-filters a{font-size:14px}.news-search,.news-search input[type=search],.news-search button{font-size:14px}.news-search label{color:#c6c9d1}.news-main .inner-masthead h1>span{font-size:14px}.news-main .filter-empty,.news-main .empty-news{font-size:15px;color:#c3cad5}
@media(max-width:1100px) and (min-width:801px){.news-section .news-row{grid-template-columns:85px 120px minmax(0,1fr) 24px;gap:16px;padding-inline:12px}.news-section .news-title{font-size:16px}}
@media(max-width:800px){.news-section{padding-block:50px}.news-section .section-heading{gap:16px;margin-bottom:23px}.news-section .section-heading h2{font-size:36px}.news-section .section-heading h2>span{font-size:13px}.news-section .eyebrow{font-size:10px;margin-bottom:10px}.news-section .line-link{font-size:12px;gap:12px}.news-section .preview-notice{font-size:12px;padding:12px 14px;margin-bottom:20px}.news-shortcuts{gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.news-shortcuts a{padding:13px 10px;min-height:72px;flex-direction:column;align-items:flex-start;gap:8px}.news-shortcuts strong{font-size:14px;white-space:normal;line-height:1.5}.news-shortcuts a>span:last-child{font-size:17px;align-self:flex-end}.news-board{gap:22px}.news-section .news-row,.archive-results .news-row{grid-template-columns:90px 132px minmax(0,1fr) 20px;gap:11px 12px;min-height:106px;padding:21px 4px}.news-section .news-row time,.archive-results .news-row time{font-size:12px}.news-section .news-tag,.archive-results .news-tag{font-size:11px;padding:4px 7px}.news-section .news-title,.archive-results .news-title{grid-row:2;grid-column:1/4;font-size:16px;line-height:1.85;font-weight:500}.news-section .news-arrow,.archive-results .news-arrow{grid-column:4;grid-row:1/3;font-size:20px}.news-filters a{font-size:12px;min-height:44px;padding:11px 12px}.news-search label,.news-search input[type=search],.news-search button{font-size:14px}.news-main .preview-notice{font-size:12px}.news-search{gap:10px}.news-search label{font-size:13px}}
@media(max-width:360px){.news-section .section-heading{align-items:flex-end}.news-section .section-heading h2{font-size:32px}.news-section .line-link{font-size:11px;gap:8px}.news-shortcuts a{padding:12px 8px}.news-shortcuts strong{font-size:13px}.news-section .news-row,.archive-results .news-row{grid-template-columns:78px 122px minmax(0,1fr) 18px;gap:10px}.news-section .news-title,.archive-results .news-title{grid-column:1/4;font-size:15px}}

.news-shortcuts strong>span{display:inline-block}

.catalog-environment{display:flex;align-items:center;gap:18px;margin-bottom:20px;color:#e0c598;font-size:16px;font-weight:500}.catalog-environment>span{font:10px Georgia,serif;letter-spacing:.15em;color:#a8b0be}

/* Keyword definitions share the game glossary; native dialogs keep keyboard focus. */
.keyword-link{display:inline;padding:3px 1px;margin:0;border:0;border-bottom:1px dotted #c7ab80;background:transparent;color:#e4c99f;font:inherit;line-height:inherit;text-align:inherit;cursor:pointer;box-decoration-break:clone;-webkit-box-decoration-break:clone}.keyword-link:hover{background:#d8bb8420;border-bottom-style:solid;color:#ffe2b6}.keyword-link:focus-visible{outline:2px solid #e2c395;outline-offset:3px}.keyword-dialog{width:min(560px,calc(100vw - 32px));max-height:82dvh;overflow:auto;padding:24px 30px 32px;background:#182332;color:#e0e5ed;border:1px solid #927b57;box-shadow:0 20px 80px #0008}.keyword-dialog::backdrop{background:#030912aa;backdrop-filter:blur(3px)}.keyword-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.keyword-header>.outline-button{margin-left:auto;min-height:44px;padding:8px 15px;font-size:12px}.keyword-dialog .eyebrow{font-size:10px;margin-bottom:10px}.keyword-dialog h2{font-family:var(--serif);font-size:28px;letter-spacing:.05em;margin-bottom:22px}.keyword-dialog h2:focus{outline:none}.keyword-dialog #keyword-description{font-size:15px;line-height:2.2;white-space:pre-line;overflow-wrap:anywhere}.keyword-dialog .keyword-link{line-height:2.2}.keyword-header .quiet-button{font-size:12px}@media(max-width:800px){.keyword-dialog{padding:20px 22px 26px;max-height:85dvh}.keyword-dialog h2{font-size:25px}.keyword-dialog #keyword-description{font-size:14px;line-height:2.2}.card-effect .keyword-link{padding-block:7px;line-height:2.5}}

/* Official readings: retain the game’s per-word ruby boundaries. */
ruby{ruby-align:center}rt{font-family:var(--sans);font-weight:400;letter-spacing:0;color:#c4bfba;font-size:.6em}.card-name{line-height:2.3;padding-top:8px;overflow-wrap:anywhere}.card-detail-copy h2{line-height:2.2;overflow-wrap:anywhere}.card-effect,.keyword-dialog #keyword-description{line-height:2.7}.keyword-link ruby{white-space:nowrap}.keyword-link rt{color:#d3bc96}.keyword-dialog h2{line-height:2.2}.deck-card-title{line-height:2.5;padding-top:10px;overflow-wrap:anywhere}