:root{color-scheme:dark;--gold:#f8d685;--gold2:#f4bb56;--muted:#bcb4a5;font-family:system-ui,-apple-system,"Malgun Gothic",sans-serif}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#070503;color:#f7f1e9}body{background:radial-gradient(ellipse at 50% 10%,#37210e 0%,#100b07 48%,#050403 85%)}
main{position:relative;width:min(calc(100% - 20px),565px);margin:14px auto 36px;box-shadow:0 24px 85px #000c;background:#090604;overflow:hidden;border-radius:0 0 18px 18px}
.hero-wrap{position:relative;overflow:hidden}.hero{display:block;width:100%;height:auto;position:relative;z-index:1}.hero-wrap::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:24%;z-index:2;pointer-events:none;background:linear-gradient(180deg,transparent 0%,rgba(8,6,4,.18) 18%,rgba(8,6,4,.72) 65%,#090604 100%)}
.controls{position:relative;isolation:isolate;margin-top:-74px;padding:92px 0 34px;background:linear-gradient(180deg,rgba(15,10,5,0) 0%,rgba(13,9,5,.78) 14%,#0c0805 38%,#070503 100%);overflow:hidden}
.controls::before{content:"";position:absolute;inset:-10% -8% 0;background-image:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.28) 20%,rgba(0,0,0,.68) 72%,rgba(0,0,0,.88) 100%),url("assets/slotlife-hero.webp");background-size:cover;background-position:center bottom;transform:scale(1.08);filter:blur(2px) saturate(1.05) brightness(.52);opacity:.62;pointer-events:none;mask-image:linear-gradient(180deg,rgba(0,0,0,.2) 0%,#000 16%,#000 100%)}
.controls::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 56% 32% at 50% 15%,rgba(243,177,83,.26),transparent 72%),radial-gradient(ellipse 43% 20% at 50% 62%,rgba(246,186,76,.18),transparent 72%),linear-gradient(135deg,transparent 0 42%,rgba(255,204,115,.06) 48%,transparent 54%),linear-gradient(225deg,transparent 0 40%,rgba(255,204,115,.05) 46%,transparent 52%);mix-blend-mode:screen}
.section-title{position:relative;z-index:2;margin:0 auto 4px;padding-top:4px;text-align:center;color:#ddb469;font-size:10px;letter-spacing:.45em;font-weight:800;text-shadow:0 0 14px #ba7c29,0 2px 4px #000}
.section-title::before,.section-title::after{content:"";display:inline-block;vertical-align:middle;width:56px;height:1px;margin:0 12px;background:linear-gradient(90deg,transparent,#ddaf61,transparent);box-shadow:0 0 10px rgba(221,175,97,.5)}
.promo-bridge{position:relative;z-index:2;width:min(92%,500px);margin:2px auto 14px;padding:18px 18px 16px;text-align:center;border-radius:22px;background:linear-gradient(180deg,rgba(22,16,10,.46),rgba(11,8,5,.72) 35%,rgba(7,5,3,.18) 100%);box-shadow:inset 0 1px 0 rgba(255,222,157,.18),0 14px 40px rgba(0,0,0,.22)}
.promo-bridge::before{content:"";position:absolute;inset:0;border-radius:22px;pointer-events:none;background:radial-gradient(ellipse at 50% 8%,rgba(255,204,105,.16),transparent 42%),linear-gradient(90deg,transparent 0,rgba(255,210,119,.12) 12%,rgba(255,210,119,.03) 50%,rgba(255,210,119,.12) 88%,transparent 100%);mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.85) 74%,transparent 100%)}
.promo-bridge::after{content:"";position:absolute;left:5%;right:5%;top:10px;bottom:8px;border-radius:18px;pointer-events:none;border:1px solid rgba(227,179,86,.20);box-shadow:inset 0 0 0 1px rgba(255,230,169,.05)}
.bridge-lines{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}
.bridge-lines::before,.bridge-lines::after{content:"";height:1px;flex:1;max-width:120px;background:linear-gradient(90deg,transparent,rgba(237,190,97,.95),transparent);box-shadow:0 0 10px rgba(237,190,97,.35)}
.bridge-badge{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:999px;background:linear-gradient(180deg,rgba(68,45,16,.82),rgba(20,15,10,.82));border:1px solid rgba(237,190,97,.34);box-shadow:inset 0 1px 0 rgba(255,226,148,.25)}
.bridge-badge .dot{width:7px;height:7px;border-radius:999px;background:radial-gradient(circle at 35% 35%,#fff4ca 0,#ffd777 38%,#e0a532 72%,#5f3c0b 100%);box-shadow:0 0 12px rgba(255,214,112,.7)}
.bridge-badge .label{font-size:10px;letter-spacing:.28em;font-weight:900;color:#f5d38a;text-shadow:0 1px 4px #000}
.bridge-copy{position:relative;display:grid;gap:8px}
.bridge-headline{margin:0;font-size:clamp(22px,4.1vw,31px);font-weight:1000;letter-spacing:-.03em;line-height:1.14;background:linear-gradient(180deg,#fff8da 0%,#ffd976 38%,#c98721 76%,#fff0b4 100%);color:transparent;background-clip:text;filter:drop-shadow(0 2px 10px rgba(0,0,0,.7));text-shadow:0 0 15px rgba(255,209,104,.15)}
.bridge-sub{margin:0;font-size:clamp(17px,3.1vw,24px);font-weight:900;letter-spacing:-.015em;line-height:1.2;color:#f3ead8;text-shadow:0 2px 10px rgba(0,0,0,.92)}
.bridge-sub .accent{color:#ffd975;text-shadow:0 0 12px rgba(255,211,105,.25)}
.bridge-note{margin:2px 0 0;font-size:11px;letter-spacing:.26em;color:#bfa77b;text-transform:uppercase;opacity:.92}
.honeycomb{width:min(88%,430px);margin:8px auto 0;position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;column-gap:8px;row-gap:0;justify-items:center}
.honeycomb::before{content:"";position:absolute;left:50%;top:30%;transform:translateX(-50%);width:84%;height:58%;pointer-events:none;background:radial-gradient(ellipse at center,rgba(255,196,90,.18) 0%,rgba(255,196,90,.08) 36%,transparent 72%);filter:blur(8px)}
.honeycomb::after{content:"";position:absolute;left:50%;bottom:2%;transform:translateX(-50%);width:60%;height:22%;pointer-events:none;background:radial-gradient(ellipse at center,rgba(255,185,70,.18) 0%,rgba(255,185,70,.05) 56%,transparent 78%)}
.hex-btn{position:relative;display:block;width:89%;aspect-ratio:1/1.085;cursor:pointer;padding:0;border:0;background:none;color:#fff;text-decoration:none;-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 8px 6px #000a) drop-shadow(0 0 10px rgba(217,149,41,.32));transition:filter .2s ease,transform .2s ease}
.hex-btn.feature{grid-column:1 / 3;width:38%;margin-bottom:-10.8%;z-index:3}
.hex-btn.notice{grid-column:1;z-index:2}.hex-btn.contact{grid-column:2;z-index:2}
.hex-btn:hover{transform:translateY(-4px) scale(1.024);filter:drop-shadow(0 12px 10px #000c) drop-shadow(0 0 18px #e7a52a)}.hex-btn:active{transform:translateY(0) scale(.99)}.hex-btn:focus-visible{outline:3px solid #fff2c5;outline-offset:4px}
.hex-btn .shape{position:absolute;inset:0;width:100%;height:100%;display:block}
.hex-btn .content{position:absolute;top:23%;left:11%;right:11%;bottom:22%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:2px;pointer-events:none;text-shadow:0 2px 2px #000,0 0 12px #000}
.content .symbol{color:#f7c66b;font-size:clamp(10px,2.1vw,15px);line-height:1.1;font-weight:900;letter-spacing:.05em}
.content .name{font-size:clamp(15px,2.9vw,22px);font-weight:1000;color:#fff0c4;letter-spacing:-.055em;line-height:1.1;white-space:nowrap}
.content .detail{color:#ecc46c;font-size:clamp(10px,2vw,13px);font-weight:900;line-height:1.3;white-space:nowrap}
.content .micro{font-size:clamp(10px,1.6vw,12px);color:#eee7dd;font-weight:800}.notice .detail{font-size:clamp(9px,1.85vw,11px)}
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.dialog{width:min(94vw,640px);max-height:min(88dvh,800px);padding:0;border:1px solid #d4a34d;border-radius:22px;background:#0c0907;color:#f8f1e2;box-shadow:0 0 0 1px #f3d08a44,0 0 0 4px #342311,0 0 0 6px #9d6a25,0 28px 120px #000,0 0 55px #e4b25852;overflow:hidden}
.dialog::backdrop{background:#020202de;backdrop-filter:blur(12px)}.dialog::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:21px;box-shadow:inset 0 0 0 1px #ffdd9355;z-index:2}
.dialog-header{position:relative;padding:22px 20px 18px;background:radial-gradient(ellipse at 25% 0,#7a5323,#24170c 55%,#120d09);border-bottom:1px solid #c49544;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:inset 0 1px 0 #fce5ad99}
.dialog-header::after{content:"";position:absolute;left:20px;right:20px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#ffdf99,transparent)}
.eyebrow{font-size:10px;color:#eed098;letter-spacing:.28em;font-weight:800}.dialog-header h2{margin:4px 0 0;font-size:clamp(22px,4.4vw,30px);line-height:1.2;font-weight:1000;background:linear-gradient(#fff9d6,#efc36c 48%,#ac7323 85%,#ffe9a5);color:transparent;background-clip:text;filter:drop-shadow(0 2px 2px #000)}
.dialog-close{width:44px;height:44px;flex:none;background:linear-gradient(140deg,#4a3217,#140f0a);border:1px solid #d8a859;color:#fce1a5;border-radius:12px;font-size:26px;cursor:pointer;box-shadow:inset 0 1px 0 #f0ca8566,0 6px 18px #0005}.dialog-close:hover{background:#5a3a18}.dialog-close:focus-visible{outline:3px solid white}
.dialog-body{max-height:calc(88dvh - 96px);overflow-y:auto;overscroll-behavior:contain;padding:20px 16px 26px;background:radial-gradient(ellipse at 50% 6%,#5b37131f,transparent 48%),linear-gradient(180deg,#0e0b08,#080605)}
.dialog-lead{font-size:12px;margin:0 0 18px;color:#c9b291;letter-spacing:.03em}.benefit-section{margin:19px 0 10px;font-size:12px;color:#d5a956;letter-spacing:.19em;font-weight:900;display:flex;align-items:center;gap:10px}.benefit-section::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,#9b6a2b,transparent)}
.benefits{padding:0;margin:0;list-style:none;display:grid;gap:9px}.benefits li{position:relative;display:flex;gap:10px;padding:14px 14px 14px 16px;align-items:start;background:linear-gradient(110deg,#332315,#1a1410 45%,#100e0c);border:1px solid #7f6332;border-radius:12px;box-shadow:inset 0 1px 0 #d5a75a44,0 6px 16px #0005;font-weight:700;line-height:1.45;font-size:clamp(13px,2.5vw,16px);word-break:keep-all}.benefits li::before{content:"";position:absolute;left:0;top:16%;bottom:16%;width:2px;background:linear-gradient(transparent,#ffd881,transparent)}.bullet{color:#ffd475;flex:none;text-shadow:0 0 9px #dc9b3b}.notice-text{margin:18px 0 0;color:#aa9572;font-size:12px;line-height:1.6}
body:has(dialog[open]){overflow:hidden}
@media(max-width:450px){main{margin:0 auto 20px;width:100%;border-radius:0}.controls{margin-top:-60px;padding-top:72px;padding-bottom:20px}.section-title::before,.section-title::after{width:38px;margin:0 8px}.promo-bridge{width:94%;padding:14px 12px 14px;margin:0 auto 12px}.bridge-lines{gap:8px;margin-bottom:10px}.bridge-badge{padding:4px 10px}.bridge-badge .label{font-size:9px;letter-spacing:.22em}.bridge-headline{font-size:clamp(18px,5.3vw,23px)}.bridge-sub{font-size:clamp(14px,4vw,18px)}.bridge-note{font-size:9px;letter-spacing:.18em}.honeycomb{width:92%;column-gap:4px}.hex-btn.feature{width:42%;margin-bottom:-10.5%}.hex-btn{width:94%}.content .name{font-size:clamp(15px,4.2vw,19px)}.content .detail{font-size:clamp(9px,2.8vw,12px)}.notice .detail{font-size:clamp(8px,2.55vw,11px)}}
@media(prefers-reduced-motion:reduce){.hex-btn{transition:none}.hex-btn:hover{transform:none}}
/* v6.4: visually continuous, condensed one-piece composition */
main{background:#080604;border-radius:0;box-shadow:0 16px 64px #0009}
.hero-wrap{isolation:isolate}
.hero-wrap::after{height:15%;background:linear-gradient(180deg,transparent,#090604 100%)}
.controls{margin-top:-34px;padding:0 0 12px;background:linear-gradient(180deg,#090604 0%,#0b0805 52%,#080604 100%);overflow:visible}
.controls::before{display:none!important}
.controls::after{background:radial-gradient(ellipse 66% 38% at 50% 55%,rgba(196,127,36,.17),transparent 80%),radial-gradient(ellipse 90% 60% at 50% 91%,rgba(115,70,16,.12),transparent 88%);mix-blend-mode:normal}
.promo-bridge,.section-title{display:none}
.compact-copy{position:relative;z-index:3;width:96%;margin:0 auto 4px;text-align:center;padding:0 5px 7px;display:grid;gap:5px;background:none;border:0;box-shadow:none}
.compact-copy::before{content:"";display:block;width:68%;height:1px;margin:0 auto 6px;background:linear-gradient(90deg,transparent,#bd893f,transparent);box-shadow:0 0 8px #bd893f88}
.compact-copy .bridge-headline{font-size:clamp(16px,3.6vw,24px);white-space:nowrap;line-height:1.25;letter-spacing:-.065em;color:#ffdb8a;background:none;-webkit-text-fill-color:currentColor;text-shadow:0 2px 4px #000,0 0 13px #9c611d;filter:none}
.compact-copy .bridge-sub{font-size:clamp(14px,2.9vw,20px);white-space:nowrap;line-height:1.2;letter-spacing:-.045em;text-shadow:0 2px 4px #000}
.compact-copy .accent{color:#ffd06c}
.honeycomb{margin:0 auto;width:min(84%,406px);column-gap:5px}
.hex-btn{width:87%}.hex-btn.feature{width:36%;margin-bottom:-10.5%}
@media(max-width:450px){.controls{margin-top:-27px;padding:0 0 7px}.compact-copy{padding:0 5px 5px;gap:3px}.compact-copy::before{margin-bottom:4px}.compact-copy .bridge-headline{font-size:clamp(15px,4.3vw,19px)}.compact-copy .bridge-sub{font-size:clamp(13px,3.65vw,17px)}.honeycomb{width:89%;column-gap:3px}.hex-btn{width:91%}.hex-btn.feature{width:40%;margin-bottom:-10.5%}}

/* v6.5 operational hardening: design unchanged */
:focus-visible{outline:3px solid #ffe19c;outline-offset:3px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}