.demo-site,.demo-player,.demo-loading{font-family:Apple SD Gothic Neo,Malgun Gothic,sans-serif;color:#f6f2e9;background:#090d14;box-sizing:border-box}.demo-site *,.demo-player *{box-sizing:border-box}.demo-loading{min-height:100dvh;display:grid;place-items:center}.demo-site{min-height:100dvh}.demo-home-header{max-width:1200px;margin:0 auto;padding:26px 28px;display:flex;justify-content:space-between;align-items:center}.demo-wordmark{font-weight:900;font-size:25px;letter-spacing:-1px;color:#fff;text-decoration:none}.demo-wordmark span{color:#e6b65d}.demo-home-header>span{font-size:13px;color:#aeb4bd}.demo-home-main{max-width:1200px;margin:0 auto;padding:0 28px}.demo-hero{min-height:590px;border:1px solid #ffffff17;border-radius:18px;background:linear-gradient(90deg,#080c13f5,#080c13c9 32%,#080c131a 80%),var(--demo-cover) center 30%/cover;display:flex;align-items:center;overflow:hidden}.demo-hero-content{padding:56px;max-width:650px}.demo-eyebrow{color:#edc77f;font-size:12px;letter-spacing:.12em;font-weight:800}.demo-hero h1{font-size:70px;letter-spacing:-3px;margin:18px 0}.demo-subtitle{font-size:23px;line-height:1.5;margin:0 0 12px;color:#f4e6cb}.demo-home-copy{font-size:15px;line-height:1.6;color:#c7c9cf;margin:0 0 30px}.demo-play-button{display:inline-flex;align-items:center;justify-content:center;gap:13px;background:#edc77f;color:#19120a;border:1px solid #f7da9f;padding:16px 25px;border-radius:9px;font-size:17px;font-weight:800;text-decoration:none}.demo-play-button:hover{background:#f8d898}.demo-home-note{font-size:12px;color:#aeb2bb;margin:18px 0 0;line-height:1.7}.demo-storage-note{font-size:12px;color:#969da9;text-align:center;line-height:1.7;margin:21px 0}.demo-footer{font-size:12px;color:#6e7785;text-align:center;padding:20px}.demo-player{position:fixed;inset:0;height:100dvh;display:flex;flex-direction:column;z-index:5}.demo-player-bar{flex:0 0 auto;min-height:52px;padding:6px max(12px,env(safe-area-inset-right)) 6px max(12px,env(safe-area-inset-left));display:flex;align-items:center;gap:18px;border-bottom:1px solid #ffffff1a;background:#0b1019}.demo-player-bar a,.demo-player-bar button{font:inherit;font-size:13px;color:#c1c7d0;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;text-decoration:none;border:0;background:transparent;border-radius:7px;padding:0 10px;cursor:pointer}.demo-player-bar h1{font-size:15px;margin:0;flex:1;white-space:nowrap}.demo-player-bar h1 small{font-size:10px;color:#dcba7a;margin-left:5px;font-weight:500}.demo-player-bar>div{display:flex;gap:6px}.demo-player-bar .demo-feedback-button{color:#1b150b;background:#eac47c;font-weight:800;padding:0 13px}.demo-player-bar a:hover,.demo-player-bar .demo-fullscreen:hover{background:#ffffff10}.demo-game-area{flex:1;position:relative;min-height:0;background:#05040a}.demo-game-area iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#05040a}.demo-game-loading{position:absolute;inset:0;display:grid;place-items:center;background:#05040a;color:#aeb4bd}.demo-player-notice{font-size:12px;padding:8px 15px;margin:0;display:flex;justify-content:space-between;background:#23201a}.demo-player-notice button{color:inherit;background:none;border:0;cursor:pointer}.demo-feedback-backdrop{position:absolute;inset:0;z-index:10;background:#0009;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:18px}.demo-feedback-dialog{width:min(470px,100%);max-height:calc(100dvh - 36px);overflow:auto;border:1px solid #766341;border-radius:15px;background:#111722;box-shadow:0 20px 80px #0009;padding:25px}.demo-feedback-dialog>header{display:flex;justify-content:space-between;align-items:flex-start}.demo-feedback-dialog header small{font-size:11px;color:#d2af72}.demo-feedback-dialog h2{font-size:26px;margin:5px 0 0;color:#fff}.demo-feedback-dialog header button{min-width:38px;min-height:38px;display:grid;place-items:center;color:#b9c0cb;border:0;background:transparent;cursor:pointer;border-radius:8px}.demo-feedback-dialog form{display:grid;gap:11px}.demo-feedback-dialog form>p{color:#acb4c1;font-size:13px;margin:16px 0 9px;line-height:1.6}.demo-feedback-dialog label{font-size:13px;color:#e5e7eb}.demo-feedback-dialog textarea{width:100%;resize:vertical;min-height:130px;font:inherit;font-size:14px;line-height:1.7;background:#080d15;border:1px solid #414958;color:#fff;border-radius:8px;padding:12px;outline:none}.demo-feedback-dialog textarea:focus{border-color:#eac47c}.demo-feedback-dialog form>small{font-size:11px;color:#929cab;line-height:1.7}.demo-feedback-dialog form>button,.demo-feedback-success>button{min-height:44px;border:0;border-radius:8px;background:#eac47c;color:#211a0e;font:inherit;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;margin-top:7px}.demo-feedback-dialog button:disabled{opacity:.6}.demo-feedback-dialog .demo-feedback-error{color:#ffad9f;margin:0}.demo-feedback-success{display:grid;gap:10px;text-align:center;padding-top:20px}.demo-feedback-success>svg{color:#8ed0a6;margin:auto}.demo-feedback-success h3{margin:3px 0;color:#fff}.demo-feedback-success p{margin:0 0 10px;color:#acb4c1;font-size:13px;line-height:1.6}.demo-feedback-success .demo-another{background:transparent;color:#aeb7c6;font-weight:500;margin:0;font-size:12px}.demo-site a:focus-visible,.demo-player button:focus-visible,.demo-player a:focus-visible{outline:2px solid #f8d898;outline-offset:3px}@media(max-width:650px){.demo-home-header{padding:20px}.demo-wordmark{font-size:22px}.demo-home-header>span{font-size:11px}.demo-home-main{padding:0 16px}.demo-hero{min-height:550px;align-items:flex-end;border-radius:12px;background:linear-gradient(0deg,#080c13,#080c13e6 37%,#080c1300 80%),var(--demo-cover) 60% 30%/cover}.demo-hero-content{padding:30px 24px}.demo-hero h1{font-size:48px;letter-spacing:-2px;margin:13px 0}.demo-subtitle{font-size:18px}.demo-home-copy{font-size:13px;margin-bottom:22px}.demo-play-button{width:100%;font-size:15px;padding:14px 16px}.demo-home-note{font-size:11px}.demo-storage-note{font-size:11px;padding:0 12px}.demo-player-bar{gap:6px;padding-top:max(5px,env(safe-area-inset-top));min-height:49px}.demo-player-bar h1{font-size:13px}.demo-player-bar h1 small,.demo-player-bar .demo-fullscreen span{display:none}.demo-player-bar a,.demo-player-bar button{font-size:12px;padding:0 7px}.demo-player-bar .demo-feedback-button{padding:0 10px}.demo-feedback-dialog{padding:20px}.demo-feedback-dialog h2{font-size:23px}}@media(max-height:500px){.demo-feedback-backdrop{align-items:flex-start;padding:10px}.demo-feedback-dialog{padding:16px;max-height:calc(100dvh - 20px)}.demo-feedback-dialog textarea{min-height:85px}.demo-feedback-dialog form{gap:7px}.demo-feedback-dialog form>p{margin:7px 0}.demo-player-bar{min-height:44px}}.demo-display-guide h2{font-size:22px;line-height:1.4;word-break:keep-all}.demo-display-guide>p{font-size:13px;color:#b8c1cd;line-height:1.7}.demo-display-guide ol{padding-left:23px;font-size:14px;line-height:1.8;color:#f0e8d9}.demo-display-guide li{margin:10px 0}.demo-display-guide label{display:block;margin:15px 0 8px}.demo-display-guide input{width:100%;border:1px solid #414958;border-radius:7px;padding:11px;background:#080d15;color:#e8e2d5;font-size:14px}.demo-display-guide .demo-guide-copy,.demo-display-guide .demo-guide-back{width:100%;min-height:44px;border-radius:8px;font:inherit;font-size:14px;cursor:pointer;margin-top:10px}.demo-display-guide .demo-guide-copy{background:#eac47c;color:#211a0e;border:0;font-weight:800}.demo-display-guide .demo-guide-back{background:transparent;color:#d1d7e0;border:1px solid #414958}.demo-display-guide .demo-guide-note{font-size:11px;color:#a6aeba}.demo-display-guide{padding-bottom:max(25px,env(safe-area-inset-bottom))}.demo-next-story{max-width:760px;margin:36px auto 6px;padding:24px 0 16px;border-top:1px solid #ffffff12;display:flex;align-items:center;justify-content:space-between;gap:24px}.demo-next-story p{font-size:15px;color:#c9bc9e;margin:0 0 8px;line-height:1.5;letter-spacing:-.2px}.demo-next-story span{font-size:12px;color:#88919f;line-height:1.7;word-break:keep-all}.demo-next-story nav{display:flex;gap:18px;flex-shrink:0}.demo-next-story a{min-height:44px;display:inline-flex;gap:6px;align-items:center;color:#acb2bd;font-size:12px;text-decoration:none}.demo-next-story a:hover{color:#edc77f}.demo-next-story a:focus-visible{outline:2px solid #edc77f;outline-offset:4px}@media(max-width:650px){.demo-next-story{margin-top:28px;padding-top:22px;flex-direction:column;align-items:flex-start;gap:9px}.demo-next-story p{font-size:14px}.demo-next-story nav{gap:24px}.demo-next-story a{font-size:12px}}