/* SUPER TOOL LAND / GAME CENTER — independent of original home CSS */
:root{--night:#080a2b;--panel:#111a4b;--line:#596bc8;--paper:#f7f4dc;--muted:#bfcbe9;--lime:#d9ff56;--cyan:#65f7ff;--pink:#ff6dab;--shadow:5px 5px 0 #030615}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 8% 12%,rgba(48,68,163,.26),transparent 38%),radial-gradient(circle at 95% 90%,rgba(130,25,116,.19),transparent 42%),#070928;color:var(--paper);font-family:system-ui,-apple-system,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;line-height:1.75;overflow-x:hidden;min-height:100vh}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.42;background-image:radial-gradient(2px 2px at 20px 31px,#a7c6ff 45%,transparent 65%),radial-gradient(2px 2px at 90px 113px,#f8da77 45%,transparent 65%),radial-gradient(1px 1px at 162px 88px,#fff 45%,transparent 65%);background-size:193px 163px}
a{color:inherit}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #fbff72;outline-offset:4px}
.shell{width:min(1160px,calc(100% - 40px));margin:auto}
.ticker{background:#ff63b4;color:#17052a;border-bottom:3px solid #f9e67d;font:700 12px/1.5 monospace;letter-spacing:.08em;text-align:center;padding:9px 12px}
.topnav{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:22px 0}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:900;letter-spacing:.02em}.brand-icon{font-size:31px;line-height:1;filter:drop-shadow(2px 2px #ff47a5)}.brand small{display:block;color:var(--cyan);font:700 10px/1.4 monospace;letter-spacing:.15em}
.toplinks{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.toplinks a{padding:8px 13px;border:1px solid #5a6eaa;border-radius:999px;text-decoration:none;font-size:12px;font-weight:750;color:#e6ecff}.toplinks a:hover{border-color:#e8eeff;background:rgba(255,255,255,.09)}
.micro{font:800 12px/1.5 monospace;letter-spacing:.2em;color:var(--cyan);text-transform:uppercase}
.pixel{font-family:Impact,"Arial Black",sans-serif;letter-spacing:.025em;font-weight:900;line-height:.97}
.rainbow{background:linear-gradient(100deg,#ff729e,#ffe25d,#7cffba,#75d5ff,#c595ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero{position:relative;overflow:hidden;border:3px ridge #8b9aff;background:linear-gradient(130deg,rgba(36,49,119,.95),rgba(12,18,57,.95)),#132250;border-radius:8px;box-shadow:var(--shadow);padding:clamp(24px,4vw,54px);margin:10px 0 32px}
.hero::after{content:"★  ★   ★   ★      ★  ★";position:absolute;right:-20px;top:-10px;font-size:25px;color:rgba(255,255,255,.06);letter-spacing:35px;transform:rotate(-15deg);pointer-events:none;white-space:nowrap}
.hero h1{font-size:clamp(42px,7.5vw,88px);margin:10px 0 12px;max-width:850px}.hero p{color:#e3edff;max-width:680px;font-size:clamp(14px,1.6vw,17px);line-height:1.95;margin:0 0 25px}
.chips{display:flex;flex-wrap:wrap;gap:7px;margin:19px 0}.chip{border:1px solid #7b90dc;border-radius:999px;padding:5px 11px;font-size:12px;font-weight:750;color:#d7e5ff;background:rgba(6,11,38,.55)}.chip.green{color:#dbff90;border-color:#778e45}.chip.pink{color:#ffb8e3;border-color:#c95d9d}
.cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 19px;font-weight:900;line-height:1.35;text-decoration:none;border:2px solid #fcffa9;border-radius:5px;background:#eaff60;color:#17183b;box-shadow:4px 4px 0 #000;transition:transform .15s,box-shadow .15s}.cta:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 #000}.cta.secondary{background:transparent;color:#ecf5ff;border-color:#8da2f6}
.bar{height:7px;margin:30px 0;background:linear-gradient(90deg,#ff547d,#ffe25d,#84ff70,#6cf3ff,#908dff,#f865ff)}
.section-title{display:flex;align-items:center;gap:14px;justify-content:space-between;margin:38px 0 18px;flex-wrap:wrap}.section-title h2{font:900 clamp(23px,3vw,34px)/1.3 system-ui,sans-serif;margin:0}.section-title small{font:700 11px monospace;color:#8eb7ff;letter-spacing:.1em}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.game-card{border:2px solid var(--line);background:linear-gradient(160deg,#182355,#0d1236);border-radius:8px;box-shadow:4px 4px 0 #040515;overflow:hidden;transition:transform .2s,border-color .2s;display:flex;flex-direction:column}
.game-card:hover{border-color:#fbe773;transform:translateY(-3px)}
.card-cover{min-height:195px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;border-bottom:2px solid #596bc8;isolation:isolate}
.card-cover .art{z-index:1;width:100%;height:100%;display:grid;place-items:center;position:absolute;inset:0}
.cover-mines{background:radial-gradient(circle at 70% 10%,#47c8be45,transparent 45%),repeating-linear-gradient(0deg,transparent 0 22px,#ffffff10 22px 23px),#1b3660}
.cover-mahjong{background:radial-gradient(circle at 10% 30%,#ffe5b12c,transparent 44%),repeating-linear-gradient(90deg,transparent 0 37px,#ffffff09 37px 38px),#154b40}
.cover-pachinko{background:radial-gradient(circle at 70% 40%,#ff91d350,transparent 45%),linear-gradient(135deg,#390a40,#171739)}
.cover-casino{background:radial-gradient(circle at 45% 50%,#d6a64b40,transparent 50%),linear-gradient(130deg,#10483d,#071d2d)}
.preview-grid{display:grid;grid-template-columns:repeat(7,25px);gap:3px;transform:rotate(-8deg);filter:drop-shadow(9px 12px 7px #0007)}
.preview-grid b{width:25px;height:25px;display:grid;place-items:center;background:#f2eee2;border-bottom:3px solid #b6af9d;color:#2852b2;font:bold 16px monospace;border-radius:3px}.preview-grid b:nth-child(3n){color:#c63546}.preview-grid b.closed{background:#a9c6dc;color:transparent;border-color:#5b7294}.preview-grid b.mine{color:#f7dd6b;background:#db4671}
.preview-tiles{display:flex;transform:rotate(-8deg);gap:6px;filter:drop-shadow(8px 13px 7px #0009)}.preview-tiles b{display:grid;place-items:center;background:#fffbee;color:#214332;border-right:5px solid #bacbb4;border-bottom:6px solid #a6afa0;border-radius:4px;width:48px;height:68px;font:bold 31px Georgia,serif}.preview-tiles b:nth-child(2){color:#ad3346}.preview-tiles b:nth-child(4){color:#2f789b}
.preview-machine{display:flex;align-items:end;gap:12px;transform:perspective(500px) rotateY(-15deg) rotateX(4deg)}.preview-machine div{position:relative;width:88px;height:142px;border:6px ridge #fbc851;border-radius:25px 25px 13px 13px;background:linear-gradient(135deg,#a70d56,#4d0b73);box-shadow:0 12px 18px #0008;display:grid;place-items:center}.preview-machine div::before{content:'777';font:900 30px/1 Impact,sans-serif;color:#fff5b0;text-shadow:0 0 16px #ff8f32}.preview-machine div::after{content:'BONUS';position:absolute;bottom:15px;letter-spacing:.14em;font:bold 10px sans-serif;color:white}.preview-machine div:nth-child(2){background:linear-gradient(135deg,#116ec9,#142c60);height:160px}
.preview-casino{width:270px;height:145px;display:grid;place-items:center;background:radial-gradient(ellipse at center,#12714a,#063e30);border:11px ridge #ac8749;border-radius:50%;transform:rotate(-10deg);box-shadow:0 15px 14px #0009}.preview-casino span{font:900 43px Georgia,serif;color:#e9ca7b;text-shadow:3px 3px #132415}.preview-casino::after{content:'♠  ♥  ♦  ♣';position:absolute;bottom:21px;color:#fff8c4;letter-spacing:14px;font-size:18px}
.cover-label{position:absolute;top:12px;left:13px;z-index:2;background:#050a23;color:#bce7ff;padding:4px 9px;border:1px solid #657bd4;font:bold 10px monospace;letter-spacing:.12em}
.card-info{padding:21px;display:flex;flex-direction:column;flex:1}.card-info h3{font-size:clamp(18px,2.6vw,25px);margin:0 0 9px;line-height:1.35}.card-info p{font-size:13px;color:#c6d4f2;margin:0 0 14px;flex:1}.card-footer{border-top:1px solid #344574;padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:7px;flex-wrap:wrap;font-size:12px;color:#9fbfe1}.card-footer a{color:#e8ff5c;text-decoration:underline;font-weight:900;font-size:13px}
.note-panel{border:1px solid #536dad;background:#0e163e;border-radius:8px;padding:20px 23px;margin:32px 0}.note-panel h3{margin:0 0 7px;font-size:17px;color:#cffe77}.note-panel p{margin:0;color:#c9d3ee;font-size:13px;line-height:1.9}
footer{border-top:1px solid #46578b;margin-top:60px;padding:26px 0 38px;color:#aebadd;font-size:12px;display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap}footer a{color:#d9e6ff}
/* Detail pages */
.detail-hero{--accent:#a2ffde;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:22px;min-height:440px;overflow:hidden;position:relative;border:2px solid #5e729f;border-radius:10px;background:linear-gradient(135deg,#151e50,#0c143b);padding:clamp(22px,4vw,48px);box-shadow:var(--shadow);margin-top:8px}
.detail-hero.min{--accent:#81ffda;background:linear-gradient(135deg,#14395a,#0b1f45)}
.detail-hero.mah{--accent:#ead18b;background:linear-gradient(135deg,#143f3a,#092723)}
.detail-hero.pac{--accent:#ff8fd3;background:linear-gradient(135deg,#49205c,#190c33)}
.detail-hero.cas{--accent:#e8c579;background:linear-gradient(135deg,#1f594a,#082a30)}
.detail-hero h1{margin:12px 0 14px;font-weight:950;font-size:clamp(32px,4.8vw,64px);letter-spacing:-.05em;line-height:1.17}.detail-hero h1 .hl{color:var(--accent)}
.detail-hero p{margin:0 0 17px;color:#e6eefa;line-height:1.95;font-size:15px}.detail-hero .micro{color:var(--accent)}
.hero-visual{height:290px;min-width:0;display:grid;place-items:center;overflow:hidden;border-radius:14px;background:radial-gradient(circle at center,#ffffff11,transparent 68%);transform:scale(1.1)}
.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start;margin-top:34px}
.content-box{border:1px solid #4a5c9e;background:#121b48;border-radius:8px;padding:clamp(19px,3vw,34px);margin-bottom:20px}
.content-box h2{margin:0 0 14px;font-size:24px}.content-box p{font-size:14px;color:#d2dcec;line-height:2;margin:0 0 13px}.content-box p:last-child{margin-bottom:0}
.steps{counter-reset:steps;display:grid;gap:14px}.step{display:grid;grid-template-columns:39px 1fr;gap:14px;padding:12px 0;border-bottom:1px dashed #596b9c}.step:last-child{border:0}.step::before{counter-increment:steps;content:counter(steps,decimal-leading-zero);display:grid;place-items:center;width:38px;height:38px;background:#dafa8c;color:#112034;font:900 15px monospace;border-radius:5px}.step strong{display:block;font-size:15px}.step span{font-size:13px;color:#bfcfea;display:block;margin-top:3px}
.features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.feature{background:#09113a;padding:13px 15px;border:1px solid #35478b;border-radius:6px}.feature strong{display:block;color:#fff4bb;font-size:13px}.feature span{display:block;color:#b7c3e3;font-size:12px;margin-top:4px}
.sidebar{position:sticky;top:20px}.sidebar .cta{width:100%}.sidebar .content-box{padding:22px}.sidebar dl{margin:0}.sidebar dl div{padding:10px 0;border-bottom:1px solid #3a4b79}.sidebar dt{font-size:10px;color:#9bb7e4;letter-spacing:.1em}.sidebar dd{font-size:13px;margin:4px 0 0;font-weight:700}
.other-games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.other-games a{display:block;padding:16px;background:#151f4d;border:1px solid #405da4;border-radius:6px;text-decoration:none}.other-games a:hover{border-color:#f4e97a}.other-games strong{display:block;font-size:14px}.other-games small{color:#a9c9ec;font-size:12px}
.disclaimer{color:#b3c5e8;font-size:12px;line-height:1.8;margin-top:18px}
@media(max-width:880px){.detail-grid{grid-template-columns:1fr}.sidebar{position:static;order:-1}.sidebar .content-box{display:none}.detail-hero{grid-template-columns:1fr}.hero-visual{height:205px;transform:none}.detail-hero p{max-width:640px}.detail-hero{padding:26px}}
@media(max-width:610px){.shell{width:min(100% - 24px,1160px)}.topnav{padding:16px 0}.cards{grid-template-columns:1fr}.hero h1{font-size:44px}.hero{padding:24px 19px}.toplinks a{font-size:11px;padding:6px 10px}.detail-hero h1{font-size:39px}.features{grid-template-columns:1fr}.other-games{grid-template-columns:1fr}.card-cover{min-height:180px}.preview-tiles b{width:40px;height:56px;font-size:26px}.preview-grid{grid-template-columns:repeat(7,22px)}.preview-grid b{width:22px;height:22px}.detail-hero .chips{gap:5px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}