.support-lounge{--font-body:'Noto Sans JP','Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,system-ui,sans-serif;color:#304c60;background:#f5f6fb;font-family:var(--font-body);font-size:16px}
.support-lounge header{max-width:1040px;padding:20px 28px}.brand img{border-radius:8px}.back-to-play{font-size:14px;text-decoration:none;padding:10px 18px;border:1px solid #cddbe7;border-radius:24px}
.support-lounge main{max-width:1040px;padding:26px 28px 36px;background:none}
.lounge-hello{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:20px;min-height:330px}
.support-lounge .eyebrow{font-size:10px;letter-spacing:.12em;color:#6d879b;margin:0 0 14px}
.support-lounge h1{font-family:var(--font-body);font-size:clamp(30px,4vw,46px);line-height:1.55;letter-spacing:.02em;font-weight:600;margin:12px 0 22px}
.lounge-intro{font-size:16px;line-height:2;color:#60768a}.lounge-note{font-size:13px;line-height:1.8;color:#697b8c}
.support-lounge .support-english,.support-lounge .tip-option>p.support-english{font:400 12px/1.7 var(--font-body);color:#6c7989;margin:6px 0 14px}
.lounge-keeper{position:relative;margin:0;align-self:end;text-align:center;background:radial-gradient(ellipse at 50% 65%,#e5ddf8 0,transparent 66%)}
.lounge-keeper img{width:260px;height:325px;max-width:100%;object-fit:contain;display:block;margin:auto;mask-image:linear-gradient(#000 88%,transparent 100%)}
.lounge-keeper figcaption{position:absolute;bottom:22px;right:-4px;background:#fff;border:1px solid #dce3ee;border-radius:18px 18px 18px 3px;padding:10px 16px;font-size:12px;color:#687c8e;box-shadow:0 8px 24px #7b86a212}
.tip-options{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:12px}
.tip-option{position:relative;border:1px solid #d1dfeb;border-radius:24px;background:#fff;padding:28px;scroll-margin:24px;box-shadow:0 10px 32px #586d8b06}
.tip-option .option-icon{position:absolute;right:24px;top:22px;display:grid;place-items:center;width:42px;height:42px;background:#eaf3f6;border-radius:16px;font-size:21px}
.tip-option .eyebrow{margin:3px 52px 22px 0;font-size:10px}.tip-option h2{font:600 23px/1.6 var(--font-body);letter-spacing:0;margin:0 0 12px}.tip-option>p:not(.eyebrow){font-size:15px;line-height:1.9;color:#647589}.tip-option strong{font-weight:600;color:#6b5290}
.agent-tip{background:linear-gradient(130deg,#fff,#f7f2fc);border-color:#ddd1ec}.agent-tip .option-icon{background:#ede6f7;color:#9476b5}.agent-tip h2{color:#6b5290}
.support-lounge .lounge-button{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #bcd6e3;background:#e7f2f7;color:#315f77;border-radius:28px;padding:13px 20px;margin-top:22px;font-size:16px;font-weight:600;text-decoration:none;min-height:52px}
.support-lounge .agent-button{background:#ece3f7;border-color:#d1bee6;color:#6b4f8a}
.lounge-button:hover{filter:brightness(.97);text-decoration:underline;text-underline-offset:4px}
.tip-option .option-note,.tip-option .status{font-size:12px!important;line-height:1.7!important;margin:12px 0 0;min-height:20px}
.status[data-mode="test"]{color:#836024!important}.status[data-mode="live"]{color:#376d5b!important}
.optional-note{text-align:center;font-size:12px;color:#697a89;margin:18px 0 30px}
.lounge-tools{border:1px solid #d7e0ea;border-radius:20px;background:#ffffffb8;overflow:hidden}
.lounge-tools details{border:0;margin:0;padding:0;font-size:15px;line-height:1.9;color:#526b7e;scroll-margin:24px}
.lounge-tools details+details{border-top:1px solid #dfe5ee}
.lounge-tools summary{display:flex;justify-content:space-between;align-items:center;gap:16px;list-style:none;padding:20px 24px;min-height:80px}
.lounge-tools summary::-webkit-details-marker{display:none}.lounge-tools summary b{font-size:15px;font-weight:500}.lounge-tools summary small{display:block;font-size:12px;color:#718292;margin-top:2px}.detail-plus{font-size:20px;color:#8f83a8}.lounge-tools details[open] .detail-plus{transform:rotate(45deg)}
.detail-body{padding:0 24px 24px}.detail-body>p:first-child{margin-top:0}.detail-body p{overflow-wrap:anywhere}
.support-lounge .small-button{display:inline-flex;justify-content:center;width:auto;min-height:44px;margin:6px 0;padding:10px 18px;background:#edf3f8;border:1px solid #bfcfdf;border-radius:22px;font:500 14px/1.5 var(--font-body);color:#355b73}
.support-lounge .small-button:disabled{opacity:.6;cursor:wait}.small-button:hover{background:#e0edf3}
.tool-note{font-size:12px;color:#697b8a;line-height:1.9}.detail-body pre,.address{white-space:pre-wrap;overflow-wrap:anywhere;background:#f1f4f8;padding:18px;border:1px solid #e0e6ef;border-radius:12px;font:12px/1.9 var(--font-mono);max-height:290px;overflow:auto}.address{max-height:none;font-size:14px}
#receipt-form{display:grid;gap:10px}#receipt-form label{font-size:14px}#receipt-form input,#receipt-form select{width:100%;min-width:0;box-sizing:border-box;padding:12px;border:1px solid #b9cbd9;border-radius:12px;background:#f7f9fc;color:#355b73;font:inherit}#receipt-form .small-button{justify-self:start}#receipt-result{overflow-wrap:anywhere}
.support-lounge :is(a,button,input,select,summary):focus-visible{outline:2px solid #5d7eac;outline-offset:4px}
.lounge-end{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:32px;font-size:13px;color:#6b7f91}.lounge-end a{font-size:14px;white-space:nowrap;text-underline-offset:4px}
.lounge-hello{overflow:clip}.lounge-hello>div{min-width:0}
.support-lounge footer{max-width:1040px;padding:12px 28px 30px;font-size:10px;color:#7b90a3}
@media(max-width:620px){.support-lounge header{padding:16px}.support-lounge main{padding:16px}.back-to-play{font-size:12px;padding:8px 12px}.lounge-hello{grid-template-columns:1fr 110px;gap:0;min-height:260px}.support-lounge h1{font-size:28px;line-height:1.6}.lounge-hello .eyebrow{font-size:8px;letter-spacing:.04em}.lounge-intro{font-size:13px}.lounge-intro br{display:none}.lounge-note{font-size:12px}.lounge-keeper{align-self:center;margin-right:-12px}.lounge-keeper img{width:145px;max-width:none;height:220px;margin-left:-14px;object-fit:cover;object-position:50% 0}.lounge-keeper figcaption{display:none}.tip-options{grid-template-columns:1fr;gap:16px;margin-top:20px}.tip-option{padding:24px}.tip-option h2{font-size:22px}.lounge-tools summary{padding:18px}.detail-body{padding:0 18px 22px}.lounge-end{flex-direction:column;align-items:flex-start}.optional-note{font-size:11px}}
