html{font-family:Inter,"Segoe UI",sans-serif}html[lang=ja]{font-family:"Noto Sans JP","Yu Gothic",sans-serif}html[lang=zh]{font-family:"Noto Sans SC","Microsoft YaHei",sans-serif}body{font-family:inherit}a{color:#a6d5ff;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,summary:focus-visible{outline:3px solid #ffd65d;outline-offset:3px}.sample-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 24px;background:#0b0a2b;border-bottom:1px solid #4b3da3}.sample-languages{position:relative;margin-left:auto;font-size:13px}.sample-languages summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;border:1px solid #63718a;border-radius:7px;padding:6px 10px;min-height:34px}.sample-languages summary::-webkit-details-marker{display:none}.sample-languages img{width:21px;height:14px;border-radius:2px;object-fit:cover}.sample-language-options{position:absolute;right:0;top:calc(100% + 6px);min-width:150px;background:#15213a;color:#f1f5fc;border:1px solid #3a4c69;border-radius:8px;padding:5px;z-index:100;box-shadow:0 12px 30px #0008}.sample-language-options a{display:flex;align-items:center;gap:10px;width:100%;padding:9px;border-radius:4px;min-height:36px;color:inherit}.sample-language-options a:hover,.sample-language-options a:focus-visible{background:#294161;text-decoration:none}.sample-language-options .language-check{margin-left:auto}.sample-language-options [aria-current=false] .language-check{visibility:hidden}.sample-notice{background:#221a50;color:#e5dbff;padding:12px 24px;font-size:13px;line-height:1.6}.sample-role{display:flex;gap:24px;padding:14px 24px;border-bottom:1px solid #4b3da3}.sample-layout{display:grid;grid-template-columns:220px minmax(0,1fr);max-width:1480px;margin:auto}.sample-nav{display:flex;flex-direction:column;gap:4px;padding:16px;border-right:1px solid #4b3da3}.sample-nav a{padding:9px 12px;border-radius:8px;font-size:13px;min-height:40px}.sample-nav a:hover{background:#302363}main{min-width:0;padding:24px}main>h1{font-size:26px;margin:0 0 22px}main .card>img{width:140px;border-radius:12px}form,fieldset{border:0;padding:0;margin:0;min-width:0}button:disabled,input:disabled{cursor:not-allowed;opacity:.65}button{padding:10px 18px;margin:6px;border-radius:10px;border:1px solid #97763b;background:#c49832;color:#101528;font-weight:700}input{max-width:100%;font-size:16px}.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}label{display:block;font-size:13px;margin:12px 0}label input{width:100%;padding:12px;margin-top:6px;border:1px solid #4b3da3;border-radius:8px;background:#0b0a2b;color:#e8ecf7}.table-scroll{max-width:100%;overflow:auto;margin:20px 0}table{border-collapse:collapse;width:100%;font-size:13px;min-width:480px}td,th{padding:14px 12px;text-align:left;border-bottom:1px solid #303c60}th{background:#172341;color:#c8cfea}td{color:#e8ecf7}.sample-hero{position:relative;display:grid;grid-template-columns:1fr 240px;gap:20px;align-items:center;background:linear-gradient(120deg,#172658,#4e227c);padding:30px;border:1px solid #ad8039;border-radius:22px;overflow:hidden}.sample-hero img{width:100%;height:280px;object-fit:cover;border-radius:18px}.sample-hero h1{font-size:42px;color:#ffe38a}.sample-game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.sample-game{background:#171242;border:1px solid #82603b;border-radius:16px;overflow:hidden;color:#fff}.sample-game img{width:100%;height:230px;object-fit:cover}.sample-game h2,.sample-game p{padding:0 14px}.sample-game h2{font-size:19px;color:#ffe38a}.sample-game p{font-size:12px;color:#c8cfea}.sample-codex{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.sample-codex .card{margin:0;padding:12px}.sample-codex summary{cursor:pointer;list-style:none}.sample-codex img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:10px}.sample-codex strong,.sample-codex span{display:block;margin:8px 0}.sample-codex span{color:#f5c542;font-size:11px}.sample-codex p{font-size:13px;line-height:1.7}.sample-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.sample-kpis>div{background:#171e33;border:1px solid #2a3452;border-radius:12px;padding:20px;color:#aebcd8}.sample-kpis b{display:block;font-size:26px;color:#ffe38a;margin-top:8px}.sample-chart{height:200px;display:flex;align-items:end;gap:12px}.sample-chart>div{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px}.sample-chart i{width:100%;display:block;background:linear-gradient(#38e1ff,#5e4bd1);border-radius:8px 8px 0 0}.game-screen{max-width:880px;margin:auto}.sample-machine{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:12px;background:#080823;border:5px solid #d4a33c;border-radius:20px;margin:20px 0}.sample-machine img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}.sample-machine.wheel{grid-template-columns:repeat(8,1fr);border-radius:44px;background:radial-gradient(#66328d,#120e39)}.sample-machine.pusher{grid-template-columns:repeat(8,1fr);perspective:500px;background:linear-gradient(#142e45,#4c304a);transform:rotateX(8deg)}.sample-machine.pusher img{border-radius:50%;border:3px solid #e6bd56}.sample-machine.wheel img{border:2px solid #f5c542}.ops a{padding:16px;text-align:center;border:1px solid #4b3da3;border-radius:12px;background:#221a5c}.eyebrow{font-size:11px;letter-spacing:3px;color:#f5c542}details>summary{padding:8px 0;min-height:40px}p{line-height:1.7;overflow-wrap:anywhere}@media(max-width:900px){.sample-layout{grid-template-columns:1fr}.sample-nav{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid #4b3da3}.sample-nav a{white-space:nowrap}.sample-game-grid,.sample-codex{grid-template-columns:repeat(2,minmax(0,1fr))}.sample-hero{grid-template-columns:1fr 150px;padding:20px}.sample-hero img{height:210px}.sample-hero h1{font-size:32px}}@media(max-width:480px){main{padding:16px}.sample-header{padding:14px}.sample-notice{padding:10px 14px}.sample-role{padding:12px 14px}.sample-hero{grid-template-columns:1fr}.sample-hero img{display:none}.sample-kpis{gap:6px}.sample-kpis>div{padding:12px 8px;font-size:11px}.sample-kpis b{font-size:18px}.two{grid-template-columns:1fr}.sample-game img{height:170px}.sample-game h2{font-size:16px}.sample-machine{gap:3px;padding:5px}.sample-codex{gap:10px}.sample-languages{margin-left:auto}.sample-language-options a{font-size:12px;padding:8px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@font-face{font-display:swap;font-family:SlotInter;src:url('/showcase/slot/fonts/Inter-Variable.ttf')}@font-face{font-display:swap;font-family:SlotJP;src:url('/showcase/slot/fonts/NotoSansJP-Variable.woff2')}@font-face{font-display:swap;font-family:SlotSC;src:url('/showcase/slot/fonts/NotoSansSC-Variable.woff2')}html[lang=en] body{font-family:SlotInter,sans-serif}html[lang=ja] body{font-family:SlotJP,sans-serif}html[lang=zh] body{font-family:SlotSC,sans-serif}.sample-languages a{display:inline-flex;align-items:center;gap:6px}.sample-languages img{width:21px;height:14px;border-radius:2px}
.sample-layout{width:100%;min-width:0}.sample-layout>main{width:100%;max-width:none;margin:0;box-sizing:border-box}.sample-nav{min-width:0;align-items:stretch;flex-wrap:nowrap}.sample-role{flex-wrap:wrap}.sample-languages{flex-wrap:wrap;overflow:visible}@media(max-width:900px){.sample-layout{grid-template-columns:minmax(0,1fr)}.sample-nav{align-items:center}.sample-nav a{flex-shrink:0}}