/* Octelys 1.0 — styles scoped to the custom theme; no build step. */
:root{color-scheme:dark;scroll-behavior:smooth;--oc-purple:#ad9bff;--oc-line:#282c40;--oc-muted:#a8adbf}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;background:#0d0e17;color:#edf0fa}body>nav{background:rgba(13,14,23,.95)!important;backdrop-filter:blur(18px)}a,button,input,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #b5a5ff;outline-offset:5px}.oc-skip{position:fixed;top:-80px;left:20px;z-index:999;background:#b5a5ff;color:#171126;padding:12px 20px}.oc-skip:focus{top:12px}.oc-logo{width:34px;min-width:30px;color:#aa96ff}.oc-nav-link{align-self:center;padding:12px;font-size:13px;color:#bdc0d1}.oc-nav-link:hover{color:#fff}.oc-wrap{width:min(1240px,calc(100% - 64px));margin-inline:auto}.oc-site{overflow:hidden}.oc-site h1,.oc-site h2,.oc-site h3{color:#f2f3fc;font-weight:650;letter-spacing:-.045em}.oc-site h1{font-size:clamp(42px,4.4vw,65px);line-height:1.1}.oc-site h2{font-size:clamp(28px,3vw,40px);line-height:1.16}.oc-site h3{font-size:22px;line-height:1.3;letter-spacing:-.025em}.oc-site p{color:var(--oc-muted);line-height:1.8}.oc-hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:40px;min-height:660px;padding-block:84px 74px;position:relative}.oc-hero-copy{position:relative;z-index:2}.oc-announcement{display:inline-flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.13em;color:#c8baff;font-weight:600;border:1px solid #3a3055;background:#221c34;border-radius:30px;padding:8px 12px;margin-bottom:26px}.oc-announcement>span{height:5px;width:5px;border-radius:50%;background:#b4a2ff}.oc-announcement i{font-style:normal;letter-spacing:0;font-weight:400;color:#c4bdcf;border-left:1px solid #54476c;padding-left:10px}.oc-hero h1{margin-bottom:25px}.oc-hero h1 em{font-style:normal;color:#b29eff}.oc-lead{font-size:16px;line-height:1.85!important;max-width:580px}.oc-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.oc-btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;border-radius:9px;padding:14px 19px;font-size:13px;font-weight:650;line-height:1.35;transition:background .18s,transform .18s;text-decoration:none}.oc-btn-primary{background:#a996ff;color:#141120!important;border:1px solid #b8a8ff}.oc-btn-primary:hover{background:#c2b4ff;transform:translateY(-2px)}.oc-btn-ghost{border:1px solid #35364b;background:#171824;color:#edeafa!important}.oc-btn-ghost:hover{background:#252337}.oc-hero-note{font-size:11px;color:#9097ab;margin-top:20px;display:flex;gap:9px;align-items:center}.oc-tiny-mark{color:#b7a5fa;font-size:17px}.oc-hero-art{height:440px;position:relative;background:radial-gradient(ellipse at 55% 47%,#47316b55,transparent 65%)}.oc-orbit{position:absolute;width:450px;height:450px;border:1px solid #63508233;border-radius:50%;top:-10px;left:10px}.oc-orbit-two{width:350px;height:350px;top:40px;left:60px}.oc-art-card{position:absolute;overflow:hidden;width:335px;height:210px;border:1px solid #61536b;border-radius:15px;background:linear-gradient(135deg,#633e36,#171621);box-shadow:0 28px 70px #0007}.oc-art-card img{width:100%;height:100%;object-fit:cover}.oc-art-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,#11121bec)}.oc-art-card>span{position:absolute;bottom:17px;left:20px;z-index:1;font-weight:800;font-size:27px;letter-spacing:.05em}.oc-art-card b{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;color:#d5cedc;margin-top:3px}.oc-art-back{right:0;top:18px;transform:rotate(8deg)}.oc-art-front{left:0;top:157px;transform:rotate(-7deg)}.oc-art-caption{position:absolute;right:0;bottom:7px;z-index:3;padding:15px 19px;border:1px solid #45405f;border-radius:12px;background:#1b1b2d;display:flex;align-items:center;gap:16px;box-shadow:0 14px 40px #0006;font-size:13px}.oc-art-caption small{display:block;color:#9ba1b6;font-size:11px;margin-top:4px}.oc-code-mini{font:700 20px monospace;color:#bdaaff}.oc-art-coordinate{position:absolute;top:100px;left:-40px;transform:rotate(-90deg);font-size:8px;letter-spacing:.2em;color:#706e88}.oc-ribbon{border-block:1px solid #242634;background:#11131e}.oc-ribbon>.oc-wrap{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:78px;flex-wrap:wrap;padding-block:16px}.oc-ribbon span{font-size:9px;letter-spacing:.14em;color:#7f879b}.oc-ribbon b{font-size:14px;letter-spacing:.12em;color:#9298ac;font-weight:650}.oc-section{padding-block:70px 0;scroll-margin-top:95px}.oc-eyebrow{display:block;font-size:10px;letter-spacing:.15em;text-transform:uppercase;font-weight:600;color:#b6a6ef;margin-bottom:15px}.oc-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:30px}.oc-section-heading h2{max-width:600px}.oc-section-heading p{font-size:14px;margin-top:13px}.oc-search{display:flex;align-items:center;gap:10px;border:1px solid #303447;background:#151723;border-radius:9px;padding:11px 13px;min-width:230px}.oc-search>span:first-child{font-size:24px;line-height:1;color:#939bb5}.oc-search input{background:transparent;border:0;color:#f0eef8;font:inherit;font-size:12px;width:100%;padding:0;box-shadow:none}.oc-search input::placeholder{color:#929ab0}.oc-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.oc-games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.oc-game{display:block;border:1px solid #2b2d3e;border-radius:13px;overflow:hidden;background:#161823;transition:transform .2s,border-color .2s}.oc-game:hover{transform:translateY(-4px);border-color:var(--accent,#b5a5ff)}.oc-game-image{height:170px;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--accent),#1a1929)}.oc-game-image:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,#161823);pointer-events:none}.oc-game-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.oc-game:hover img{transform:scale(1.035)}.oc-soon{display:inline-flex;align-items:center;white-space:nowrap;border:1px solid #545363;background:#161720e8;color:#dddcea;border-radius:20px;padding:6px 10px;font-size:9px;letter-spacing:.03em}.oc-game-image .oc-soon{position:absolute;z-index:1;right:12px;top:12px}.oc-game-info{padding:13px 20px 17px}.oc-game-genre{font-size:10px;color:var(--accent);letter-spacing:.04em}.oc-game h3{font-size:23px;margin-top:6px}.oc-game-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:13px;border-top:1px solid #2a2c3b;font-size:11px;color:#afb6c9}.oc-arrow{display:grid;place-items:center;width:26px;height:26px;border:1px solid #3e4054;border-radius:50%;font-size:17px;color:#e4def8}.oc-search-hint{font-size:13px;margin-top:18px}.oc-bots-shell{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:46px;border:1px solid #39324d;border-radius:18px;background:radial-gradient(ellipse at 0% 100%,#34204766,transparent 60%),#171722}.oc-bots-intro p{font-size:14px;margin:17px 0 23px}.oc-tag{display:inline-block;padding:8px 12px;border:1px solid #3c3b50;border-radius:6px;font-size:10px;color:#c5bfdc}.oc-bot-cards{display:flex;flex-direction:column;gap:16px;justify-content:center}.oc-bot{display:flex;align-items:center;gap:20px;padding:23px;border:1px solid #3a3a50;border-radius:12px;background:#1b1d2a;transition:border-color .2s}.oc-bot:hover{border-color:var(--accent)}.oc-bot>span:last-child{margin-left:auto;font-size:23px;color:#ada2c8}.oc-bot-symbol{display:grid;place-items:center;min-width:52px;height:55px;border:1px solid var(--accent);border-radius:12px;color:var(--accent);font:700 22px monospace}.oc-bot h3{font-size:21px}.oc-bot p{font-size:12px;margin-block:4px}.oc-muted{color:#9da4ba;font-size:11px}.oc-access{display:grid;grid-template-columns:1.15fr 1fr;gap:100px;padding-block:90px 15px}.oc-access p{font-size:14px;margin-top:15px;max-width:490px}.oc-access-list{display:flex;flex-direction:column;gap:24px}.oc-access-list>div{display:flex;gap:23px;padding-bottom:23px;border-bottom:1px solid #262838}.oc-access-list>div>span{font-size:12px;color:#9a84d2;padding-top:6px}.oc-access-list h3{font-size:18px}.oc-access-list p{margin:6px 0 0;font-size:12px}.oc-faq{display:grid;grid-template-columns:1fr 1.5fr;gap:90px;padding-bottom:80px}.oc-faq details{border-bottom:1px solid #2b2d3f;padding:20px 0}.oc-faq summary{cursor:pointer;list-style:none;font-size:14px;color:#dedfeb;display:flex;justify-content:space-between;gap:20px}.oc-faq summary::-webkit-details-marker{display:none}.oc-faq summary span{color:#b6a2ff}.oc-faq details[open] summary span{transform:rotate(45deg)}.oc-faq details p{font-size:13px;margin-top:16px}.oc-faq a{color:#c3b3ff;text-decoration:underline}.oc-footer{width:100%;border-top:1px solid #2c2c3b;background:#10111b;padding-top:48px}.oc-footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px;padding-bottom:45px}.oc-wordmark{display:flex;align-items:center;gap:10px;font-size:26px;font-weight:750;letter-spacing:-.04em;color:#f0edfa}.oc-wordmark>span{font-size:10px;align-self:flex-start}.oc-footer p{font-size:12px;color:#8d95ac;line-height:1.9;margin-top:16px}.oc-footer-top>div:not(:first-child){display:flex;flex-direction:column;gap:13px;font-size:12px;color:#9da6ba}.oc-footer strong{font-size:12px;color:#e0e2ee;font-weight:600;margin-bottom:5px}.oc-footer a:hover{color:#c2b1ff}.oc-footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #242638;padding:22px 0;font-size:10px;color:#7f889e}.oc-detail{padding-block:45px 85px}.oc-back{display:inline-block;font-size:12px;color:#b9afd2;margin-bottom:50px}.oc-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.oc-detail h1{font-size:clamp(38px,4vw,60px);margin-bottom:20px}.oc-detail h2{font-size:26px;margin-bottom:15px}.oc-detail .oc-tag{margin-top:20px}.oc-detail-art{height:320px;border-radius:18px;border:1px solid #4d4159;overflow:hidden;position:relative;background:linear-gradient(125deg,var(--accent),#211e39)}.oc-detail-art img{height:100%;width:100%;object-fit:cover}.oc-art-label{position:absolute;inset:auto 0 0;padding:45px 25px 23px;background:linear-gradient(transparent,#151621);font-size:22px;font-weight:650}.oc-code{display:grid;place-items:center;height:100%;font:700 95px monospace;color:#172023}.oc-opening{display:flex;align-items:center;gap:25px;border:1px solid #4a405c;border-radius:14px;background:#1c192b;padding:30px;margin-block:50px}.oc-opening>div:nth-child(2){flex:1}.oc-opening p{font-size:13px;max-width:680px}.oc-opening h2{font-size:25px;margin:0 0 9px}.oc-opening .oc-eyebrow{margin-bottom:10px}.oc-opening-icon{font-size:40px;color:#baa7ff}.oc-detail-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:0 0 45px}.oc-detail-notes span{color:#a68cde;font-size:12px}.oc-detail-notes h3{font-size:19px;margin-block:13px}.oc-detail-notes p{font-size:13px}
@media(min-width:1600px){.oc-hero{min-height:700px}}@media(max-width:1050px){.oc-hero{grid-template-columns:1.2fr 1fr;gap:15px}.oc-art-card{width:275px;height:190px}.oc-orbit{width:330px;height:330px}.oc-orbit-two{width:260px;height:260px}.oc-art-coordinate{display:none}.oc-access,.oc-faq{gap:40px}.oc-bots-shell{padding:30px;gap:28px}.oc-ribbon span{display:none}}@media(max-width:760px){.oc-wrap{width:calc(100% - 36px)}.oc-hero{grid-template-columns:1fr;padding-block:44px 20px;min-height:0;gap:15px}.oc-hero h1{font-size:44px}.oc-hero-art{height:340px;max-width:430px;width:100%;margin:auto}.oc-art-card{width:280px;height:175px}.oc-art-back{top:13px;right:14px}.oc-art-front{top:120px;left:12px}.oc-art-caption{bottom:0;right:0}.oc-ribbon>.oc-wrap{gap:17px;justify-content:center}.oc-ribbon b{font-size:10px}.oc-section{padding-top:45px}.oc-section-heading{flex-direction:column;align-items:stretch;gap:20px}.oc-search{width:100%;min-width:0}.oc-games{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.oc-game-image{height:135px}.oc-game-info{padding:12px}.oc-game h3{font-size:19px}.oc-game-bottom{font-size:10px;gap:5px}.oc-bots-shell,.oc-access,.oc-faq,.oc-detail-grid{grid-template-columns:1fr;gap:30px}.oc-bots-shell{padding:26px}.oc-bot{padding:19px;gap:16px}.oc-footer-top{grid-template-columns:1fr 1fr}.oc-footer-top>div:first-child{grid-column:1/-1}.oc-footer-bottom{flex-wrap:wrap;gap:12px}.oc-detail{padding-block:30px 45px}.oc-back{margin-bottom:30px}.oc-detail-art{height:240px}.oc-opening{flex-wrap:wrap;padding:24px;gap:15px;margin-block:30px}.oc-opening-icon{display:none}.oc-detail-notes{grid-template-columns:1fr;gap:20px}.oc-faq{padding-bottom:50px}.oc-announcement{font-size:9px}.oc-desktop{display:none}}@media(max-width:420px){.oc-games{grid-template-columns:1fr}.oc-game-image{height:180px}.oc-hero h1{font-size:38px}.oc-announcement i{display:none}.oc-bot-symbol{min-width:43px;height:45px}.oc-hero-art{height:320px}.oc-art-card{width:245px;height:170px}.oc-btn{gap:15px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.oc-game:hover,.oc-btn-primary:hover{transform:none}}
.oc-mobile-catalogue{display:flex;flex-direction:column;gap:15px;padding:12px 12px 20px;border-bottom:1px solid #343247;margin-bottom:12px;font-size:14px;color:#c4b5fd}[x-cloak]{display:none!important}
@media(min-width:1051px){.oc-hero{grid-template-columns:1.35fr 1fr}.oc-hero h1{font-size:clamp(42px,4.1vw,60px)}}

:root { --oc-accent:#3b8cff; --oc-accent-soft:#80b9ff; --oc-bg:#080f1b; --oc-panel:#101c2b; }
.oc-site{background:#080f1b;color:#eaf0f9}.oc-btn-primary{background:#3689ff;color:white;box-shadow:none}.oc-btn-primary:hover{background:#62a5ff}.oc-eyebrow{color:#91baff}.oc-game{background:#101c2b;border-color:#25354a}.oc-game:hover{border-color:#438cee;transform:translateY(-4px)}.oc-game-info{padding:22px}.oc-arrow{background:#172c46;color:#91baff}.oc-lead{color:#aab9cb}.oc-section{padding-top:64px;padding-bottom:64px}.oc-game-bottom strong{color:#eaf3ff;font-size:21px}.oc-game-bottom small{color:#9cafc6;font-size:12px}.oc-game-image{height:180px}.oc-game-genre{color:#9bb4ce}.oc-soon{background:#101a2ee6;border:1px solid #466084;color:#d8e7f9;font-size:10px}.oc-tag{background:#15243a;border-color:#304966;color:#bfd3e9}.oc-footer{background:#070d17;border-color:#243448}.oc-wordmark{color:#f2f7ff}.oc-footer a:hover{color:#91baff}.oc-search{background:#101c2b;border-color:#2c4059}.oc-search input{color:#eaf0f9}.oc-faq details{border-color:#25354a}.oc-faq summary{font-size:16px}.oc-faq-items p{color:#aab9cb}.oc-nav-link:hover{color:#91baff}
.oh-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center;padding-top:76px;padding-bottom:76px}.oh-hero h1{font-size:clamp(38px,4.5vw,63px);line-height:1.08;letter-spacing:-2px;font-weight:750;margin:20px 0 24px}.oh-hero h1 em{font-style:normal;color:#78b8ff}.oh-points{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:#a5b8d1;margin-top:28px}.oh-points span:before{content:'✓';color:#4dd7b0;margin-right:6px}.oh-feature{position:relative;height:390px;overflow:hidden;border:1px solid #355370;border-radius:18px;background:#132b32;box-shadow:0 20px 70px #0004}.oh-feature>img{width:100%;height:100%;object-fit:cover;transform:scale(1.02)}.oh-feature-shade{position:absolute;inset:0;background:linear-gradient(0deg,#07101beb,transparent 80%)}.oh-feature-info{position:absolute;bottom:32px;left:30px}.oh-feature-info h2{font-size:36px;font-weight:700;letter-spacing:-1px;margin:5px 0 18px}.oh-feature-chip{position:absolute;top:22px;left:25px;background:#101d2dbf;border:1px solid #8baabe55;border-radius:6px;padding:8px 12px;font-size:9px;letter-spacing:2px}.oh-strip{background:#101b2a;border-block:1px solid #25354a}.oh-strip>div{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-block:25px}.oh-strip span{color:#7590ac;font-size:9px;letter-spacing:2px}.oh-strip b{font-size:13px;font-weight:550;color:#c2d1e2}.oh-universes{display:grid;grid-template-columns:1fr 1fr;gap:24px}.oh-universes>a{display:block;border:1px solid #293b51;border-radius:12px;padding:32px;background:linear-gradient(120deg,#15263c,#101b2a);text-decoration:none;color:inherit;transition:border-color .2s}.oh-universes>a:hover{border-color:#438cee}.oh-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:10px;background:#243f61;color:#a6cdff;font-size:22px;margin-bottom:22px}.oh-universes h3{font-size:25px;font-weight:650;margin-bottom:12px}.oh-universes p{color:#acbcd0;line-height:1.7;max-width:440px;margin-bottom:25px}.oh-universes strong{color:#81baff;font-size:14px}.oh-workflow{display:grid;grid-template-columns:1fr 1fr;gap:100px;border-top:1px solid #25354a}.oh-workflow h2{font-size:35px;line-height:1.2;font-weight:700;margin:15px 0}.oh-workflow ol{list-style:none;margin:0;padding:0}.oh-workflow li{display:flex;gap:22px;padding:20px 0;border-bottom:1px solid #25354a}.oh-workflow li>span{color:#77b5ff;font-size:14px;padding-top:4px}.oh-workflow h3{font-size:18px;font-weight:650;margin-bottom:7px}.oh-workflow li p{color:#9fb0c5;font-size:14px;line-height:1.6}.oh-catalog-head{padding:64px 0 0}.oh-catalog-head h1{font-size:clamp(35px,4vw,50px);font-weight:750;letter-spacing:-1.4px;margin:18px 0}.oh-catalog-head p{max-width:720px}.oh-tabs{display:flex;gap:8px;margin-top:30px;border-bottom:1px solid #263a52;padding-bottom:16px}.oh-tabs>a{padding:10px 20px;border-radius:7px;font-size:14px;color:#b5c6dc;text-decoration:none}.oh-tabs>a.active{background:#1b3d65;color:#c3defe}.oh-game-desc{color:#9db0c8;font-size:13px;margin:12px 0 22px}.oh-bot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.oh-bot-art{height:100%;background:radial-gradient(at 60% 50%,#203f62,#111d2f);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.oh-bot-art>span{font-family:monospace;font-size:56px;color:#87bfff}.oh-bot-art>small{font-size:10px;letter-spacing:3px;color:#829cb7}.oh-bot-note{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid #25354a}.oh-bot-note h2{font-size:35px;font-weight:700}.oh-bot-note p{color:#aabbd0;line-height:1.8}.oh-detail-head{padding-top:44px}.oh-detail-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;margin-top:25px}.oh-detail-grid h1{font-size:clamp(32px,4vw,48px);font-weight:750;letter-spacing:-1px;margin:15px 0 20px}.oh-detail-grid .oc-tag{margin-top:20px}.oh-detail-picture{height:220px;overflow:hidden;border-radius:12px;border:1px solid #355370;background:radial-gradient(at 50% 50%,#26476f,#111e30);display:grid;place-items:center}.oh-detail-picture img{width:100%;height:100%;object-fit:cover}.oh-code{font:70px monospace;color:#91c1ff}.oh-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.oh-plan{position:relative;background:#101c2b;border:1px solid #2a4059;padding:30px 25px;border-radius:12px}.oh-recommended{border-color:#4d96f9;background:linear-gradient(150deg,#142a43,#101c2b);box-shadow:0 0 35px #3689ff13}.oh-plan-tag{position:absolute;top:-13px;left:25px;border-radius:5px;background:#3788f8;color:white;padding:5px 13px;font-size:10px;font-weight:650}.oh-plan h3{font-size:25px;margin:13px 0 20px;font-weight:700}.oh-price{font-size:34px;font-weight:750;letter-spacing:-1px}.oh-price small{font-size:13px;color:#9eb2ca;font-weight:400;letter-spacing:0;margin-left:6px}.oh-availability{font-size:12px;color:#9cb4cf;margin-top:8px}.oh-plan dl{margin:25px 0}.oh-plan dl>div{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #26384f;font-size:13px}.oh-plan dt{color:#9bb0c7}.oh-plan dd{font-weight:600;margin:0}.oh-plan .oc-btn{width:100%;justify-content:center}.oh-caption{font-size:12px;line-height:1.7;color:#93a9c3;margin-top:22px}.oh-config-explain{display:grid;grid-template-columns:1fr 1.4fr;gap:64px;border-top:1px solid #25354a}.oh-config-explain h2{font-size:32px;margin:15px 0;font-weight:700}.oh-config-explain p{line-height:1.7;color:#a3b7ce}.oh-config-example{background:#101c2b;padding:28px;border:1px solid #2c4059;border-radius:12px}.oh-preview-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1.4px;color:#9cb9db;margin-bottom:24px}.oh-config-example label{display:block;font-size:13px;color:#bbcee5}.oh-config-example input{display:block;width:100%;margin-top:9px;border-radius:6px;border:1px solid #334d6c;background:#0b1523;color:#c8d9ed;padding:12px;font-size:14px}.oh-example-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:23px 0}.oh-example-row strong{font-size:12px;display:block;margin-bottom:8px}.oh-example-row span{color:#9db3cc;font-size:12px}.oh-config-example p{font-size:12px}.oh-checkout{max-width:1200px;padding-bottom:60px}.oh-checkout>div:first-child{background:#101c2b;border:1px solid #2c4059;border-radius:12px;padding:28px}.oh-checkout input,.oh-checkout select,.oh-checkout textarea{background:#0b1523!important;border-color:#354b69!important}.oh-form-title{font-weight:650;font-size:18px;margin-top:20px}.oh-order-summary{padding:25px!important;border:1px solid #3a6698;position:sticky;top:90px;border-radius:12px!important}.oh-order-summary h2{font-size:20px}.oh-order-summary button{width:100%;margin-top:20px}
@media(max-width:900px){.oh-hero{gap:30px}.oh-feature{height:320px}.oh-strip>div{flex-wrap:wrap;justify-content:center}.oh-strip span{width:100%;text-align:center}.oh-workflow{gap:40px}.oh-plans{gap:14px}.oh-plan{padding:28px 18px}.oh-price{font-size:28px}.oh-config-explain{gap:32px}}
@media(max-width:640px){.oh-hero{grid-template-columns:1fr;padding:42px 0;gap:30px}.oh-hero h1{letter-spacing:-1px}.oh-feature{height:300px}.oh-points{gap:10px;font-size:11px}.oh-universes,.oh-workflow,.oh-bot-note,.oh-detail-grid,.oh-config-explain{grid-template-columns:1fr;gap:25px}.oh-universes>a{padding:25px}.oh-strip b{font-size:11px}.oc-section{padding-block:42px}.oh-catalog-head{padding-top:40px}.oh-tabs>a{padding:10px 13px;font-size:12px}.oh-plans{grid-template-columns:1fr;gap:26px}.oh-bot-grid{grid-template-columns:1fr}.oh-detail-grid{margin-top:15px}.oh-detail-picture{height:190px}.oh-plan{padding:28px}.oh-order-summary{position:static}.oh-checkout>div:first-child{padding:20px}.oh-config-example{padding:20px}.oh-example-row{grid-template-columns:1fr}.oh-catalog-head h1{font-size:36px}}

body{background:#080f1b}body>nav{background:rgba(8,15,27,.97)!important}.oc-logo{color:#70b4ff}.oc-nav-link{color:#afc6df}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline-color:#7cbaff}.oc-site p{color:#aab9cb}

.oc-btn-primary{color:#fff!important;border-color:#3689ff}.oc-btn-ghost{background:#142136;border-color:#31445e;color:#d6e7fd!important}.oc-faq summary>span{color:#83baff}

/* Octelys v3 — graphite, cyan et décors de jeu. */
body{background:#090f16!important;background-image:radial-gradient(ellipse at 15% 0%,#12363b99,transparent 50%),radial-gradient(ellipse at 95% 35%,#20314988,transparent 48%)!important;background-attachment:fixed;color:#e9f0f7}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:54px 54px}
body>nav{background:#0a111be8!important;backdrop-filter:blur(20px);border-bottom-color:#9ecdc721!important}.oc-logo{color:#83e4d0}.oc-site{background:transparent;isolation:isolate}.oh-plan,.oc-game,.oh-universes>a{background:linear-gradient(135deg,#172331ee,#101923f2);box-shadow:0 20px 50px #0002;border-color:#9bb8c92e}.oh-recommended{border-color:#83daca;background:linear-gradient(140deg,#17333bee,#111e2bee);box-shadow:0 0 35px #78e3d010}.oh-plan-tag{background:#93e0cd;color:#0a2122}.oc-btn-primary{background:#96e6d3!important;color:#09262a!important;border-color:#96e6d3!important;box-shadow:none}.oc-btn-primary:hover{background:#b0f3e3!important}.oc-eyebrow{color:#99dccf}.oc-btn-ghost{border-color:#88b6b95c;color:#d4e5e8}.oh-tabs>a.active{background:#29464a;color:#c4f3e8}.oh-strip{background:#0b172280;border-color:#89c6c329}.oh-config-note,.oc-config-note{display:grid;grid-template-columns:1fr 1fr;gap:50px;border-top:1px solid #ffffff16}.oc-config-note h2{font-size:30px;font-weight:700;margin-top:14px}.oc-config-note p{line-height:1.8;font-size:14px;max-width:540px}.oc-game-context:before{content:"";position:fixed;inset:0;z-index:-1;background-image:linear-gradient(180deg,#090f16b3 0%,#090f16e3 50%,#090f16 100%),var(--oc-game-image);background-size:cover;background-position:center 25%;pointer-events:none;opacity:.8}.oc-game-context .oh-detail-picture{box-shadow:0 24px 80px #0005}.oc-game-context .oh-recommended{border-color:var(--oc-game-accent)}
.oc-config-dialog{width:min(1120px,calc(100vw - 40px));max-width:none;max-height:90dvh;border:1px solid #719ba84d;border-radius:22px;padding:0;background:#101a25;color:#edf5fa;box-shadow:0 35px 140px #0009;overflow:auto}.oc-config-dialog[open]{display:grid;grid-template-columns:300px minmax(0,1fr);animation:oc-modal-in .2s ease-out}.oc-config-dialog::backdrop{background:#030a11bd;backdrop-filter:blur(9px)}.oc-modal-art{position:relative;min-height:550px;overflow:hidden;background:radial-gradient(ellipse at 0% 0%,var(--oc-game-accent),#17213a 70%);display:flex;align-items:flex-end;padding:35px}.oc-modal-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.oc-modal-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#08101b22,#08101b88 40%,#08101bf5)}.oc-modal-art>div{position:relative;z-index:1}.oc-modal-art h2{font-size:34px;line-height:1.12;font-weight:750;margin:15px 0}.oc-modal-art p{font-size:14px;line-height:1.7;color:#d3e2eb}.oc-modal-art .oc-tag{margin-top:25px;font-size:11px;white-space:normal}.oc-modal-close{position:absolute;z-index:4;top:15px;right:15px;width:36px;height:36px;display:grid;place-items:center;border:1px solid #abc1d333;background:#101a25e8;border-radius:50%;color:#e7f2f8;font-size:26px;cursor:pointer}.oc-modal-body{min-width:0;padding:28px 32px;max-height:90dvh;overflow:auto}.oc-popup-checkout{display:flex!important;flex-direction:column;max-width:none;margin:0!important;padding:0;gap:24px!important}.oc-popup-checkout>div:first-child{padding:0!important;border:0;background:transparent;gap:18px}.oc-popup-checkout h1{font-size:25px;line-height:1.25}.oc-popup-checkout .oc-eyebrow{font-size:10px;padding-right:35px}.oc-popup-checkout>div:first-child>p{font-size:13px;line-height:1.7;color:#aabfcd}.oc-popup-checkout .max-h-28{max-height:110px}.oc-popup-checkout .oh-order-summary{position:static;top:auto;background:#0a1521c9;border-color:#54778055;padding:20px!important;gap:14px}.oc-popup-checkout input,.oc-popup-checkout select,.oc-popup-checkout textarea{background:#0c1520!important;color:#eef6fc!important;border:1px solid #4b657b!important;border-radius:8px;min-height:43px}.oc-popup-checkout label{font-size:13px}.oc-preview-notice{background:#a6d8cc0c;border:1px solid #9cd2c72c;border-radius:10px;padding:15px;font-size:13px;margin-top:8px}.oc-preview-notice strong{color:#c4e9df}.oc-preview-notice p{color:#9ebbc5;line-height:1.7;margin-top:6px}.oc-direct-checkout:before{content:"";position:fixed;inset:0;z-index:-1;background-image:linear-gradient(#09111bd4,#09111bf5),var(--oc-game-image);background-size:cover;background-position:center}
@keyframes oc-modal-in{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:760px){.oc-config-dialog{width:calc(100vw - 20px);max-height:94dvh;border-radius:16px}.oc-config-dialog[open]{grid-template-columns:1fr}.oc-modal-art{min-height:150px;padding:23px}.oc-modal-art h2{font-size:26px;margin:8px 0}.oc-modal-art .oc-tag{margin-top:12px}.oc-modal-art p{display:none}.oc-modal-body{padding:23px 20px;max-height:none;overflow:visible}.oc-config-note{grid-template-columns:1fr;gap:20px}.oc-modal-close{top:10px;right:10px}.oc-popup-checkout h1{font-size:23px}}
@media(prefers-reduced-motion:reduce){.oc-config-dialog[open]{animation:none}}

.oc-popup-checkout .oh-form-title{font-size:18px!important;line-height:1.4;font-weight:650;margin-top:8px}.oc-popup-checkout .oh-order-summary h2{font-size:20px!important;line-height:1.35}

/* Octelys v3.1 : centrage explicite, accueil uni. */
body:has(.oc-home-clean){background:#101522!important;background-image:none!important}
body:has(.oc-home-clean)::before{display:none!important}
.oc-home-clean{background:#101522!important}
.oc-home-clean .oh-strip{background:#151d2c;border-color:#ffffff10}
.oc-home-clean .oh-universes>a{background:#171f2e;border-color:#ffffff14;box-shadow:none}
.oc-config-dialog{position:fixed!important;inset:0!important;margin:auto!important;float:none!important}
.oc-voice-art{display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#223447,#17202e);color:#9cc8eb}
.oc-voice-card{cursor:default}

/* Octelys v3.2 : lumière animée sur les trois pages catalogue. */
body:has(.oc-animated-surface){background:#0c1120!important;background-image:none!important}
body:has(.oc-animated-surface)::before{display:none!important}
.oc-animated-surface{position:relative;background:#0c1120!important;isolation:isolate;--ambient-one:#4467d2;--ambient-two:#23778b;--ambient-three:#6453ac}
.oc-ambient{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;contain:paint}
.oc-ambient i{position:absolute;width:850px;height:850px;border-radius:50%;opacity:.35;background:radial-gradient(circle,var(--ambient-one),transparent 67%);top:-390px;left:-300px;animation:oc-light-drift 32s ease-in-out infinite alternate;will-change:transform}
.oc-ambient i:nth-child(2){background:radial-gradient(circle,var(--ambient-two),transparent 67%);top:120px;left:auto;right:-370px;animation-duration:39s;animation-delay:-14s;opacity:.26}
.oc-ambient i:nth-child(3){background:radial-gradient(circle,var(--ambient-three),transparent 67%);top:850px;left:20%;width:700px;height:700px;opacity:.17;animation-duration:44s;animation-delay:-22s}
.oc-animated-games{--ambient-one:#3e65bd;--ambient-two:#854dab;--ambient-three:#355b82}
.oc-animated-bots{--ambient-one:#6950c4;--ambient-two:#28727e;--ambient-three:#35478f}
.oc-animated-surface .oh-plan,.oc-animated-surface .oc-game,.oc-animated-surface .oh-universes>a{background:#141e30ed;border-color:#bbc9ec22;box-shadow:0 20px 50px #0002}
@keyframes oc-light-drift{from{transform:translate3d(0,0,0) scale(.9)}to{transform:translate3d(150px,100px,0) scale(1.13)}}
@media(max-width:760px){.oc-ambient i{width:600px;height:600px;opacity:.25}.oc-ambient i:nth-child(3){display:none}}
@media(prefers-reduced-motion:reduce){.oc-ambient i{animation:none!important;will-change:auto}}

/* Octelys v3.4 : catégories du catalogue */
.oc-family-tabs { flex-wrap: wrap; margin-bottom: 1rem; }
.oc-family-tabs button { border: 1px solid rgba(148,163,184,.2); border-radius: 999px; padding: .6rem 1rem; color: #c5cfdf; background: rgba(15,23,42,.5); cursor:pointer; font:inherit; }
.oc-family-tabs button.active { background:#346bed; border-color:#5c8bff; color:white; }
.oc-family-tabs button:hover { border-color:#7599e7; }
.oc-family-tabs button:focus-visible, .oc-reset-filters:focus-visible { outline:2px solid #8cb4ff; outline-offset:3px; }
.oc-reset-filters { background:none; border:0; color:#a9c8ff; text-decoration:underline; cursor:pointer; font:inherit; }