.hero-demo-card{display:block;width:min(100%,290px);margin:0 20px 0 auto;border:1px solid #49525e;border-radius:18px;overflow:hidden;background:#1e252c;box-shadow:0 24px 80px #0005;transform:rotate(3deg);transition:transform .2s}
.hero-demo-card:hover{transform:rotate(0deg) translateY(-4px)}
.hero-demo-top{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;color:#dbe3e8;font-size:10px;letter-spacing:1.2px}
.hero-demo-top strong{font-size:12px;letter-spacing:1.5px;color:var(--lime)}
.hero-demo-card canvas{display:block;width:100%;height:auto}
.hero-demo-caption{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px;color:#fff;font-size:13px;line-height:1.5}
.hero-demo-caption>span:last-child{color:var(--lime);font-size:22px}
.builder-intro{padding-top:65px;padding-bottom:40px}
.builder-intro h1,html[lang=ko] .builder-intro h1{font-size:clamp(42px,4.9vw,66px);font-weight:550;line-height:1.15;letter-spacing:-2.8px;margin:22px 0}
.builder-intro>p{max-width:700px;color:var(--muted);font-size:18px;line-height:1.8;margin:0}
.demo-disclosure{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:24px;max-width:950px}
.demo-badge{display:inline-block;border:1px solid #ccd7f7;border-radius:30px;padding:6px 10px;line-height:1.5;font-size:10px;font-weight:650;letter-spacing:1px;color:var(--blue);background:#f3f6ff;white-space:nowrap}
.demo-disclosure p{margin:0;font-size:13px;line-height:1.7;color:var(--muted)}
.workbench{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);gap:32px;padding-top:0;padding-bottom:80px;align-items:start}
.builder-controls{min-width:0;border:1px solid var(--line);border-radius:14px;padding:30px}
.builder-controls fieldset{border:0;margin:0;padding:0;min-width:0}
.builder-controls legend{display:flex;align-items:center;gap:13px;width:100%;font-size:18px;font-weight:600;letter-spacing:-.4px;line-height:1.5;padding:0}
.builder-controls legend>span:first-child,.preview-heading b{font-size:11px;color:var(--blue);letter-spacing:1px}
.control-intro{font-size:13px;color:var(--muted);line-height:1.6;margin:12px 0 19px}
.preset-card{display:flex;width:100%;align-items:center;gap:13px;text-align:left;padding:17px 15px;background:#fff;border:1px solid var(--line);border-radius:8px;margin-bottom:10px;color:var(--ink);cursor:pointer;transition:background .15s,border-color .15s}
.preset-card:hover{border-color:#a9b7e4}.preset-card[aria-pressed=true]{border-color:var(--blue);background:#f4f6ff}
.preset-dot{flex:0 0 32px;width:32px;height:32px;border-radius:9px;box-shadow:inset 0 0 0 1px #0001}
.forest-dot{background:linear-gradient(135deg,#dcecc6 40%,#446f65 40%)}.night-dot{background:linear-gradient(135deg,#f2edbf 35%,#242b4c 35%)}.garden-dot{background:linear-gradient(135deg,#f9e0df 45%,#779b7e 45%)}
.preset-card strong{font-weight:600;font-size:14px;line-height:1.6;display:block}.preset-card small{font-size:12px;line-height:1.7;color:var(--muted);display:block;margin-top:4px}.preset-check{color:var(--blue);font-weight:700;margin-left:auto;visibility:hidden}.preset-card[aria-pressed=true] .preset-check{visibility:visible}
.builder-controls .demo-tuning{margin-top:27px;padding-top:25px;border-top:1px solid var(--line)}
.demo-tuning legend{float:left;margin-bottom:17px}.demo-tuning legend+label{clear:both}
.demo-tuning label{display:block;font-size:12px;font-weight:600;line-height:1.6;margin:0 0 7px}
.demo-tuning input,.demo-tuning select{width:100%;min-width:0;border:1px solid #ccd2dc;border-radius:6px;background:#fff;color:var(--ink);padding:11px 12px;line-height:1.5;font:inherit;font-size:14px;min-height:44px}
.demo-tuning input:focus-visible,.demo-tuning select:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.tuning-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:16px}.tuning-row>div{min-width:0}
.apply-button{width:100%;background:var(--blue);color:#fff;border:0;cursor:pointer;margin-top:20px}.apply-button:hover{background:#183bd6}.apply-note{font-size:11px;line-height:1.6;color:var(--muted);margin:10px 0 0}
.demo-feedback{min-height:38px;font-size:12px;line-height:1.7;color:#405384;margin:22px 0 0;padding-top:16px;border-top:1px solid var(--line)}
.builder-preview{background:#edf1f1;border:1px solid #dce2e2;border-radius:14px;padding:24px 25px 20px;min-width:0}
.preview-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:600;line-height:1.6;margin-bottom:22px}.preview-heading b{margin-right:9px}.sample-label{font-size:10px;letter-spacing:1px;font-weight:500;color:#526666;border:1px solid #c1cfcd;border-radius:4px;padding:4px 7px}
.game-device{max-width:362px;margin:auto;border:7px solid #253137;border-radius:24px;overflow:hidden;background:#253137;box-shadow:0 14px 25px #293d3d1c}
.game-device-top{display:flex;gap:9px;align-items:center;justify-content:center;min-height:39px;padding:9px 12px;color:#e1e9e5;line-height:1.4}.game-device-top strong{font-size:11px;letter-spacing:1.2px;overflow-wrap:anywhere;text-align:center}.game-indicator{width:5px;height:5px;border-radius:50%;background:var(--lime);flex-shrink:0}.game-device-mark{font-size:11px;color:#9baead;margin-left:auto}
.game-hud{display:grid;grid-template-columns:1fr 1fr 1fr;background:#fff7e6;padding:10px 9px;gap:5px;text-align:center;color:#354b48}.game-hud>span{display:flex;align-items:center;justify-content:center;gap:7px}.game-hud small{font-size:10px;letter-spacing:1px;font-weight:650}.game-hud strong{font-size:16px;font-variant-numeric:tabular-nums}
.game-stage{position:relative}.game-stage canvas{display:block;width:100%;height:auto;touch-action:none;outline-offset:-4px}.game-stage canvas:focus-visible{outline:3px solid var(--blue)}
.game-overlay{position:absolute;inset:0;display:flex;align-items:center;padding:17px;background:linear-gradient(transparent 25%,#1b393666)}.game-overlay[hidden]{display:none}.game-overlay>div{background:#fffcf4f5;border:1px solid #ffffffa6;border-radius:12px;width:100%;padding:21px;text-align:center;box-shadow:0 10px 30px #1f35272a}.overlay-kicker{color:#567065;font-size:8px;letter-spacing:1.2px;line-height:1.5;display:block}
.game-overlay h2,html[lang=ko] .game-overlay h2{font-size:24px;letter-spacing:-.8px;line-height:1.35;margin:10px 0}.game-overlay p{font-size:12px;line-height:1.7;color:#61716c;margin:0 0 15px}.game-overlay button{border:0;background:var(--blue);color:white;width:100%;min-height:44px;cursor:pointer}.game-overlay button:hover{background:#183bd6}
.game-inputs{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:7px;padding:9px;background:#253137}.game-inputs button{border:1px solid #526262;border-radius:7px;min-height:44px;background:#35474a;color:#fff;font-size:15px;cursor:pointer;touch-action:none}.game-inputs button:nth-child(2){background:var(--lime);border-color:var(--lime);color:#233334;font-weight:650;font-size:13px}.game-inputs button:disabled{opacity:.45;cursor:default}.game-inputs button:active:not(:disabled){transform:translateY(1px);filter:brightness(.92)}
.game-instructions{font-size:11px;line-height:1.75;color:#60716d;text-align:center;max-width:350px;margin:17px auto 0}
.game-actions{display:flex;gap:22px;justify-content:center;margin-top:10px}.game-actions button{border:0;background:none;color:#405958;font-size:12px;padding:10px;cursor:pointer;text-decoration:underline;text-underline-offset:4px;min-height:44px}.game-actions button:disabled{opacity:.4;cursor:default}.demo-noscript{font-size:14px;color:#a12626}
.builder-faq{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid var(--line);background:#f7f8fb;padding-top:72px;padding-bottom:72px}.builder-faq h2,html[lang=ko] .builder-faq h2{font-size:34px;letter-spacing:-1.5px;line-height:1.35}
.builder-questions details{border-top:1px solid #d4dae4;padding:22px 0}.builder-questions details:last-child{border-bottom:1px solid #d4dae4}.builder-questions summary{font-size:16px;font-weight:600;line-height:1.7;cursor:pointer;word-break:keep-all}.builder-questions p{font-size:14px;line-height:1.85;color:var(--muted);margin:14px 0 0}
.builder-contact{background:#111216;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:45px;padding-top:60px;padding-bottom:60px}.builder-contact h2,html[lang=ko] .builder-contact h2{font-size:36px;line-height:1.3;margin:16px 0}.builder-contact p{font-size:15px;line-height:1.8;color:#aab3c2;margin:0}.builder-contact .button{flex-shrink:0}
@media(max-width:1000px){.hero-demo-card{width:235px;margin-right:0}.hero-demo-top{padding:12px;font-size:8px}.hero-demo-caption{font-size:12px;padding:14px}.workbench{gap:20px}.builder-controls{padding:24px}.builder-preview{padding:21px 15px}.preview-heading{flex-wrap:wrap;gap:8px}.builder-faq{gap:40px}.builder-intro{padding-top:50px}}
@media(max-width:760px){.workbench{grid-template-columns:1fr}.builder-controls{max-width:none}.builder-preview{padding:24px 20px}.preview-heading{max-width:362px;margin-left:auto;margin-right:auto}.builder-faq{display:block}.builder-questions{margin-top:32px}.builder-contact{display:block}.builder-contact .button{margin-top:26px}}
@media(max-width:680px){.hero-demo-card{width:235px;margin:32px auto 14px}.builder-intro{padding-top:38px;padding-bottom:30px}.builder-intro h1,html[lang=ko] .builder-intro h1{font-size:39px;letter-spacing:-1.7px;line-height:1.25;margin:20px 0}.builder-intro>p{font-size:16px;line-height:1.8}.demo-disclosure{gap:10px;margin-top:21px}.demo-disclosure p{font-size:12px}.workbench{gap:20px;padding-bottom:45px}.builder-controls{padding:23px 20px}.builder-controls legend{font-size:17px}.preset-card{padding:14px 12px;gap:10px}.preset-card strong{font-size:13px}.preset-card small{font-size:11px}.preset-dot{width:28px;height:28px;flex-basis:28px}.builder-preview{padding:21px 13px 15px}.sample-label{font-size:10px}.game-device{border-width:6px;border-radius:21px}.game-overlay{padding:12px}.game-overlay>div{padding:18px 14px}.game-overlay h2,html[lang=ko] .game-overlay h2{font-size:22px}.game-hud{padding-left:5px;padding-right:5px}.game-hud small{font-size:10px;letter-spacing:.4px}.game-hud>span{gap:5px}.game-hud strong{font-size:15px}.builder-faq{padding-top:48px;padding-bottom:48px}.builder-faq h2,html[lang=ko] .builder-faq h2{font-size:29px}.builder-contact h2,html[lang=ko] .builder-contact h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){.hero-demo-card{transform:none}.hero-demo-card:hover{transform:none}}

.demo-shortcuts{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:20px}.demo-shortcuts a,.demo-section-link{display:inline-flex;align-items:center;min-height:44px;color:var(--blue);font-size:13px;text-decoration:underline;text-underline-offset:4px}
.demo-section-link{margin-top:12px}.builder-preview>.demo-section-link{display:flex;justify-content:center}
.builder-controls:focus,.builder-preview:focus{outline:none}.builder-controls:focus-visible,.builder-preview:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.builder-email{flex:0 1 310px;min-width:0}.builder-email-address{display:block;margin-top:18px;line-height:1.6;font-size:14px;overflow-wrap:anywhere}.builder-email .copy-email{font-size:12px}.builder-contact a:focus-visible,.builder-contact button:focus-visible{outline-color:var(--lime)}
@media(max-width:680px){.game-hud>span{flex-direction:column;gap:2px}.game-hud small{letter-spacing:.2px}.demo-tuning input,.demo-tuning select{font-size:16px}}