*{box-sizing:border-box}
html,body{margin:0;background:#000;color:#fff;font-family:Arial,Helvetica,sans-serif}
body{overflow-x:hidden}.page{min-height:100svh}
.brand{padding:30px 38px;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;letter-spacing:-.06em}
.product{width:min(1000px,90vw);min-height:calc(100svh - 100px);margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 0 100px}
.product-image-wrap{width:min(620px,90vw);height:min(58vh,600px);min-height:300px;display:flex;align-items:center;justify-content:center}
.product-image{width:100%;height:100%;object-fit:contain}
.product-info h1{font-size:clamp(2.5rem,6vw,5rem);letter-spacing:-.06em;margin:30px 0 20px}
.product-info p{margin:8px 0;color:#aaa;font-size:1rem}
.game-section{width:min(900px,90vw);margin:0 auto;padding:100px 0 130px;text-align:center}
.game-section h2{font-size:clamp(3rem,8vw,6rem);letter-spacing:-.07em;line-height:.9;margin:0 0 18px}
.game-section>p{color:#777;max-width:560px;margin:0 auto 45px;line-height:1.5;font-size:.9rem}
.game{height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12}
.try-button{position:relative;z-index:3;border:1px solid #fff;background:transparent;color:#fff;border-radius:999px;padding:18px 38px;font-size:.78rem;font-weight:800;letter-spacing:.08em;cursor:pointer;transition:.2s}
.try-button:hover:not(:disabled){transform:translateY(-3px);background:#fff;color:#000}.try-button:disabled{cursor:not-allowed;opacity:.4}
.cooldown{z-index:2;min-height:18px;margin:20px 0 0;color:#666;font-size:.75rem}
.numbers{position:absolute;inset:0;pointer-events:none;overflow:hidden;opacity:0;transition:opacity .25s}.numbers.active{opacity:1}
.bg-number{position:absolute;color:#ffffff1f;font-family:monospace;font-size:clamp(1rem,2vw,1.5rem);animation:float 1.2s ease-out forwards}
@keyframes float{0%{opacity:0;transform:translateY(20px) scale(.8)}20%{opacity:1}100%{opacity:0;transform:translateY(-80px) scale(1.15)}}
.result{position:absolute;z-index:10;top:12%;left:50%;transform:translate(-50%,-50%) scale(.75);opacity:0;pointer-events:none;transition:.3s}
.result.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.result #status{font-size:clamp(2.7rem,9vw,6.5rem);font-weight:900;letter-spacing:-.07em;white-space:nowrap}
.result.loser #status{color:#ff3030;text-shadow:0 0 30px #ff30304d}

.chat-bubble{position:fixed;right:22px;bottom:22px;width:58px;height:58px;border:1px solid #fff;border-radius:50%;background:#fff;color:#000;font-size:23px;cursor:pointer;z-index:1000;box-shadow:0 8px 30px #000}
.chat-panel{position:fixed;right:22px;bottom:92px;width:min(360px,calc(100vw - 30px));height:500px;max-height:calc(100svh - 120px);background:#090909;border:1px solid #333;border-radius:16px;z-index:1001;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 70px #000}
.chat-panel[hidden]{display:none}.chat-header{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid #222}
.chat-header button{border:0;background:transparent;color:#fff;font-size:26px;cursor:pointer}
.chat-messages{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:9px}
.chat-empty{color:#777;font-size:.85rem;margin:auto;text-align:center}.chat-message{max-width:82%;padding:10px 12px;border-radius:12px;background:#1b1b1b;font-size:.85rem;line-height:1.4;align-self:flex-start}.chat-message.customer{background:#fff;color:#000;align-self:flex-end}
.chat-form{display:flex;gap:8px;padding:10px;border-top:1px solid #222}.chat-form input{min-width:0;flex:1;border:1px solid #333;background:#111;color:#fff;border-radius:9px;padding:11px}.chat-form button{border:0;background:#fff;color:#000;border-radius:9px;padding:0 14px;font-weight:700;cursor:pointer}
@media(max-width:600px){.brand{padding:22px 20px}.product{width:92vw}.product-image-wrap{height:45vh;min-height:260px}.game-section{width:92vw}.game{height:380px}.result{top:10%}.try-button{padding:16px 27px}.chat-bubble{right:16px;bottom:16px}.chat-panel{right:15px;bottom:84px}}
