:root{--bg:#fbfaf7;--surface:#fff;--surface-2:#f3f1ec;--text:#1b1c20;--muted:#62666f;--line:#e7e4dd;--accent:#1f7a5a;--on-accent:#fff;--accent-soft:#e3f2eb;--ok:#127a46;--thumb-l:93%;--thumb-s:70%;--shadow:0 1px 2px rgba(20,20,10,.05),0 4px 14px rgba(20,20,10,.05);color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#121317;--surface:#1b1d22;--surface-2:#22252b;--text:#eceef2;--muted:#9ca2ad;--line:#2b2e35;--accent:#5cc79b;--on-accent:#0d1a14;--accent-soft:#183328;--ok:#4cc38a;--thumb-l:22%;--thumb-s:35%;--shadow:none;color-scheme:dark}}:root[data-theme=dark]{--bg:#121317;--surface:#1b1d22;--surface-2:#22252b;--text:#eceef2;--muted:#9ca2ad;--line:#2b2e35;--accent:#5cc79b;--on-accent:#0d1a14;--accent-soft:#183328;--ok:#4cc38a;--thumb-l:22%;--thumb-s:35%;--shadow:none;color-scheme:dark}*{box-sizing:border-box}html{scroll-padding-top:120px}body{margin:0;background:var(--bg);color:var(--text);font-family:Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,sans-serif;line-height:1.6;word-break:keep-all;-webkit-text-size-adjust:100%}a{color:inherit}.wrap{max-width:1080px;margin:0 auto;padding:0 16px}.wrap.narrow{max-width:720px}header.top{background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.bar{gap:12px;height:56px}.bar,.brand{display:flex;align-items:center}.brand{gap:8px;font-weight:800;font-size:19px;letter-spacing:-.02em;text-decoration:none;flex-shrink:0}.brand img{width:30px;height:30px;border-radius:8px}.menu{display:none}.tools{margin-left:auto;display:flex;align-items:center;gap:12px;min-width:0}.tools a{text-decoration:none;color:var(--muted);font-size:14px;white-space:nowrap}.tools a:hover{color:var(--text)}.tools a.me{display:inline-block;max-width:7em;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}.tools a.priv{display:none}.icon-btn{width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-size:16px;cursor:pointer;display:grid;place-items:center;flex-shrink:0}.menu-m{display:flex;gap:6px;overflow-x:auto;padding:0 16px 10px;scrollbar-width:none}.menu-m::-webkit-scrollbar{display:none}.menu-m a{flex-shrink:0;text-decoration:none;font-size:14px;font-weight:600;padding:6px 12px;border-radius:99px;background:var(--surface-2);color:var(--text)}.hero{padding:32px 0 8px}.hero.small{padding-bottom:20px}.eyebrow{margin:0 0 6px;color:var(--accent);font-weight:700;font-size:14px}.hero h1{font-size:clamp(26px,6.4vw,44px);line-height:1.25;margin:0 0 12px;letter-spacing:-.03em}.hero p{font-size:16px;color:var(--muted);max-width:640px;margin:0 0 20px}.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:8px}.quick-card{display:flex;flex-direction:column;gap:2px;padding:14px 12px;border-radius:16px;text-decoration:none;background:hsl(var(--hue) var(--thumb-s) var(--thumb-l));border:1px solid color-mix(in srgb,var(--line) 60%,transparent)}.quick-card span{font-size:26px;line-height:1.2}.quick-card b{font-size:16px;letter-spacing:-.01em}.quick-card small{color:var(--muted);font-size:12px}section{padding:28px 0}h2{font-size:22px;margin:0 0 4px;letter-spacing:-.02em}.sub{color:var(--muted);margin:0 0 16px;font-size:15px}.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.more{color:var(--accent);font-weight:700;font-size:14px;text-decoration:none;white-space:nowrap}.tiles{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.tile{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;text-decoration:none;box-shadow:var(--shadow);transition:transform .15s,border-color .15s}.tile:hover{border-color:var(--accent);transform:translateY(-2px)}.thumb{display:grid;place-items:center;aspect-ratio:16/10;font-size:40px;background:hsl(var(--hue) var(--thumb-s) var(--thumb-l))}.tile-body{display:flex;flex-direction:column;gap:4px;padding:10px 12px 12px;min-width:0}.tile-body b{font-size:15px;letter-spacing:-.01em;line-height:1.35}.new{font-size:12px;font-weight:700;color:var(--accent)}.desc{color:var(--muted);font-size:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.chips-row{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.chip{font-size:11px;font-weight:600;padding:1px 7px;border-radius:99px;background:var(--surface-2);color:var(--muted)}.tiles.wide{grid-template-columns:1fr}.tiles.wide .tile{flex-direction:row}.tiles.wide .thumb{aspect-ratio:auto;width:84px;flex-shrink:0;font-size:34px}.spots{display:grid;gap:12px}.spot{display:flex;gap:12px;align-items:flex-start;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:16px;text-decoration:none;box-shadow:var(--shadow)}.spot:hover{border-color:var(--accent)}.spot-icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;font-size:26px;background:var(--surface-2);flex-shrink:0}.spot .tile-body{padding:0}.lock{font-size:11px;font-weight:700;color:var(--muted);margin-left:6px;white-space:nowrap}.maker-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-radius:16px;background:var(--accent-soft);text-decoration:none}.maker-strip b{display:block;font-size:15px}.maker-strip small{color:var(--muted);font-size:13px}.career{padding-left:20px;margin:8px 0 0}.career li{margin-bottom:6px}.btn{display:inline-block;background:var(--accent);color:var(--on-accent);padding:12px 22px;border-radius:12px;text-decoration:none;font-weight:700;border:0;font-size:16px;cursor:pointer}.btn:disabled{opacity:.6}.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--line);margin-left:8px}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:20px;text-decoration:none;display:block}a.card:hover{border-color:var(--accent)}.notice{background:var(--accent-soft);border-radius:10px;padding:12px 14px;font-size:14px}.ok{color:var(--ok);font-weight:600}table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;font-size:15px}td,th{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:var(--accent-soft)}.table-scroll{overflow-x:auto}form.contact{display:grid;gap:10px;max-width:640px}input,select,textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);font:inherit;font-size:16px}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}textarea{min-height:140px}footer{border-top:1px solid var(--line);padding:24px 0 32px;color:var(--muted);font-size:14px;margin-top:24px}.foot{display:flex;flex-wrap:wrap;gap:8px 18px}.foot a{text-decoration:none}.foot a:hover{color:var(--text)}.game-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;padding:20px 0 12px}.game-head h1{font-size:clamp(22px,4vw,34px);margin:4px 0 6px;letter-spacing:-.02em}.game-head .sub{font-size:14px}.save-note{margin:8px 0 0;font-size:13px;color:var(--muted)}.game-frame{display:block;width:100%;height:calc(100vh - 110px);height:calc(100dvh - 110px);min-height:520px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}@media (max-width:719px){.btn.ghost{margin:8px 0 0}}@media (min-width:720px){.wrap{padding:0 24px}.bar{height:64px;gap:28px}.menu{display:flex;gap:22px}.menu a{text-decoration:none;color:var(--muted);font-size:15px;font-weight:600;white-space:nowrap}.menu a:hover{color:var(--text)}.menu-m{display:none}.tools a.priv{display:inline}html{scroll-padding-top:80px}.hero{padding:64px 0 16px}.hero p{font-size:18px}.quick{grid-template-columns:repeat(3,minmax(0,200px));gap:14px}.quick-card{padding:18px 16px}section{padding:40px 0}h2{font-size:26px}.tiles{grid-template-columns:repeat(4,1fr);gap:16px}.tiles.wide{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.tiles.wide .tile{flex-direction:column}.tiles.wide .thumb{aspect-ratio:16/9;width:auto;font-size:48px}.spots{grid-template-columns:repeat(2,1fr)}.game-frame{height:calc(100vh - 90px);height:calc(100dvh - 90px)}}