:root{--ink:#10233a;--navy:#09213d;--gold:#c9a66b;--line:#d9e2ea;--red:#b85252;--green:#478c76;--background:#f7f9fb;--foreground:#10233a;--card:#fff;--card-foreground:#10233a;--popover:#fff;--popover-foreground:#10233a;--primary:#173f6f;--primary-foreground:#fff;--secondary:#eaf0f5;--secondary-foreground:#173f6f;--muted:#edf2f6;--muted-foreground:#6c7b8a;--accent:#e8eef5;--accent-foreground:#173f6f;--destructive:#ba4b4b;--border:#d9e2ea;--input:#ccd8e2;--ring:#7d9abd;--radius:.5rem}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background-color:#f7f9fb;background-image:radial-gradient(circle at 14% 5%,#5078aa14,#0000 30%),linear-gradient(#284f8006 1px,#0000 1px),linear-gradient(90deg,#284f8006 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:auto,36px 36px,36px 36px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;margin:0;font-family:Hiragino Sans,Yu Gothic UI,sans-serif;font-size:16px}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.topbar{background:var(--navy);color:#fff;z-index:20;border-bottom:1px solid #ffffff20;align-items:center;height:76px;padding:0 max(28px,50vw - 590px);display:flex;position:relative}.brand{align-items:center;gap:11px;display:flex}.brand-mark{color:#dfc18e;border:1px solid #dce8f480;place-items:center;width:34px;height:34px;display:grid;transform:rotate(45deg)}.brand-mark svg{transform:rotate(-45deg)}.brand strong{letter-spacing:.12em;font-family:Georgia,serif;font-size:14px;display:block}.brand span{letter-spacing:.08em;color:#9bb0c7;font-size:11px;display:block}.topbar nav{gap:22px;margin-left:auto;margin-right:32px;display:flex}.topbar nav a{color:#afc0d2;font-size:14px;text-decoration:none}.topbar nav a:hover{color:#fff}.new{cursor:pointer;justify-content:center;align-items:center;gap:7px;padding:0 14px;display:inline-flex;color:#132a45!important;background:#e4c289!important;border:0!important;border-radius:3px!important;height:40px!important;font-weight:700!important}.intro{background:var(--navy);color:#fff;padding:70px max(28px,50vw - 590px) 76px;position:relative;overflow:hidden}.intro:before{content:"";border:1px solid #d6bb8b22;border-radius:50%;width:600px;height:600px;position:absolute;top:-240px;right:-60px;box-shadow:0 0 0 70px #ffffff05,0 0 0 140px #ffffff04}.intro:after{content:"✶";color:#e3c48d47;font-size:36px;position:absolute;top:30px;right:15%}.eyebrow{color:#9fb1c5;letter-spacing:.2em;align-items:center;gap:12px;font-family:Georgia,serif;font-size:12px;display:flex}.eyebrow i{background:var(--gold);width:35px;height:1px}.intro-row{justify-content:space-between;align-items:flex-end;gap:40px;margin-top:24px;display:flex;position:relative}.intro h1{letter-spacing:.035em;margin:0;font-family:Georgia,Yu Mincho,serif;font-size:clamp(35px,4.1vw,58px);font-weight:400;line-height:1.3}.intro h1 em{color:#dfbd83;font-style:normal}.intro p{color:#aebfd0;letter-spacing:.06em;margin:20px 0 0}.stat{border-left:1px solid #dfbd838c;align-items:center;gap:16px;min-width:205px;padding:15px 22px;display:flex}.stat strong{color:#dfbd83;font-family:Georgia,serif;font-size:45px;font-weight:400}.stat span{color:#aebfd0;font-size:13px;line-height:1.7}.workspace{max-width:1180px;margin:auto;padding:56px 28px 70px}.matcher{border:1px solid #cfdbe5;border-top:3px solid var(--gold);background:#fff;margin-bottom:42px;padding:27px 30px;box-shadow:0 10px 30px #1930480c}.matcher-copy{align-items:flex-start;gap:16px;display:flex}.matcher-copy h2{margin:0 0 7px;font-family:Georgia,Yu Mincho,serif;font-size:25px}.matcher-copy p{color:#6f8090;margin:0;font-size:13px}.matcher-controls{grid-template-columns:1fr 56px 1fr;align-items:end;margin-top:24px;display:grid}.match-icon{color:#a88754;place-items:center;height:42px;display:grid}.match-status{color:#577087;background:#eef3f7;align-items:center;gap:8px;margin-top:16px;padding:11px 14px;font-size:13px;display:flex}.match-status svg{color:#b38c51}.match-status b{color:#173f6f}.board-head{justify-content:space-between;align-items:end;margin-bottom:26px;display:flex}.board-head>div,.guide>header{align-items:center;gap:15px;display:flex}.num{color:var(--gold);font-family:Georgia,serif;font-size:14px}.board-head h2,.guide h2{margin:0;font-family:Georgia,Yu Mincho,serif;font-size:27px}.board-head small{color:#66809a;background:#e7eef4;border-radius:20px;padding:3px 8px;font-size:12px}.board-head p{color:#718091;margin:0;font-size:13px}.filters{border:1px solid var(--line);background:#fff;align-items:center;gap:13px;margin-bottom:22px;padding:12px;display:flex;box-shadow:0 6px 22px #1930480d}.search{width:250px;position:relative}.search svg{color:#7d8fa1;z-index:2;position:absolute;top:11px;left:12px}.search input{background:#f2f5f8;border-color:#0000;height:40px;padding-left:38px;font-size:14px}.tabs{flex:1;gap:3px;display:flex}.tabs button{color:#687a8d;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:10px 13px;font-size:13px}.tabs button.on{color:#fff;background:#173f6f}.filter{border:1px solid var(--line);color:#526b83;cursor:pointer;background:#fff;border-radius:4px;align-items:center;gap:6px;min-height:40px;padding:0 12px;display:inline-flex}.grid{grid-template-columns:1fr 1fr;gap:17px;display:grid}.listing{border:1px solid var(--line);background:#fff;padding:22px;transition:all .2s;box-shadow:0 4px 20px #13345009}.listing:hover{border-color:#aebfd0;transform:translateY(-2px);box-shadow:0 12px 26px #13345014}.person{gap:12px;display:flex}.avatar{color:#e6ca97;background:linear-gradient(145deg,#2e5c8d,#142e4d);border-radius:50%;place-items:center;width:42px;height:42px;font-family:serif;display:grid}.name{align-items:center;gap:9px;display:flex}.name h3{margin:0;font-size:16px}.name span{color:#338269;background:#e7f4ef;border-radius:20px;padding:2px 7px;font-size:11px}.meta{color:#8896a5;align-items:center;gap:6px;margin-top:5px;font-size:12px;display:flex}.meta b{color:#3d658e;margin-right:3px;font-weight:500}.trade{grid-template-columns:1fr 44px 1fr;align-items:start;margin:20px 0 14px;display:grid}.trade-label{color:#7b8b99;margin-bottom:8px;font-size:12px;display:block}.tags{flex-wrap:wrap;gap:6px;display:flex}.tags>span{background:#fff;border:1px solid;border-radius:3px;align-items:center;padding:4px 8px 4px 5px;font-size:13px;display:inline-flex}.tags i{color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;margin-right:6px;font-size:10px;font-style:normal;display:grid}.tags .want{color:#9c4646;border-color:#e5caca}.tags .want i{background:var(--red)}.tags .offer{color:#33745f;border-color:#c7ded6}.tags .offer i{background:var(--green)}.swap{color:#9eacb9;align-items:center;gap:3px;margin-top:35px;display:flex}.swap i{background:#dce3e9;flex:1;height:1px}.note{color:#687889;background:#f5f7f9;min-height:38px;margin:0 0 16px;padding:10px 12px;font-size:13px;line-height:1.55}.uid{border-top:1px solid #e7edf2;justify-content:space-between;align-items:center;padding-top:14px;display:flex}.uid>div{align-items:center;gap:10px;display:flex}.uid small{color:#91a0ae;letter-spacing:.12em;font-size:10px}.uid b{letter-spacing:.08em;font-family:monospace}.uid button{color:#315f8c;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.guide{background:#eaf0f5;border-top:3px solid #173f6f;max-width:1124px;margin:0 auto 70px;padding:40px}.seo-entry{background:#fff;border:1px solid #d5e0e8;align-items:center;gap:38px;max-width:1124px;margin:0 auto 24px;padding:28px 32px;display:flex}.seo-entry>div{flex:1}.seo-entry span{color:#b18a50;letter-spacing:.18em;font:11px Georgia,serif}.seo-entry h2{color:#173b62;margin:7px 0;font:400 21px/1.5 Georgia,Yu Mincho,serif}.seo-entry p{color:#66798b;margin:0;font-size:13px;line-height:1.8}.seo-entry>a{color:#fff;white-space:nowrap;background:#173f6f;padding:12px 17px;font-size:13px;text-decoration:none}.seo-entry>a:hover{background:#0d2e53}.steps{grid-template-columns:repeat(3,1fr);margin-top:30px;display:grid}.step{border-right:1px solid #cfdae4;gap:16px;padding:7px 26px;display:flex}.step:first-child{padding-left:0}.step:last-child{border:0}.step>span{color:#b38c51;font-family:Georgia,serif;font-size:23px}.step h3{margin:1px 0 8px;font-family:Yu Mincho,serif;font-size:16px}.step p{color:#657688;margin:0;font-size:13px;line-height:1.8}.safety{background:#fff;border:1px solid #d8e1e9;align-items:start;gap:13px;margin-top:30px;padding:15px 18px;display:flex}.safety svg{color:#4c7d6d;flex:none}.safety p{color:#647486;margin:0;font-size:12px;line-height:1.7}.safety b{color:#315848;font-size:13px}footer{color:#8fa5bc;background:#081d35;align-items:center;gap:36px;min-height:88px;padding:20px max(28px,50vw - 590px);font-size:11px;display:flex}footer .brand-mark{width:27px;height:27px}footer .brand strong{color:#fff;font-size:12px}footer p{margin-right:auto}footer>span{letter-spacing:.1em;color:#b79a68}.dialog{width:min(580px,100vw - 32px);max-height:92vh;padding:22px;position:relative;overflow:auto;box-shadow:0 24px 70px #071b33a8;background:#f7f9fb!important;border-radius:3px!important;max-width:580px!important}.dialog h2{font-family:Georgia,Yu Mincho,serif;font-size:23px}.modal-backdrop{z-index:100;background:#06182e99;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal-dismiss{cursor:default;background:0 0;border:0;width:100%;height:100%;position:absolute;inset:0}.modal-backdrop .dialog{z-index:1;border:0;margin:0}.dialog-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.dialog-head h2{margin:0}.dialog-close{color:#294963;cursor:pointer;background:#e9eef3;border:0;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.form{gap:17px;margin-top:8px;display:grid}.two{grid-template-columns:1fr 1fr;gap:13px;display:grid}.form label,.picker>label{margin-bottom:7px;font-size:13px;font-weight:700;display:block}.form input,.form select,.pick-trigger,.form textarea{background:#fff;border:1px solid #ccd7e0;border-radius:3px;width:100%;min-height:42px;padding:0 12px;font-size:14px}.form textarea{resize:vertical;min-height:72px;padding-top:10px}.submit{cursor:pointer;border:0;border-radius:3px;font-weight:700;color:#fff!important;background:#173f6f!important;height:45px!important}.submit:disabled{cursor:not-allowed;opacity:.5}.picker{position:relative}.pick-trigger{color:#53687c;cursor:pointer;justify-content:space-between;align-items:center;display:flex}.arc-menu{z-index:60;background:#fff;border:1px solid #aebdca;padding:12px;position:absolute;top:72px;left:0;right:0;box-shadow:0 16px 40px #0f274133}.arc-menu header{justify-content:space-between;align-items:center;margin-bottom:9px;font-size:12px;display:flex}.arc-menu header button{background:0 0;border:0}.arc-menu>div{grid-template-columns:repeat(3,1fr);gap:5px;max-height:230px;display:grid;overflow:auto}.arc-menu>div>button{text-align:left;color:#435a70;cursor:pointer;background:#f8fafb;border:1px solid #e1e7ec;align-items:center;gap:6px;padding:7px;font-size:12px;display:flex}.arc-menu small{color:#9b7d4e;width:25px;font-family:serif}.arc-menu svg{margin-left:auto}.arc-menu button.on{color:#fff;background:#173f6f;border-color:#173f6f}.arc-menu button.on small{color:#e3c68f}.footer-links{gap:17px;display:flex}.footer-links a{color:#a8b9c9;white-space:nowrap;text-decoration:none}.footer-links a:hover{color:#fff}.public-header{background:var(--navy);color:#fff;align-items:center;gap:40px;min-height:74px;padding:0 max(28px,50vw - 540px);display:flex}.public-brand{color:#fff;align-items:center;gap:12px;margin-right:auto;text-decoration:none;display:flex}.public-brand>span{color:#dfc18e;border:1px solid #dce8f480;place-items:center;width:32px;height:32px;display:grid;transform:rotate(45deg)}.public-brand svg{transform:rotate(-45deg)}.public-brand strong{letter-spacing:.12em;font:14px Georgia,serif;display:block}.public-brand small{color:#9bb0c7;font-size:11px}.public-header nav{gap:18px;display:flex}.public-header nav a{color:#afc0d2;font-size:13px;text-decoration:none}.public-header nav a:hover{color:#fff}.article-page{min-height:70vh}.article-hero{background:var(--navy);color:#fff;border-top:1px solid #ffffff16;padding:65px max(28px,50vw - 440px) 70px}.article-hero>span{color:#d2ae70;letter-spacing:.22em;font:12px Georgia,serif}.article-hero h1{letter-spacing:.04em;margin:17px 0;font:400 clamp(34px,4.5vw,52px)/1.35 Georgia,Yu Mincho,serif}.article-hero p{color:#b4c4d4;max-width:730px;margin:0;line-height:1.9}.article-body{color:#293f55;max-width:880px;margin:0 auto;padding:55px 28px 80px}.article-body section{margin:0 0 48px;scroll-margin-top:30px}.article-body h2{color:#173b62;border-bottom:1px solid #d8e1e8;margin:0 0 20px;padding-bottom:11px;font:400 26px/1.5 Georgia,Yu Mincho,serif}.article-body h3{color:#284c70;margin:27px 0 9px;font-size:17px}.article-body p,.article-body li{font-size:16px;line-height:2}.article-body p{margin:0 0 18px}.article-body a{color:#245f99;text-underline-offset:3px}.article-body ul{padding-left:1.4em}.toc{background:#eef3f7;border-left:3px solid #c29b5f;gap:9px;margin-bottom:50px;padding:23px 26px;display:grid}.toc b{color:#173b62;margin-bottom:5px}.toc a{font-size:14px;text-decoration:none}.checklist{background:#f3f6f8;border:1px solid #d8e2e9;margin-top:24px;padding:21px 25px}.checklist ul{margin-bottom:0}.numbered{counter-reset:steps;padding:0;list-style:none}.numbered li{counter-increment:steps;border-bottom:1px solid #e0e7ec;grid-template-columns:42px 1fr;gap:2px 15px;padding:18px 0;display:grid}.numbered li:before{content:counter(steps, decimal-leading-zero);color:#b18a50;grid-row:1/3;font:22px Georgia,serif}.numbered li span{color:#657687;font-size:14px;display:block}.faq h3{background:#edf2f6;margin-top:18px;padding:13px 16px}.related{color:#fff;background:#0e2b4a;padding:28px 30px}.related h2{color:#fff;border:0;margin-bottom:8px;font-size:19px}.related a{color:#e3c58f}.arcana-catalog{grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 52px;display:grid}.arcana-catalog>div{background:#fff;border:1px solid #d8e2e9;align-items:center;gap:13px;min-height:74px;padding:14px;display:flex;box-shadow:0 3px 12px #173b6208}.arcana-catalog span{color:#b18a50;border-right:1px solid #e5ddd0;width:35px;font:13px Georgia,serif}.arcana-catalog b{color:#173b62;font-family:Yu Mincho,serif}.operator{border-top:1px solid #d8e1e8}.operator>div{border-bottom:1px solid #d8e1e8;grid-template-columns:150px 1fr;display:grid}.operator dt,.operator dd{margin:0;padding:15px;line-height:1.7}.operator dt{background:#eef3f7;font-weight:700}.updated{color:#778797;text-align:right;font-size:13px!important}.public-footer{color:#94a8bb;background:#081d35;grid-template-columns:1fr auto;gap:20px 50px;padding:35px max(28px,50vw - 540px);font-size:12px;display:grid}.public-footer strong{color:#fff;letter-spacing:.12em;font:14px Georgia,serif}.public-footer p{margin:8px 0 0}.public-footer nav{flex-wrap:wrap;justify-content:flex-end;gap:10px 20px;max-width:490px;display:flex}.public-footer a{color:#b7c5d2;text-decoration:none}.public-footer small{border-top:1px solid #ffffff15;grid-column:1/-1;padding-top:18px}@media (max-width:820px){.topbar nav{display:none}.topbar{padding:0 18px}.topbar .brand span{display:none}.new{margin-left:auto}.intro{padding:50px 22px}.stat{display:none}.intro h1{font-size:36px}.workspace{padding:40px 18px}.matcher{padding:23px 19px}.matcher-controls{grid-template-columns:1fr;gap:12px}.match-icon,.board-head p{display:none}.filters{flex-wrap:wrap}.search{width:100%}.tabs{width:100%;overflow:auto}.tabs button{white-space:nowrap}.filter{display:none}.public-header{align-items:flex-start;padding:18px 20px}.public-header nav{grid-template-columns:1fr 1fr;gap:8px 16px;display:grid}.seo-entry{margin:0 18px 24px;padding:23px 20px;display:block}.seo-entry>a{margin-top:17px;display:inline-block}.public-brand small{display:none}.article-hero{padding:48px 22px 52px}.article-body{padding:42px 20px 60px}.arcana-catalog{grid-template-columns:1fr 1fr}.public-footer{grid-template-columns:1fr;padding:30px 22px}.public-footer nav{justify-content:flex-start}.public-footer small{grid-column:auto}.grid,.steps{grid-template-columns:1fr}.step{border-bottom:1px solid #cfdae4;border-right:0;padding:20px 0}.guide{margin:0 18px 45px;padding:27px 22px}footer{flex-wrap:wrap;gap:15px}footer p{order:3;width:100%;margin:0}.arc-menu>div{grid-template-columns:repeat(2,1fr)}.two{grid-template-columns:1fr}.dialog{overflow-y:auto}}@media (max-width:430px){.intro h1{font-size:30px}.intro p{font-size:14px;line-height:1.7}.listing{padding:17px}.trade{grid-template-columns:1fr}.swap{margin:8px 0}.swap svg{transform:rotate(90deg)}.arc-menu>div{grid-template-columns:1fr}.public-header{display:block}.public-header nav{margin-top:18px}.arcana-catalog,.operator>div{grid-template-columns:1fr}.operator dd{padding-top:0}}
