/* ココのコイン落とし — official website refresh */
:root{--ink:#47382e;--coral:#e45d44;--paper:#fffaf0;--gold:#c19a46;--line:#e9decb;--muted:#81776c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body.cococo-home{margin:0;background:var(--paper);color:var(--ink);font:15px/1.9 "M PLUS 1p","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;overflow-x:clip}a{color:#ad452e}a:hover{text-decoration:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #307c92;outline-offset:5px}button{font:inherit;cursor:pointer}img{vertical-align:middle}section{position:relative;padding:90px 28px;clear:both}section>header, #sec00>header{text-align:center;margin:0 auto 35px}.eyebrow{font:700 10px/1.8 Arial,sans-serif;letter-spacing:3px;color:#976d31;text-align:center}section h2,#sec00 h2{width:auto;font:700 clamp(28px,3.3vw,43px)/1.4 Georgia,"Yu Mincho",serif;letter-spacing:3px;margin:8px auto 28px;text-align:center}section h2 small,#sec00 h2 small{display:block;font:500 13px/1.8 "M PLUS 1p",sans-serif;letter-spacing:2px;margin-top:12px}section h2 span{padding:0}#header{position:relative;width:100%;z-index:30;background:#fffdf8;border-bottom:1px solid var(--line)}#headerWrap{height:86px;max-width:1400px;margin:auto;padding:12px 36px;display:flex;align-items:center;gap:30px}#header .brand{display:block;width:180px;flex-shrink:0}#site-nav{display:flex;justify-content:center;gap:27px;flex:1}#site-nav a{font:700 11px Arial,sans-serif;letter-spacing:1.2px;color:var(--ink);padding:15px 0}#site-nav a:hover{color:var(--coral)}.nav-download{background:var(--coral);color:#fff;padding:13px 23px;border-radius:4px;font-size:12px;font-weight:700;white-space:nowrap}.nav-download span{margin-left:15px}.menu-toggle{display:none}.skip-link{position:fixed;top:-100px;left:10px;background:white;padding:10px;z-index:99}.skip-link:focus{top:5px}
section.hero{min-height:660px;max-width:none;padding:70px max(6vw,30px) 65px;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden;background:radial-gradient(ellipse at 77% 40%,#ffe9ad 0,transparent 45%),linear-gradient(110deg,#fffdf6,#fff6df)}.hero:before{content:"";position:absolute;inset:15px;border:1px solid #ceaa5d55;pointer-events:none}.hero-content{position:relative;z-index:3;max-width:610px;text-align:center;justify-self:end;width:100%}.hero-content .eyebrow{letter-spacing:2.7px;font-size:10px;margin-bottom:24px}.hero-logo{width:440px;max-width:95%;filter:drop-shadow(0 9px 0 #fff8)}.hero h1{font-size:clamp(23px,2.6vw,38px);line-height:1.6;font-weight:800;letter-spacing:1px;margin:25px 0 18px}.hero h1 em{font-style:normal;color:var(--coral)}.hero-description{font-size:13px;line-height:2.1}.store-buttons{display:flex;justify-content:center;gap:13px;margin:25px 0 8px;scroll-margin-top:110px}.store-buttons a{display:block;width:170px;transition:transform .2s}.store-buttons a:hover{transform:translateY(-4px)}.store-buttons img{width:100%}.platform-note{font-size:11px;letter-spacing:2px;color:var(--muted)}.hero-visual{height:520px;position:relative;z-index:2;max-width:620px;width:100%}.hero-visual>img{position:absolute;width:100%;height:110%;object-fit:contain;top:-7%;left:1%;filter:drop-shadow(0 22px 20px #8c552322)}.hero-caption{position:absolute;right:0;top:12%;writing-mode:vertical-rl;font-size:17px;font-weight:700;letter-spacing:5px;z-index:2}.character-label{position:absolute;right:7%;bottom:0;font:italic 64px Georgia,serif;color:#a67b30;letter-spacing:6px}.character-label small{display:block;font:11px sans-serif;letter-spacing:5px;text-align:right}.hero-orbit{position:absolute;width:600px;height:600px;border:1px solid #c29e4050;border-radius:50%;left:52%;top:25px;box-shadow:0 0 0 35px #e9c67310,0 0 0 65px #e9c67310}.hero-orbit:before{content:"";position:absolute;inset:28px;border:1px dashed #c29e4040;border-radius:50%}.coin{position:absolute;z-index:4;width:62px;height:62px;border-radius:50%;background:linear-gradient(135deg,#ffe997,#eab855);border:5px double #b88529;box-shadow:3px 6px 0 #bf892d55;color:#b58224;text-align:center;line-height:50px;font-size:30px}.coin-one{right:42%;top:17%;transform:rotate(-20deg)}.coin-two{right:5%;bottom:18%;transform:rotate(20deg);width:48px;height:48px;line-height:38px;font-size:24px}.hero-spark{position:absolute;right:8%;top:9%;font-size:70px;color:#d3a248}.scroll-hint{position:absolute;bottom:22px;left:6%;font:9px Arial;letter-spacing:2px;color:var(--muted)}.scroll-hint span{margin-left:18px}.ribbon{background:var(--coral);color:#fff4e3;padding:15px 20px;font:700 10px/1.4 Arial,sans-serif;letter-spacing:3px;text-align:center;overflow:hidden;white-space:nowrap}.ribbon span{margin:0 35px;color:#ffdb88}
#sec00{max-width:1030px!important;margin:0 auto!important;padding:75px 28px!important;background:none!important}#headline{padding:0;background:none;border-radius:0}.news-list{max-height:350px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d7b9a2 transparent;border-top:1px solid var(--line)}#headline li{padding:20px 16px;border-bottom:1px solid var(--line);font-size:13px;line-height:1.9}.news-list li:first-child{background:#fff3e3;border-left:3px solid var(--coral)}.news-list li time{font:700 12px Arial;color:#a3743a;display:block;margin-bottom:7px;letter-spacing:1px}.news-list li[hidden]{display:none}.news-toggle{display:block;margin:25px auto 0;background:transparent;border:1px solid #c8b69a;padding:12px 45px;border-radius:3px;font-size:12px;color:var(--ink)}
#sec02{padding:80px 28px!important;background:#f3ecdE;background-image:none}#sec02 header{display:block}.heading-img{max-width:470px;margin:0 auto 25px}.system-image{max-width:900px;padding:24px 40px;background:#fffaf0;border:1px solid #e1cda7;border-radius:16px;box-shadow:0 12px 40px #6a48290b}.download-links{background:none;max-width:430px;padding:0;margin:35px auto 0;display:flex;justify-content:center;gap:12px}.download-links img{max-width:170px;width:100%}.download-links a{max-width:46%}p.review{display:none}#mainImg{height:auto;min-height:590px;background:#332e3f;position:relative}#mainImg>img{width:100%;height:100%;inset:0;object-fit:cover;object-position:center 49%;opacity:.35}section#sec01{position:relative;background:linear-gradient(90deg,#211c31d9,#211c3166,#211c31d9);width:100%;height:auto;padding:85px 25px;color:#fffaf0;font-weight:400}#sec01 .eyebrow{color:#edcd86}#sec01 .innerS{max-width:750px;width:100%;font-size:14px;line-height:2.2;padding:0;text-shadow:0 2px 4px #211c31}#sec01 h2{color:#fffaf0}
#sec03{background:radial-gradient(ellipse at 35% 60%,#fce4ce,transparent 65%),#fffaf0}#sec03 .coco-stand{max-width:840px}#sec03 img{margin:0;width:100%}#sec03 video{width:min(100%,440px);margin:35px auto 0;border-radius:12px}#secBooth{background:#f3ede5;background-image:none}.fun-wrapper{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;max-width:1120px;width:100%;margin:auto;overflow:visible}.fun-float{float:none;width:auto;min-width:0;margin:0}.fun-img-wrapper{height:260px;width:100%;background:#fffcf6;padding:12px;border:1px solid #e7dccd;border-radius:6px;overflow:hidden}.fun-img-wrapper a{display:block;height:100%}.fun-img-wrapper img,.fun-img-wrapper video{width:100%;height:100%;object-fit:contain;transition:transform .3s}.fun-img-wrapper a:hover img{transform:scale(1.035)}.fun-float p{font-size:11px;line-height:1.8;margin-top:12px;color:var(--muted)}
#ranking{background:#fffaf0}.rank-columns{display:grid;grid-template-columns:1fr 1fr;gap:25px;max-width:1120px;margin:auto}.ranking-nya,.ranking-ryugu{padding:25px;margin:0;background:#fff3df;border:1px solid #e7d5b5;border-radius:10px;min-width:0}.ranking-ryugu{background:#edf5f4;border-color:#cce2df}#ranking .rank-columns h2{font:700 13px/1.8 sans-serif;letter-spacing:0;margin:10px 0 15px}#ranking iframe{background:#fffdf9;border-radius:5px;margin-bottom:15px}header.ranking-link{background:var(--ink);width:fit-content;margin:30px auto 0;border-radius:4px;padding:14px 30px;filter:none}.ranking-link h2{font:700 13px/1.8 sans-serif;letter-spacing:1px;margin:0}#sec04,#secFAQ{background:#f6f0e6;background-image:none}#sec04 h2,#secFAQ h2,#secArticle h2,#secCredit h2,#enquete h2{font-size:26px;letter-spacing:1px}.faq-wrapper{width:100%;max-width:900px;margin:auto}.faq{border:0;border-bottom:1px solid #ded1bf;margin:0;padding:0;background:transparent}.question{background:none!important;color:var(--ink)!important;padding:22px 35px 22px 8px!important;font-weight:700;cursor:pointer;font-size:14px;position:relative;list-style:none}.question::-webkit-details-marker{display:none}.question:after{content:"＋";position:absolute;right:6px;top:20px;color:var(--coral)}details[open]>.question:after{content:"−"}.answer{background:#fffcf5!important;padding:0 25px 25px!important;font-size:13px;line-height:2}.faq[open]{background:#fffcf5}.faq[open] .question{padding-left:25px!important}#secArticle{background:#fffaf0;padding:70px 25px}#secArticle .articles{max-width:900px;padding:0}.articles li{text-align:left;padding:15px;border-bottom:1px solid var(--line)}.articles li a{color:#ad452e}.credit{width:100%;max-width:900px}#secCredit{padding:70px 25px;background:#f3ede5;min-width:0}table.credit td{padding:20px 12px;border-bottom:1px solid #e2d7c8;font-size:13px;overflow-wrap:anywhere}td.credit-type{width:150px}.credit p{padding:10px 0}#enquete{background:#fffaf0;padding:70px 25px}#enquete iframe{display:block;margin:25px auto;max-width:700px;background:white;border:1px solid var(--line);border-radius:8px}#footer{background:#42372f;color:#f1e4cd;padding:45px 25px;font-size:11px}#footer a{color:#edd0a4}.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 25px;max-width:900px;margin:0 auto 35px;font-size:12px}
@media(min-width:1600px){section.hero{padding-left:calc((100vw - 1400px)/2);padding-right:calc((100vw - 1400px)/2)}}
@media(max-width:1000px){#headerWrap{padding:12px 22px;gap:18px}#header .brand{width:145px}#site-nav{gap:16px}#site-nav a{font-size:10px}.nav-download{padding:11px 14px}.hero-visual{height:440px}.hero-caption{right:-10px}.hero-content .eyebrow{font-size:8px;letter-spacing:1.7px}.coin-one{right:44%;top:14%;width:42px;height:42px;line-height:32px;font-size:22px}.fun-wrapper{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){html{scroll-padding-top:80px}#header{position:sticky;top:0}#headerWrap{height:67px;padding:8px 16px;justify-content:space-between}#header .brand{width:125px}.nav-download{margin-left:auto;padding:8px 11px;font-size:10px}.nav-download span{display:none}.menu-toggle{display:flex;align-items:center;gap:7px;order:3;background:none;border:0;font-size:9px;letter-spacing:1px;color:var(--ink);padding:8px}.menu-toggle span{font-size:20px}#site-nav{display:none;position:absolute;top:67px;left:0;right:0;background:#fffaf0;padding:18px 25px;border-bottom:1px solid var(--line)}#site-nav.is-open{display:flex;flex-wrap:wrap;gap:4px 25px}#site-nav a{padding:14px 0;font-size:11px}section.hero{display:flex;flex-direction:column;padding:38px 24px 55px;min-height:0;isolation:isolate}.hero-content{max-width:100%;display:contents}.hero-content .eyebrow{order:0;font-size:8px;letter-spacing:1.6px;margin-bottom:14px}.hero-logo{order:1;width:290px}.hero-visual{order:2;height:325px;max-width:360px;margin:12px auto -15px}.hero-visual>img{height:110%;width:100%;left:-4%;top:-2%}.hero-caption{right:0;top:14%;font-size:12px;letter-spacing:3px}.character-label{font-size:40px;right:3%;bottom:16px}.character-label small{font-size:9px}.hero h1{order:3;font-size:24px;margin:14px 0 12px;text-align:center;position:relative;z-index:3}.hero-description{order:4;text-align:center;font-size:11px}.store-buttons{order:5;width:100%;gap:12px;margin:20px 0 8px}.store-buttons a{width:145px}.platform-note{order:6;font-size:9px;text-align:center}.hero-orbit{width:380px;height:380px;left:calc(50% - 190px);top:145px}.coin-one{top:30%;left:8%;right:auto}.coin-two{right:10%;bottom:35%}.hero-spark{font-size:34px;right:8%;top:23%}.scroll-hint{bottom:18px;left:0;width:100%;text-align:center;font-size:7px}.ribbon{font-size:8px;padding:13px;letter-spacing:1.5px}.ribbon span{margin:0 12px}section{padding:60px 20px}section>header,#sec00>header{margin-bottom:25px}section h2,#sec00 h2{font-size:30px}section h2 small{font-size:11px}#sec00{padding:55px 20px!important}#headline li{font-size:12px;padding:18px 12px}.news-list{max-height:380px}#sec02{padding:55px 20px!important}.system-image{padding:20px 12px;border-radius:8px}.heading-img{max-width:310px}#mainImg{min-height:0}section#sec01{padding:60px 24px}#sec01 .innerS{font-size:12px;line-height:2}.fun-wrapper{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.fun-img-wrapper{height:215px;padding:8px}.fun-float p{font-size:10px}.rank-columns{grid-template-columns:1fr}.ranking-nya,.ranking-ryugu{padding:18px}#sec04 h2,#secFAQ h2,#secArticle h2,#secCredit h2,#enquete h2{font-size:22px}.question{font-size:13px}.answer{font-size:12px}table.credit td{padding:15px 8px;font-size:11px}td.credit-type{width:85px}.credit p{font-size:11px}.download-links img{max-width:145px}.footer-links{gap:15px 20px}.articles li{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Updated supplied artwork: retain the complete landscape illustration. */
section.hero{grid-template-columns:.9fr 1.3fr;gap:35px;min-height:620px}
.hero-visual{height:auto;aspect-ratio:1024/500;max-width:820px}
.hero-visual>img{position:relative;inset:auto;width:100%;height:auto;object-fit:contain;border-radius:12px;border:5px solid #fffaf0;box-shadow:0 15px 50px #68441d26;filter:none}
.hero-caption,.character-label,.hero-spark,.coin,.hero-orbit{display:none}
#sec03 .coco-stand{max-width:520px}
@media(max-width:760px){section.hero{gap:0;min-height:0}.hero-visual{height:auto;aspect-ratio:1024/500;max-width:100%;width:100%;margin:22px auto 8px}.hero-visual>img{position:relative;inset:auto;width:100%;height:auto;border-width:3px;border-radius:8px}.hero h1{margin-top:15px}#sec03 .coco-stand{max-width:380px}}

/* Night casino: midnight, champagne gold and restrained neon. */
:root{--ink:#e9edf7;--coral:#eabf78;--paper:#0d101c;--gold:#eabf78;--line:#ffffff19;--muted:#a5aec5}
body.cococo-home{background:#0d101c;color:var(--ink)}a{color:#eac78e}a:hover{color:#fff1cb}a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#77e1ec}
#header{position:sticky;top:0;background:#0c101cf5;border-bottom:1px solid #d6ae6438;backdrop-filter:blur(16px)}#headerWrap{max-width:1600px;gap:28px;height:84px}#site-nav{align-items:center;gap:24px}#site-nav a{color:#cad1e0;font-size:10px;letter-spacing:1.5px}#site-nav a:hover{color:#f5d395}#header .brand{width:158px}.nav-download{background:linear-gradient(120deg,#efd092,#c99c52);color:#171a27;border:1px solid #f4dca2;border-radius:2px;box-shadow:0 0 24px #dfaa4d12}.nav-download:hover{color:#171a27;background:#f5dca5}.menu-toggle{color:#e9edf7}.skip-link{background:#171d2b;color:#fff}
.nav-more{position:relative}.nav-more>summary{list-style:none;cursor:pointer;font:700 10px/1.5 Arial,sans-serif;letter-spacing:1.5px;color:#cad1e0;padding:15px 0;white-space:nowrap}.nav-more>summary::-webkit-details-marker{display:none}.nav-more>summary:after{content:'＋';margin-left:8px;color:#eac78e}.nav-more[open]>summary:after{content:'−'}.more-panel{position:absolute;right:-90px;top:calc(100% + 12px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;width:360px;padding:18px 24px;background:#141a2c;border:1px solid #d6ae6455;box-shadow:0 20px 50px #0008;border-radius:3px}#site-nav .more-panel a{display:block;padding:13px 0;font-size:12px;font-weight:500;letter-spacing:.5px;border-bottom:1px solid #ffffff10}.nav-more:not([open]) .more-panel{display:none}
section.hero{min-height:680px;padding-top:60px;padding-bottom:70px;background:radial-gradient(ellipse at 70% 60%,#40143580,transparent 55%),radial-gradient(ellipse at 90% 10%,#113b494f,transparent 40%),#0c101c;grid-template-columns:.9fr 1.35fr;gap:38px}section.hero:before{inset:18px;border-color:#b9955033}.hero:after{content:'';position:absolute;bottom:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,#e7bf7c80,transparent)}.hero-content .eyebrow{color:#d4b780;letter-spacing:2.4px}.hero-logo{filter:drop-shadow(0 5px 24px #f1b1441a)}.hero h1{font-size:clamp(24px,2.35vw,36px);font-weight:800;letter-spacing:1px;color:#f2f3f9}.hero h1 em{color:#efc984}.hero-description{color:#b4bdd0}.platform-note{color:#9da9c2}.hero-visual{position:relative;max-width:880px;transform:rotate(-2deg);isolation:isolate}.hero-visual:before{content:'';position:absolute;inset:-12px 15px;border:1px solid #e8bf6c66;transform:rotate(4deg);z-index:-1}.hero-visual>img{border:1px solid #f1d49455;border-radius:3px;box-shadow:0 20px 80px #0008,0 0 55px #c9376b16}.scroll-hint{color:#9ba6bb}.store-buttons a{border:1px solid #fff3;border-radius:6px;overflow:hidden;background:#000}.ribbon{background:linear-gradient(90deg,#191a2b,#242033,#191a2b);border-top:1px solid #d7b57933;border-bottom:1px solid #d7b57933;color:#d8bd91;letter-spacing:2.4px}.ribbon span{color:#76cbd4}
.eyebrow{color:#c7a56e}section h2,#sec00 h2{font-family:Arial,"Hiragino Kaku Gothic ProN",sans-serif;font-weight:700;letter-spacing:5px;color:#f2f1f6}section h2 small,#sec00 h2 small{color:#9da9c2;font-size:12px;letter-spacing:2px}.news-list{scrollbar-color:#70604a #111625}#headline li{color:#c1c9d9;border-color:#ffffff17;padding-top:22px;padding-bottom:22px}.news-list li:first-child{background:linear-gradient(100deg,#dfb36a0e,transparent);border-left-color:#d4b57e}.news-list li time{color:#e5c48a}.news-toggle{border-color:#b89c6a77;color:#e5c48a;border-radius:2px}.news-toggle:hover{background:#d4b57e12}
#ranking{background:linear-gradient(180deg,#101522,#0e1220);border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d}.ranking-nya,.ranking-ryugu{background:#171c2a;border:1px solid #c7a56e40;border-radius:4px;box-shadow:0 14px 35px #0002}.ranking-ryugu{background:#141e2b;border-color:#75c9d03d}#ranking .rank-columns h2{color:#e8cf9f;font-size:12px}#ranking .ranking-ryugu h2{color:#9ad4da}#ranking iframe{border:1px solid #ffffff26;border-radius:2px}header.ranking-link{background:transparent;border:1px solid #b89c6a77;border-radius:2px}.ranking-link a{color:#e5c48a}.ranking-link:hover{background:#d4b57e12}
#sec02{background:radial-gradient(ellipse at 50% 60%,#1b253e,#0d101c);border-bottom:1px solid #ffffff0b}.system-image{background:#161e30;border:1px solid #c7a56e40;border-radius:4px;box-shadow:0 20px 70px #0004}.heading-img{filter:drop-shadow(0 2px 8px #0006)}#mainImg{background:#070a14}#mainImg>img{opacity:.55}section#sec01{background:linear-gradient(90deg,#080c1bea,#080c1b77,#080c1bea)}#sec01 h2 small{color:#d6cadb}#sec01 .innerS{color:#dee0ee}
#sec03{background:radial-gradient(ellipse at 45% 55%,#34306066,transparent 50%),radial-gradient(ellipse at 65% 75%,#66344433,transparent 50%),#101522}#sec03 .coco-stand>img{filter:drop-shadow(0 20px 35px #0005)}#secBooth{background:#0d111e}.fun-img-wrapper{background:#192033;border-color:#ffffff17;border-radius:3px;padding:10px}.fun-float p{color:#98a5bf}.fun-float p a{color:#dec393}
#sec04,#secFAQ{background:#111726}.faq{border-color:#ffffff19}.question{color:#dfe3ee!important}.question:after{color:#d9b679}.answer{background:#171f30!important;color:#b8c3d8}.faq[open]{background:#171f30}.faq[open] .question{color:#efd8ad!important}#secArticle{background:#0d111e}.articles li{border-color:#ffffff17}.articles li a{color:#d9c299}#secCredit{background:#111726}table.credit td{border-color:#ffffff17;color:#bcc6d8}td.credit-type{color:#e1cba1!important}.credit a{color:#dec393}#enquete{background:#0d111e}#enquete iframe{border-color:#ba9c6b55;border-radius:3px}#footer{background:#080c16;border-top:1px solid #d6ae6433;color:#8692aa}#footer a{color:#b8bfd0}.footer-links a:hover{color:#efd092}
@media(min-width:761px) and (max-width:1100px){#headerWrap{height:72px}#header .brand{width:140px}.menu-toggle{display:flex;align-items:center;gap:8px;order:3;background:none;border:0;font-size:10px;letter-spacing:1px;padding:10px}.menu-toggle span{font-size:20px}.nav-download{margin-left:auto}#site-nav{display:none;position:absolute;top:72px;left:0;right:0;background:#111727;padding:22px 30px;border-bottom:1px solid #b89c6a55}#site-nav.is-open{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:4px 28px}#site-nav a{padding:14px 0}.nav-more{width:100%}.more-panel{position:static;width:100%;margin-top:10px;grid-template-columns:repeat(3,minmax(0,1fr));box-shadow:none}.nav-more>summary{width:fit-content}section.hero{gap:25px;min-height:600px;padding-left:35px;padding-right:35px}.hero h1{font-size:25px}.hero-content .eyebrow{font-size:8px;letter-spacing:1.4px}}
@media(max-width:760px){#headerWrap{height:67px}#header .brand{width:125px}#site-nav{background:#111727;border-bottom:1px solid #b89c6a55;max-height:calc(100dvh - 67px);overflow-y:auto;justify-content:flex-start;gap:4px 24px}#site-nav a{font-size:11px;color:#d4dbeb}.nav-more{width:100%}.nav-more>summary{font-size:11px;padding:15px 0}.more-panel{position:static;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));padding:8px 14px;margin:5px 0 12px;box-shadow:none}#site-nav .more-panel a{font-size:11px}.nav-download{color:#141a29;box-shadow:none}.menu-toggle{color:#d4dbeb}section.hero{min-height:0;padding:34px 20px 55px;gap:0;background:radial-gradient(ellipse at 60% 45%,#40204770,transparent 65%),#0c101c}.hero-content .eyebrow{font-size:7px;letter-spacing:1.6px}.hero-logo{width:265px}.hero-visual{width:100%;max-width:560px;transform:none;margin:25px auto 18px}.hero-visual:before{inset:-7px 7px;transform:rotate(2deg)}.hero-visual>img{border-width:1px;border-radius:2px}.hero h1{font-size:23px;margin:12px 0}.hero-description{font-size:11px}.ribbon{font-size:7px;letter-spacing:1.4px}.system-image{padding:20px 12px}#sec03 .coco-stand{max-width:380px}.rank-columns{gap:20px}}

/* Luminous casino lights, with bright reading surfaces. */
body.cococo-home{background:#edf4fc;color:#213952}
#header{background:#172c4af2;border-bottom-color:#f4ce8080;box-shadow:0 3px 28px #69dce922}#headerWrap{border-bottom:1px solid #ffffff0a}#site-nav a{color:#eef6ff}#site-nav a:hover{color:#ffe4a2}.nav-more>summary{color:#eef6ff}.more-panel{background:#213957;border-color:#ebc67988}#site-nav .more-panel a{color:#edf6ff}.nav-download{box-shadow:0 0 24px #efc46344}
section.hero{background:radial-gradient(ellipse at 82% 30%,#efb75455,transparent 48%),radial-gradient(ellipse at 70% 90%,#d04d9e66,transparent 50%),radial-gradient(ellipse at 0 20%,#28cbe85c,transparent 55%),linear-gradient(125deg,#203d66,#283454 60%,#3d3655)}.hero:before{border-color:#efd28f66;box-shadow:inset 0 0 40px #47d4ed08}.hero-content .eyebrow{color:#ffe3aa}.hero h1{color:#fff}.hero h1 em{color:#ffe0a0;text-shadow:0 0 28px #e8bd6740}.hero-description{color:#e6edff}.platform-note,.scroll-hint{color:#c9dcf0}.hero-visual>img{box-shadow:0 20px 50px #11204066,0 0 45px #f3cb633b;border-color:#ffe9ae}.hero-visual:before{border-color:#97f3fa99}.ribbon{background:linear-gradient(90deg,#24657c,#414b77,#7a4b78);color:#fff1c6;border-color:#a7e8f18c;box-shadow:0 0 25px #6fdde622}.ribbon span{color:#bafcff}
#sec00{color:#263b55}#sec00 .eyebrow{color:#8a6630}#sec00 h2{color:#1c3555}#sec00 h2 small{color:#60758c}#headline li{color:#30465c;border-color:#cfdae7;background:transparent}.news-list{border-color:#cbd8e7;scrollbar-color:#a9bccd #e6eef6}.news-list li:first-child{background:linear-gradient(100deg,#fff7e3,#fffdf8);border-left-color:#c09439}#headline li time{color:#865f20}#headline a{color:#14637f}.news-toggle{color:#294b69;border-color:#819bb4;background:#f9fcff}.news-toggle:hover{background:#e1edf8}
#ranking{background:radial-gradient(ellipse at 20% 0,#fff0be99,transparent 55%),radial-gradient(ellipse at 80% 100%,#93e8ef66,transparent 65%),#e7eff9;border-color:#c8d7e7}#ranking h2{color:#1e3959}#ranking h2 small{color:#57718c}#ranking .eyebrow{color:#826531}.ranking-nya{background:#fffaf0;border:1px solid #ddc48e;box-shadow:0 12px 35px #748aa51c}.ranking-ryugu{background:#f3fdff;border-color:#8fcbd7}#ranking .rank-columns h2{color:#785d23}#ranking .ranking-ryugu h2{color:#24657b}header.ranking-link{background:#1c395a;border-color:#618398}.ranking-link a{color:#fff3cd}
#sec02{background:radial-gradient(ellipse at 15% 0,#c8eaff,transparent 50%),radial-gradient(ellipse at 85% 70%,#ffedbf77,transparent 55%),#f8fbff;border-bottom:1px solid #cbdde9}#sec02 h2{color:#203c5e}#sec02 h2 small{color:#567086}#sec02 .eyebrow{color:#87672f}.heading-img{display:none}.system-stages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;max-width:1180px;margin:0 auto}.stage-card{margin:0;background:#fff;border:1px solid #bfd2e2;border-radius:14px;overflow:hidden;box-shadow:0 12px 38px #385a7917}.stage-card>a{display:block}.stage-card img{display:block;width:100%;height:auto}.stage-card figcaption{padding:24px 28px 28px;color:#28445d}.stage-card figcaption>span{font:700 10px Arial;letter-spacing:2px;color:#93702e}.stage-card h3{font-size:20px;margin:9px 0 12px;font-weight:800}.stage-card p{font-size:15px;line-height:1.9}.stage-card small{display:block;margin-top:15px;font-size:11px;color:#617b92}
#sec03{background:radial-gradient(ellipse at 22% 45%,#c7efff,transparent 48%),radial-gradient(ellipse at 80% 25%,#f1dbf6,transparent 52%),linear-gradient(125deg,#e5f0fa,#faf7ef);border-top:1px solid #ffffff;border-bottom:1px solid #cbd9eb}#sec03 h2{color:#213c5d}#sec03 h2 small{color:#597187}#sec03 .eyebrow{color:#8c6c31}.character-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:45px;max-width:1050px;margin:auto;align-items:center}.character-portrait{max-width:530px;position:relative}.character-portrait img{filter:drop-shadow(0 18px 22px #544a7225)}.profile-card{position:relative;background:linear-gradient(135deg,#fff,#fff9ed);border:1px solid #d3bc85;border-radius:8px;padding:38px 40px;box-shadow:0 20px 55px #364b6a1c}.profile-card:before{content:'';position:absolute;inset:8px;border:1px solid #dec99566;border-radius:3px;pointer-events:none}.profile-kicker{font:700 10px Arial;letter-spacing:3px;color:#917137}.profile-card h3{font-size:50px;font-weight:800;line-height:1.2;color:#233a59;margin:16px 0 9px;letter-spacing:4px}.profile-card h3 span{font:italic 22px Georgia;color:#b08b43;letter-spacing:3px;margin-left:10px}.profile-voice{color:#4c647c;font-size:14px;margin-bottom:24px}.profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.profile-stats>div{padding:17px 0;border-top:1px solid #dedcca}.profile-stats dt{font-size:12px;color:#687989;letter-spacing:1px}.profile-stats dd{font-size:25px;font-weight:700;color:#253d59;line-height:1.6}.profile-stats dd span{font-size:14px;font-weight:500;margin-left:5px}.profile-stats .profile-favorites dd{font-size:18px;margin-top:5px}.profile-stats .profile-kick{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #cdb16b;margin-top:10px}.profile-kick dd{color:#8e6124;font-size:48px;line-height:1.4}.profile-kick dd span{font-size:18px}.profile-stats .profile-kick dt{color:#7d622e}.character-video:empty{display:none}
#secBooth{background:radial-gradient(ellipse at 0 20%,#3191ab66,transparent 50%),radial-gradient(ellipse at 100% 80%,#ae649044,transparent 55%),#263f61}#secBooth .eyebrow{color:#ffe0a5}#secBooth h2 small{color:#d0e6f4}.fun-img-wrapper{background:#fffdf8;border-color:#dfca91;padding:10px;box-shadow:0 10px 24px #0d234433}.fun-float p{color:#e0ebf7}.fun-float p a{color:#ffe4ac}
#sec04,#secFAQ{background:#f3f7fc;color:#29435a}#sec04 h2,#secFAQ h2{color:#263f60}.faq{border-color:#ccdbe8}.question{color:#2a435b!important}.question:after{color:#95702c}.faq[open]{background:#fff;box-shadow:0 5px 24px #5676960c}.faq[open] .question{color:#825f20!important}.answer{background:#fff!important;color:#344c62}.answer a{color:#15637f}#secArticle{background:#e8f0f9}#secArticle h2{color:#294463}.articles li{border-color:#ccd8e6}.articles li a{color:#23617c}#secCredit{background:#f9fbfe}#secCredit h2{color:#294463}table.credit td{border-color:#d5dfe8;color:#364e65}td.credit-type{color:#88682f!important}.credit a{color:#23617c}#enquete{background:linear-gradient(140deg,#dcecf9,#f4e6ef)}#enquete h2{color:#294463}#footer{background:linear-gradient(110deg,#193655,#2c3552);color:#bed0e2;border-top-color:#dbbc7a}.footer-links a,#footer a{color:#f2dfb8}
@media(max-width:1100px){#site-nav{background:#213957}#site-nav a,.nav-more>summary{color:#f1f6ff}.more-panel{background:#294364}}
@media(max-width:760px){section.hero{background:radial-gradient(ellipse at 0 10%,#40cbe957,transparent 60%),radial-gradient(ellipse at 100% 55%,#d159a459,transparent 60%),#253c60}.system-stages{grid-template-columns:1fr;gap:25px}.stage-card figcaption{padding:20px}.stage-card h3{font-size:19px}.stage-card p{font-size:14px}.character-layout{grid-template-columns:1fr;gap:10px}.character-portrait{width:min(90%,380px);margin:auto}.profile-card{padding:30px 25px;width:100%;max-width:480px;margin:auto}.profile-card h3{font-size:42px}.profile-stats{gap:0 18px}.profile-stats dd{font-size:23px}.profile-kick dd{font-size:42px}.profile-stats .profile-favorites dd{font-size:17px}#sec03{padding-left:20px;padding-right:20px}.menu-toggle{color:#fff}}

/* Hero-only motion: soft changing light and drifting gold bloom. */
.hero .hero-atmosphere,.hero .hero-sparkles{position:absolute;inset:0;overflow:hidden;pointer-events:none;user-select:none;border-radius:inherit}
.hero .hero-atmosphere{z-index:0}
.hero .hero-atmosphere::before,.hero .hero-atmosphere::after{content:"";position:absolute;inset:-30%;pointer-events:none;animation:hero-light-flow 24s ease-in-out infinite alternate;transform-origin:center}
.hero .hero-atmosphere::before{background:radial-gradient(ellipse at 20% 40%,#40d8ff66,transparent 48%),radial-gradient(ellipse at 75% 55%,#b975ea55,transparent 48%),radial-gradient(ellipse at 60% 30%,#ffd38338,transparent 40%)}
.hero .hero-atmosphere::after{background:radial-gradient(ellipse at 70% 65%,#e783c44d,transparent 45%),radial-gradient(ellipse at 30% 60%,#5fafff50,transparent 45%);animation-name:hero-light-return;animation-duration:31s}
.hero .hero-sparkles{z-index:1}
.hero .hero-sparkle{position:absolute;left:var(--spark-x);top:var(--spark-y);width:var(--spark-size);height:var(--spark-size);border-radius:50%;background:#fff4c4;box-shadow:0 0 5px 1px #ffe5aacc,0 0 14px 4px #ffc65c66,0 0 27px 7px #efb34522;opacity:0;animation:hero-gold-drift var(--spark-duration) linear var(--spark-delay) infinite}
.hero .hero-sparkle:nth-child(5n)::before,.hero .hero-sparkle:nth-child(5n)::after{content:"";position:absolute;top:50%;left:50%;background:linear-gradient(90deg,transparent,#fff1b8,transparent);transform:translate(-50%,-50%);height:1px;width:13px;box-shadow:0 0 5px #ffcc6c88}
.hero .hero-sparkle:nth-child(5n)::after{transform:translate(-50%,-50%) rotate(90deg)}
.hero .hero-content{z-index:3}.hero .hero-visual{z-index:2}.hero .hero-content>*{position:relative;z-index:3}.hero .scroll-hint{z-index:3}
@keyframes hero-light-flow{0%{transform:translate3d(-5%,-3%,0) scale(1);opacity:.55}50%{opacity:.95}100%{transform:translate3d(7%,5%,0) scale(1.12);opacity:.65}}
@keyframes hero-light-return{0%{transform:translate3d(6%,3%,0) scale(1.1);opacity:.3}50%{opacity:.65}100%{transform:translate3d(-7%,-4%,0) scale(1);opacity:.8}}
@keyframes hero-gold-drift{0%{transform:translate3d(-55px,35px,0) scale(.45);opacity:0}15%{opacity:.55}35%{transform:translate3d(10px,12px,0) scale(.9);opacity:.3}55%{opacity:.85}75%{transform:translate3d(85px,-12px,0) scale(1.05);opacity:.4}100%{transform:translate3d(160px,-55px,0) scale(.5);opacity:0}}
.hero[data-motion-paused="true"] .hero-sparkle,.hero[data-motion-paused="true"] .hero-atmosphere::before,.hero[data-motion-paused="true"] .hero-atmosphere::after{animation-play-state:paused}
@media(max-width:760px){.hero .hero-sparkle:nth-child(n+13){display:none}.hero .hero-sparkle{box-shadow:0 0 5px 1px #ffe5aacc,0 0 12px 3px #ffc65c66}}
@media(prefers-reduced-motion:reduce){.hero .hero-atmosphere::before,.hero .hero-atmosphere::after{animation:none!important;opacity:.35}.hero .hero-sparkles{display:none}}

/* Moco character profile */
.character-moco{margin-top:64px;padding-top:56px;border-top:1px solid #b9cbd7}
.character-moco .character-portrait{width:100%;max-width:360px;justify-self:center}
.character-moco .character-portrait img{display:block;width:100%;height:auto}
.character-moco .profile-card{background:linear-gradient(135deg,#fff,#effaf4);border-color:#99b9a5}
.character-moco .profile-card:before{border-color:#99b9a566}
.character-moco .profile-kicker,.character-moco .profile-card h3 span{color:#56846d}
.character-moco .profile-stats{margin-top:24px}
@media(max-width:760px){.character-moco{margin-top:40px;padding-top:36px}.character-moco .character-portrait{max-width:260px}}

/* Character biographies: name, introduction, then profile details. */
#sec03 .character-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:36px}
#sec03 .profile-card{min-width:0;box-sizing:border-box;text-align:left;padding:34px 36px}
#sec03 .profile-card h3{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px}
#sec03 .profile-card h3 span{margin-left:0}
#sec03 .profile-voice{margin-bottom:18px}
#sec03 .profile-description{font-size:14px;font-weight:400;line-height:2;letter-spacing:.035em;color:#40566b;margin:18px 0 24px;overflow-wrap:anywhere;line-break:strict}
#sec03 .profile-stats{margin-top:0;gap:0 20px}
#sec03 .profile-stats>div{min-width:0;padding:14px 0}
#sec03 .profile-stats dd{margin-left:0}
#sec03 .profile-stats .profile-kick{padding-top:15px}
#sec03 .character-moco .profile-description{color:#405e50}
@media(max-width:760px){
  #sec03 .character-layout{grid-template-columns:minmax(0,1fr);gap:20px}
  #sec03 .profile-card{padding:28px 24px}
  #sec03 .profile-description{font-size:14px;line-height:1.95;margin:16px 0 22px}
}

/* Karna: lavender profile and a white portrait frame matching the supplied art. */
.character-karna{margin-top:64px;padding-top:56px;border-top:1px solid #b9cbd7}

#sec03 .character-karna .character-portrait img{display:block;width:100%;height:auto;filter:none}
#sec03 .character-karna .profile-card{background:linear-gradient(135deg,#fff,#f5effc);border-color:#bba5d0}
#sec03 .character-karna .profile-card:before{border-color:#bba5d066}
#sec03 .character-karna .profile-kicker,#sec03 .character-karna .profile-card h3 span{color:#84619d}
#sec03 .character-karna .profile-description{color:#574c68}
#sec03 .character-karna .profile-favorites{}
@media(max-width:760px){.character-karna{margin-top:40px;padding-top:36px}#sec03 .character-karna .character-portrait{max-width:300px}}