@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;800;900&display=swap');
:root{font:15px/1.65 'Noto Sans JP',system-ui,sans-serif;color:#eaf1ed;background:#101e23;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 12% 3%,#224d494d,transparent 50%),#101e23}a{color:inherit;text-decoration:none}button{font:inherit}.hub{max-width:1450px;padding:30px 46px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding-bottom:22px;border-bottom:1px solid #c3e7db25}.brand{font-size:16px;letter-spacing:.12em;font-weight:800}.brand b{color:#a9f3c7}.brand span{display:block;font-size:9px;letter-spacing:.25em;color:#96afa9;margin-top:2px}.demo-label{font-size:11px;letter-spacing:.12em;color:#adc3bb}.demo-label i,.section-heading i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#a8edbd;margin:0 10px}.hero{display:flex;justify-content:space-between;gap:35px;align-items:center;padding:44px 0 38px}.eyebrow{font-size:10px;letter-spacing:.22em;color:#a9dcb9;margin:0 0 11px}h1{font-size:clamp(25px,3vw,43px);letter-spacing:.015em;line-height:1.4;margin:0 0 14px;font-weight:800}h1 em{font-style:normal;color:#b7f6c8}.intro{color:#adc2bd;font-size:14px;line-height:1.8;margin:0}.hero-note{border-left:1px solid #91af9c4d;padding-left:28px;min-width:280px}.hero-note>span{font-size:19px;font-weight:700}.hero-note p{font-size:12px;color:#a8beb7}.tags{display:flex;gap:7px}.tags span{font-size:10px;padding:4px 10px;border:1px solid #658b7566;border-radius:20px;color:#b6d8c4}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-heading h2{font-size:17px;margin:0;font-weight:600}.section-heading p{font-size:11px;color:#a5bfb2;margin:0}.games{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:21px}.game{display:block;position:relative;border:1px solid #57706555;border-radius:17px;background:#1b2c30;overflow:hidden;text-align:left;padding:0;min-width:0;color:inherit;transition:transform .2s,border-color .2s,box-shadow .2s}.game.available:hover{transform:translateY(-5px);border-color:#b7efc7;box-shadow:0 15px 35px #0005}.game:focus-visible{outline:3px solid #b7efc7;outline-offset:4px}.game.coming:disabled{opacity:1;cursor:default}.thumb{aspect-ratio:1.40;position:relative;overflow:hidden;background:#273e43}.art{position:absolute;left:0;right:0;top:50%;aspect-ratio:1;transform:translateY(-50%);background-image:url('/menu-atlas.webp');background-size:400% 200%;background-repeat:no-repeat}.thumb::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b1b2559,transparent 50%);pointer-events:none}.badge{position:absolute;left:12px;top:12px;z-index:1;padding:4px 10px;border-radius:6px;font-size:10px;font-weight:700;letter-spacing:.08em}.live{background:#d0ffad;color:#1e3e26}.soon{background:#152d39de;color:#fff;border:1px solid #e6eae83d}.play{position:absolute;right:13px;bottom:13px;z-index:2;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#edfff0eb;color:#1d4c31;font-size:15px;box-shadow:0 3px 10px #0003}.copy{padding:17px 17px 13px}.category{display:block;color:#91b7a6;font-size:8px;font-weight:700;letter-spacing:.17em}.copy h3{font-size:17px;line-height:1.5;margin:7px 0 7px;font-weight:700;min-height:26px}.copy p{font-size:10px;color:#a8beb7;line-height:1.8;min-height:36px;margin:0 0 10px}.cta{display:flex;justify-content:space-between;align-items:center;color:#b6f4c9;border-top:1px solid #9abdaf25;padding-top:10px;font-size:10px;font-weight:600}.cta b{font-size:17px}.coming .cta{color:#81998e;font-size:9px;letter-spacing:.12em}.next{border:1px dashed #66877966;border-radius:17px;padding:26px;background:radial-gradient(ellipse at 0 0,#6ea78217,transparent)}.next-symbol{font-size:31px;color:#90bda2;font-weight:400}.next h3{font-size:23px;line-height:1.6;font-weight:600;letter-spacing:.04em;margin:14px 0}.next p{font-size:12px;line-height:1.9;color:#8ba99b}footer{display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#78958a;margin:30px 0 6px;align-items:center}footer p{margin:0}footer span{white-space:nowrap;letter-spacing:.1em}@media(min-width:1500px){.copy h3{font-size:19px}}@media(max-width:1000px){.hub{padding:24px}.games{gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.hero-note{min-width:220px}.hero-note>span{font-size:16px}.copy h3{font-size:16px}}@media(max-width:700px){.hub{padding:20px 16px}.demo-label{font-size:8px;max-width:130px;text-align:right}.hero{display:block;padding:30px 0}.hero-note{margin-top:25px;padding-left:15px}.hero-note p{display:none}.tags{margin-top:10px}.games{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.copy{padding:12px}.copy h3{font-size:14px}.copy p{font-size:10px;min-height:52px}.section-heading{display:block}.section-heading p{margin-top:5px}.next{padding:18px}.next h3{font-size:20px}footer{display:block;font-size:9px}footer span{display:block;margin-top:8px}}@media(prefers-reduced-motion:reduce){.game{transition:none}}