:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-ground:#0d2238;--color-ground-rgb:13, 34, 56;--color-ground-deep:#0a1a2c;--color-tile:#22425f;--color-ink:#14121a;--color-ink-rgb:20, 18, 26;--color-ink-soft:#3d4150;--color-ink-muted:#4b4f5e;--color-on-ground:#fff;--color-on-ground-soft:#d6e0ee;--color-on-ground-faint:#9fb0c6;--color-surface:#fff;--color-surface-sunken:#f4f6fa;--color-rule:#e6eaf0;--color-primary:#ff9a1c;--color-primary-rgb:255, 154, 28;--color-title:#ff6b1b;--color-highlight:#fdd33d;--color-mana:#2f7fe0;--color-danger:#db4536;--color-grass:#5f9a30;--grass-image:url(/brand/grass.jpg);--color-element-fire:#ff6b1b;--color-element-lightning:#fdd33d;--color-element-nature:#6aa84f;--color-element-rock:#a88f6a;--color-element-water:#4aa8e8;--color-element-wind:#bfe8da;--border-flat:3px solid var(--color-ink);--shadow-flat:0 5px 0 var(--color-ink);--shadow-flat-lg:0 7px 0 var(--color-ink);--shadow-flat-pressed:0 2px 0 var(--color-ink);--radius-control:14px;--radius-card:18px;--radius-pill:999px;--font-display:"Lilita One", "Jua", system-ui, sans-serif;--font-body:"Jua", system-ui, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--text-body:1.0625rem;--text-h1:clamp(2.25rem, 6vw, 3.5rem);--text-h2:clamp(1.75rem, 4.2vw, 2.75rem);--text-h3:clamp(1.25rem, 2.2vw, 1.75rem);--space-band:clamp(3.5rem, 8vw, 6rem);--gutter:16px;--transition-fast:.12s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--color-ground)}body{font-family:var(--font-body);color:var(--color-on-ground);background-color:var(--color-ground);font-size:var(--text-body);-webkit-font-smoothing:antialiased;touch-action:manipulation;word-break:keep-all;overflow-wrap:break-word;line-height:1.6;overflow-x:hidden}img,svg,video,canvas{max-width:100%}h1,h2,h3,h4{font-family:var(--font-display);text-wrap:balance;font-weight:400;line-height:1.15}h1{font-size:var(--text-h1)}h2{font-size:var(--text-h2)}h3{font-size:var(--text-h3)}p{text-wrap:pretty}a{color:inherit;text-decoration:none}a,button,input,textarea{min-width:0}input,textarea,select{max-width:100%;font:inherit}button{font:inherit;color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--color-highlight);outline-offset:3px}::selection{background:var(--color-highlight);color:var(--color-ink)}.skip-link{z-index:10000;transition:transform .2s;position:fixed;top:.75rem;left:.75rem;transform:translateY(-200%)}.skip-link:focus-visible{transform:translateY(0)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.container{width:100%;max-width:1200px;padding-inline:var(--gutter);margin-inline:auto}.container-narrow{width:100%;max-width:820px;padding-inline:var(--gutter);margin-inline:auto}.band{padding-block:var(--space-band)}.grass{background-color:var(--color-grass);background-image:var(--grass-image);border-bottom:6px solid var(--color-ink);background-size:420px 420px}.flat-card{background:var(--color-surface);color:var(--color-ink);border:var(--border-flat);border-radius:var(--radius-card);box-shadow:var(--shadow-flat)}.flat-btn{background:var(--color-surface);min-height:48px;color:var(--color-ink);border:var(--border-flat);border-radius:var(--radius-control);box-shadow:var(--shadow-flat);font-family:var(--font-display);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast);justify-content:center;align-items:center;gap:.6rem;padding:0 1.4rem;font-size:1.125rem;line-height:1;display:inline-flex}.flat-btn:hover{box-shadow:0 3px 0 var(--color-ink);transform:translateY(2px)}.flat-btn:active{box-shadow:var(--shadow-flat-pressed);transform:translateY(3px)}.flat-btn-primary,.flat-btn[aria-current=page]{background:var(--color-primary);color:var(--color-on-ground);text-shadow:2px 0 0 var(--color-ink), -2px 0 0 var(--color-ink), 0 2px 0 var(--color-ink), 0 -2px 0 var(--color-ink), 0 4px 0 var(--color-ink)}.flat-btn-lg{border-radius:var(--radius-card);min-height:84px;box-shadow:var(--shadow-flat-lg);padding:0 2.25rem;font-size:clamp(1.75rem,4vw,2.75rem)}.tile{background:var(--color-tile);border:var(--border-flat);border-radius:var(--radius-control);justify-content:center;align-items:center;display:flex}.text-outline{color:var(--color-on-ground);text-shadow:2px 0 0 var(--color-ink), -2px 0 0 var(--color-ink), 0 2px 0 var(--color-ink), 0 -2px 0 var(--color-ink), 0 4px 0 var(--color-ink)}.text-title{font-family:var(--font-display);color:var(--color-title);text-shadow:3px 0 0 var(--color-ink), -3px 0 0 var(--color-ink), 0 3px 0 var(--color-ink), 0 -3px 0 var(--color-ink), 2px 2px 0 var(--color-ink), -2px -2px 0 var(--color-ink), 2px -2px 0 var(--color-ink), -2px 2px 0 var(--color-ink), 0 5px 0 var(--color-ink)}.title-banner{background:var(--color-surface);border:var(--border-flat);box-shadow:var(--shadow-flat);padding:.4rem 2rem;display:inline-block;transform:skew(-10deg)}.title-banner>*{display:block;transform:skew(10deg)}.segmented{background:var(--color-surface);border:var(--border-flat);border-radius:var(--radius-control);box-shadow:0 4px 0 var(--color-ink);gap:4px;padding:4px;display:inline-flex}.segmented button{min-height:38px;color:var(--color-ink);font-family:var(--font-body);cursor:pointer;background:0 0;border:3px solid #0000;border-radius:10px;padding:0 .9rem;font-size:1rem}.segmented button[aria-pressed=true]{background:var(--color-primary);border-color:var(--color-ink);color:var(--color-on-ground);text-shadow:0 2px 0 var(--color-ink)}.page-fade-in{animation:.25s ease-out pageFadeIn}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}@media (width>=768px){:root{--gutter:32px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.navbar{z-index:100}.navbar-home{background:0 0;position:absolute;top:0;left:0;right:0}.navbar-page{background:var(--color-ground-deep);border-bottom:4px solid var(--color-ink);position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;gap:1rem;padding-block:.9rem;display:flex}.navbar-inner-home{justify-content:flex-end}.navbar-logo{flex-shrink:0;align-items:center;display:flex}.navbar-logo-img{width:auto;height:50px;display:block}.navbar-actions{align-items:center;gap:.75rem;display:flex;position:relative}.navbar-links{align-items:center;gap:.6rem;display:flex}.navbar-link{min-height:44px;padding:0 1.1rem;font-size:1rem}.navbar-menu-btn{background:var(--color-primary);width:44px;height:44px;color:var(--color-on-ground);border:var(--border-flat);border-radius:var(--radius-control);box-shadow:var(--shadow-flat);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;display:none}.navbar-menu-btn:active{box-shadow:var(--shadow-flat-pressed);transform:translateY(3px)}@media (width<=767px){.navbar-links{top:100%;left:var(--gutter);right:var(--gutter);flex-direction:column;align-items:stretch;gap:.5rem;margin-top:.6rem;padding:.75rem;display:none;position:absolute}.navbar-links.is-open{z-index:100;background:var(--color-surface);color:var(--color-ink);border:var(--border-flat);border-radius:var(--radius-card);box-shadow:var(--shadow-flat);display:flex}.navbar-link{width:100%}.navbar-menu-btn{display:inline-flex}.navbar-inner{gap:.5rem}.navbar-logo{flex-shrink:1;min-width:0}.navbar-logo-img{max-width:100%;height:auto;max-height:32px}.navbar-actions{gap:.5rem}.navbar-actions .segmented button{min-height:34px;padding:0 .5rem;font-size:.875rem}}.footer{background:var(--color-ground-deep);padding-block:1.4rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.footer-brand{align-items:center;gap:.85rem;display:flex}.footer-logo{border:3px solid var(--color-ink);object-fit:cover;border-radius:50%;flex-shrink:0;width:52px;height:52px}.footer-brand-name{font-family:var(--font-display);color:var(--color-on-ground);font-size:1.25rem}.footer-ai-notice{color:var(--color-on-ground-faint);font-size:.8rem}.footer-links,.footer-platform-links{flex-wrap:wrap;align-items:center;gap:1.25rem;display:flex}.footer-links a,.footer-platform-links a{color:var(--color-on-ground-soft);transition:color var(--transition-fast);font-size:.9rem}.footer-platform-links a{font-size:.82rem}.footer-links a:hover,.footer-links a:focus-visible,.footer-platform-links a:hover,.footer-platform-links a:focus-visible{color:var(--color-on-ground)}@media (width<=767px){.footer-inner{flex-direction:column;align-items:flex-start;gap:1rem}.footer-links,.footer-platform-links{gap:1rem}}.home-page{width:100%}.home-hero{box-sizing:border-box;padding-top:100px}.home-hero-grid{grid-template-columns:1fr;grid-template-areas:"logo""chars""buttons";place-items:center;gap:32px;padding-block:32px 48px;display:grid}.home-hero-chars{grid-area:chars;width:358px;max-width:100%;height:270px;position:relative}.home-hero-shadow{background:#14121a38;border-radius:50%;width:230px;height:34px;position:absolute;bottom:0;left:40px}.home-hero-caster{width:auto;height:260px;position:absolute;bottom:0;left:105px}.home-hero-archer{width:auto;height:100px;position:absolute;bottom:0;left:10px}.home-hero-golem{width:auto;height:120px;position:absolute;bottom:6px;right:10px}.home-hero-logo{grid-area:logo;margin:0;line-height:0}.home-hero-logo img{width:min(320px,82vw);height:auto;display:block}.home-hero-buttons{flex-direction:column;grid-area:buttons;align-items:center;gap:18px;width:100%;display:flex}.home-hero-play{width:100%;max-width:358px;height:72px;font-size:32px}.home-hero-stores{gap:12px;display:flex}.home-hero-stores .flat-btn{width:173px;height:52px;font-size:17px}@media (width>=768px){.home-hero{min-height:100vh}.home-hero-grid{grid-template-columns:auto 1fr;grid-template-areas:"chars logo""chars buttons";place-items:center start;gap:20px 40px;min-height:calc(100vh - 100px);padding-block:0}.home-hero-chars{justify-self:center;width:520px;height:640px}.home-hero-shadow{width:360px;height:60px;bottom:30px;left:80px}.home-hero-caster{height:560px;bottom:40px;left:60px}.home-hero-archer{height:170px;bottom:10px;left:-30px}.home-hero-golem{height:210px;bottom:30px;right:-20px}.home-hero-logo{justify-self:center}.home-hero-logo img{width:min(600px,44vw)}.home-hero-buttons{justify-self:center;align-items:center}.home-hero-play{max-width:460px;height:92px;font-size:44px}.home-hero-stores{gap:16px}.home-hero-stores .flat-btn{width:222px;height:60px;font-size:20px}}.home-howto{padding-block:48px}.home-howto-grid{flex-direction:column;gap:22px;display:flex}.home-howto-item{text-align:left;align-items:center;gap:16px;display:flex}.home-howto-tile{flex-shrink:0;width:84px;height:84px;position:relative}.home-howto-sprite{object-fit:contain;width:64px;height:64px}.home-howto-badge{background:var(--color-primary);border:var(--border-flat);width:38px;height:38px;font-family:var(--font-display);border-radius:50%;justify-content:center;align-items:center;font-size:19px;display:flex;position:absolute;top:-14px;left:-14px}.home-howto-copy{flex-direction:column;gap:4px;display:flex}.home-howto-title{margin:0;font-size:22px;font-weight:400}.home-howto-body{color:var(--color-on-ground-soft);margin:0;font-size:15px;line-height:1.45}@media (width>=768px){.home-howto{padding-block:90px 60px}.home-howto-grid{flex-direction:row;justify-content:center;gap:120px}.home-howto-item{text-align:center;flex-direction:column;align-items:center;gap:18px}.home-howto-tile{width:170px;height:170px}.home-howto-sprite{width:130px;height:130px}.home-howto-badge{width:50px;height:50px;font-size:26px;top:-16px;left:-16px}.home-howto-title{font-size:32px}.home-howto-body{max-width:280px;font-size:19px}}.home-gameplay{padding-block:44px}.home-gameplay-inner{flex-direction:column;gap:28px;display:flex}.home-gameplay-frame{aspect-ratio:16/9;border:4px solid var(--color-ink);width:100%;max-width:1000px;box-shadow:0 7px 0 var(--color-ink);border-radius:20px;margin-inline:auto;overflow:hidden}.home-gameplay-shot{object-fit:cover;width:100%;height:100%;display:block}.home-magic-row{flex-direction:column;gap:18px;display:flex}.home-magic-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.home-magic-tile{aspect-ratio:1;height:auto}.home-magic-sprite{object-fit:contain;width:60%;height:60%}.home-magic-cta{width:100%;height:56px;font-size:20px}@media (width>=768px){.home-gameplay{padding-block:60px 90px}.home-gameplay-inner{gap:60px}.home-magic-row{flex-direction:row;justify-content:center;align-items:center;gap:18px}.home-magic-grid{gap:18px;display:flex}.home-magic-tile{aspect-ratio:auto;width:104px;height:104px}.home-magic-tile:last-child{display:none}.home-magic-sprite{width:80px;height:80px}.home-magic-cta{width:auto;height:104px;padding:0 30px;font-size:24px}}.team-page{padding:100px var(--gutter) 60px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3.5rem;display:flex}.team-hero{flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;display:flex}.team-logo{border:4px solid var(--color-ink);width:150px;height:150px;box-shadow:var(--shadow-flat-lg);object-fit:cover;border-radius:50%;flex-shrink:0;display:block}.team-hero .text-title{font-size:clamp(2.25rem,5vw,3.5rem)}.team-members{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:2.25rem;display:flex}.team-card{flex-direction:column;align-items:center;gap:1rem;width:340px;max-width:100%;padding:1.9rem 1.5rem;display:flex}.team-avatar{border:var(--border-flat);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:96px;height:96px;display:flex}.team-avatar-text{font-family:var(--font-display);font-size:2.25rem}.team-name{text-align:center;overflow-wrap:anywhere;margin:0;font-size:1.9rem}.team-links{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}@media (width<=640px){.team-page{gap:2.5rem;padding-top:100px}.team-hero{flex-direction:column;gap:1.25rem}.team-members{flex-direction:column;align-items:center}}.magic-page{padding-block:1.75rem 3.5rem}.magic-page-head{align-items:center;gap:1.5rem;margin-bottom:1.75rem;display:flex}.magic-back-button{width:60px;min-height:60px;color:var(--color-on-ground);flex-shrink:0;padding:0}.magic-back-button svg{filter:drop-shadow(0 2px 0 var(--color-ink))}.magic-page-title{margin:0;font-size:clamp(1.75rem,5vw,2.625rem);font-weight:400;line-height:1.15}.element-fire{--element:var(--color-element-fire)}.element-lightning{--element:var(--color-element-lightning)}.element-nature{--element:var(--color-element-nature)}.element-rock{--element:var(--color-element-rock)}.element-water{--element:var(--color-element-water)}.element-wind{--element:var(--color-element-wind)}.magic-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.magic-layout:not(.has-selection) .magic-detail{display:none}.magic-layout .magic-detail{order:-1;scroll-margin-top:1rem}@media (width>=960px){.magic-layout{grid-template-columns:minmax(0,690fr) minmax(0,510fr);gap:2.5rem}.magic-layout .magic-detail,.magic-layout:not(.has-selection) .magic-detail{order:0;max-height:calc(100vh - 3rem);display:flex;position:sticky;top:1.5rem;overflow-y:auto}.magic-layout .magic-detail-back{display:none}}.magic-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1.4rem;display:flex}.magic-chips{flex-wrap:wrap;gap:.6rem;display:flex}.magic-chip,.magic-select select{background:var(--color-surface);min-height:44px;color:var(--color-ink);border:var(--border-flat);box-shadow:0 4px 0 var(--color-ink);font-family:var(--font-body);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast);border-radius:12px;align-items:center;gap:.5rem;padding:0 1rem;font-size:1rem;line-height:1;display:inline-flex}.magic-chip:hover{box-shadow:0 2px 0 var(--color-ink);transform:translateY(2px)}.magic-chip[aria-pressed=true]{background:var(--color-highlight);box-shadow:0 2px 0 var(--color-ink);transform:translateY(2px)}.magic-chip-all{font-family:var(--font-display)}.magic-dot{border:2px solid var(--color-ink);background:var(--element);border-radius:50%;flex-shrink:0;width:16px;height:16px}.magic-select{align-items:center;display:inline-flex;position:relative}.magic-select select{appearance:none;padding-right:2.5rem}.magic-select svg{pointer-events:none;color:var(--color-ink);position:absolute;right:.9rem}.magic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=480px){.magic-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=720px){.magic-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:1.125rem}}.magic-tile{height:100%;min-height:112px;color:var(--color-on-ground);transition:transform var(--transition-fast);flex-direction:column;gap:.25rem;padding:.6rem .35rem .5rem;text-decoration:none}.magic-tile:hover{color:var(--color-on-ground);transform:translateY(-2px)}.magic-tile[aria-current=true]{border-color:var(--color-highlight);box-shadow:0 0 0 3px var(--color-ink)}.magic-tile img{aspect-ratio:1;object-fit:contain;width:100%;max-width:84px;height:auto}.magic-tile-name{-webkit-line-clamp:2;text-align:center;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:.875rem;line-height:1.2;display:-webkit-box;overflow:hidden}.magic-empty,.magic-ai-notice{color:var(--color-on-ground-soft);margin:1.5rem 0 0}.magic-ai-notice{color:var(--color-on-ground-faint);font-size:.875rem}.magic-detail{flex-direction:column;gap:1.25rem;min-width:0;padding:1.75rem;display:flex}.magic-detail-back{color:var(--color-ink);font-family:var(--font-display);align-self:flex-start;align-items:center;gap:.4rem;text-decoration:none;display:inline-flex}.magic-layout:not(.has-selection) .magic-detail-back{display:none}.magic-detail-head{align-items:center;gap:1.5rem;display:flex}.magic-detail-sprite{background:var(--color-surface-sunken);border:var(--border-flat);border-radius:var(--radius-control);flex-shrink:0;justify-content:center;align-items:center;width:160px;height:160px;display:flex}.magic-detail-sprite img{object-fit:contain;width:132px;height:132px}.magic-detail-heading{flex-direction:column;gap:.75rem;min-width:0;display:flex}.magic-detail-name{overflow-wrap:anywhere;margin:0;font-size:clamp(1.75rem,3.4vw,2.75rem);font-weight:400;line-height:1.1}.magic-pills{flex-wrap:wrap;gap:.6rem;display:flex}.magic-pill{background:color-mix(in srgb, var(--element,var(--color-surface)) 30%, var(--color-surface));min-height:36px;color:var(--color-ink);border:var(--border-flat);border-radius:var(--radius-pill);align-items:center;padding:0 1rem;font-size:1rem;line-height:1;display:inline-flex}.magic-pill-mana{background:var(--color-mana);font-family:var(--font-display)}.magic-detail-description{margin:0;font-size:1.0625rem;line-height:1.55}.magic-stats{flex-direction:column;margin:0;display:flex}.magic-stats>div{border-bottom:3px solid var(--color-rule);justify-content:space-between;gap:1rem;padding:.75rem .25rem;font-size:1.1875rem;display:flex}.magic-stats dt{color:var(--color-ink-muted)}.magic-stats dd{font-family:var(--font-display);text-align:right;margin:0}.magic-gallery{flex-direction:column;gap:1.25rem;display:flex}.magic-gallery-section h3{font-family:var(--font-display);margin:0 0 .6rem;font-size:1.125rem;font-weight:400}.magic-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.magic-gallery-grid figure{flex-direction:column;gap:.4rem;margin:0;display:flex}.magic-gallery-grid img{aspect-ratio:1;object-fit:contain;background:var(--color-surface-sunken);border:var(--border-flat);border-radius:var(--radius-control);width:100%;height:auto}.magic-gallery-grid figcaption{color:var(--color-ink-muted);font-size:.875rem}@media (width<=479px){.magic-page-head{gap:1rem}.magic-back-button{width:52px;min-height:52px}.magic-detail{padding:1.25rem}.magic-detail-head{gap:1rem}.magic-detail-sprite{width:104px;height:104px}.magic-detail-sprite img{width:84px;height:84px}}.legal-page{word-break:keep-all;width:100%;padding-block:var(--space-band)}.legal-hero{text-align:center;flex-direction:column;align-items:center;gap:.9rem;margin-bottom:2.5rem;display:flex}.legal-title{align-items:center;gap:.75rem;font-size:clamp(1.75rem,4.5vw,2.75rem);display:flex}.legal-effective{color:var(--color-on-ground-soft);font-size:.95rem}.legal-card{padding:clamp(1.5rem,5vw,3rem)}.legal-section+.legal-section,.legal-section{margin-top:2.5rem}.legal-section:first-child{margin-top:0}.legal-heading{font-size:var(--text-h3);margin-bottom:1rem}.legal-paragraph{color:var(--color-ink-soft);margin-bottom:.9rem;line-height:1.9}.legal-paragraph:last-child{margin-bottom:0}.legal-note{margin-top:.6rem}.legal-bullets{color:var(--color-ink-soft);flex-direction:column;gap:.6rem;margin-bottom:.9rem;padding-left:1.25rem;line-height:1.8;display:flex}.legal-table-wrapper{border:var(--border-flat);border-radius:var(--radius-control);margin-bottom:.9rem;overflow-x:auto}.legal-table{border-collapse:collapse;width:100%;min-width:480px;font-size:.9rem}.legal-table th,.legal-table td{text-align:left;vertical-align:top;border-bottom:3px solid var(--color-rule);padding:.7rem .9rem}.legal-table tr:last-child th,.legal-table tr:last-child td{border-bottom:none}.legal-table th{font-family:var(--font-display);color:var(--color-ink);white-space:nowrap;background:var(--color-surface-sunken);font-weight:400}.legal-table td{color:var(--color-ink-soft);line-height:1.7}