@import "https://fonts.googleapis.com/css2?family=ABeeZee:ital@0;1&family=Luckiest+Guy&display=swap";:root{--bg-base:#0b0907;--bg-elevated:#12100d;--bg-panel:#17130f;--bg-soft:#1d1712;--text-primary:#f3ebdc;--text-secondary:#c8bfb3;--text-muted:#978e84;--gold-1:#c77728;--gold-2:#d68e34;--gold-3:#e4a950;--gold-4:#f0c566;--gold-5:#f5d47a;--border-subtle:#e4a9502e;--border-strong:#e4a95061;--shadow-panel:0 12px 40px #00000073;--glow-gold-soft:0 0 24px #e4a95029;--glow-gold-medium:0 0 40px #d68e3438;--gradient-brand:linear-gradient(135deg, #c77728 0%, #e4a950 52%, #f5d47a 100%);--gradient-button:linear-gradient(180deg, #f0c566 0%, #d68e34 100%);--gradient-panel:linear-gradient(180deg, #ffffff05 0%, #fff0 100%);--gradient-hero-glow:radial-gradient(circle, #e4a9504d 0%, #e4a95014 40%, #0000 72%);--radius-card:24px;--radius-button:18px;--radius-pill:999px;color:#102a1a;background:linear-gradient(#8bdcff 0%,#dff8ff 100%);font-family:Arial,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh}.page-shell{background:linear-gradient(#8bdcff 0%,#dff8ff 100%);min-height:100vh;padding:.75rem;display:grid}.workspace-shell{justify-content:center;align-items:flex-start;gap:1rem;width:100%;max-width:78rem;margin:auto;display:flex}.app-shell{background:linear-gradient(#8bdcff 0%,#dff8ff 100%);border-radius:1.25rem;width:min(56.25vh - .84375rem,100%);max-width:100%;height:min(177.778vw,100vh - 1.5rem);max-height:calc(100vh - 1.5rem);margin:auto;position:relative;overflow:hidden;box-shadow:0 16px 40px #0f172a2e}canvas{display:block;width:100%!important;height:100%!important}.input-layer{z-index:1;touch-action:none;position:absolute;inset:0}.input-layer.is-dragging{cursor:grabbing}.input-layer.is-blocked{pointer-events:none}.hud-stack{z-index:2;pointer-events:none;flex-direction:column;gap:.45rem;display:flex;position:absolute}.hud-stack-left{top:.85rem;left:.85rem}.coin-counter{color:#fff8d8;pointer-events:none;text-shadow:0 1px 2px #00000059;background:#102a1aad;border-radius:999px;padding:.45rem .7rem;font-size:.84rem;font-weight:700}.distance-counter,.difficulty-counter{color:#eefcff;text-shadow:0 1px 2px #00000059;background:#102a1aad;border-radius:999px;padding:.45rem .7rem;font-size:.84rem;font-weight:700}.difficulty-counter{z-index:2;pointer-events:none;position:absolute;top:.85rem;right:.85rem}.city-health-shell{z-index:2;pointer-events:none;align-items:center;gap:.75rem;display:flex;position:absolute;bottom:.85rem;left:.85rem;right:.85rem}.city-health-panel{flex:1;min-width:0;padding:0}.city-health-bar{background:linear-gradient(#1c2228eb,#384048e0);border-radius:999px;height:.9rem;overflow:hidden;box-shadow:inset 0 1px 1px #ffffff1a,inset 0 -2px 4px #00000047}.city-health-fill{border-radius:999px;height:100%;transition:width .18s ease-out,background-color .18s ease-out;box-shadow:inset 0 -1px #fff3,0 0 10px #7aff5229}.city-health-image{object-fit:cover;border-radius:.9rem;width:4rem;height:4rem}.screen-overlay,.modal-overlay{z-index:4;position:absolute;inset:0}.screen-overlay{background:linear-gradient(#1024381a,#07121e3d);justify-content:center;display:flex}.screen-overlay-start{align-items:stretch}.screen-overlay-result,.modal-overlay{align-items:center;padding:1rem}.screen-overlay-result{background:radial-gradient(circle at 50% 45%,#ffffff14,#0000 34%),linear-gradient(#1024381f,#07121e61)}.startscreen-shell{background-image:url(/assets/img/startBackground.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;width:100%;position:relative}.startscreen-logo{width:min(93.74%,24.3125rem);margin:0 auto;padding-top:.95rem;display:block;position:relative}.startscreen-button-stack,.result-actions{justify-items:center;display:grid}.startscreen-button-stack{justify-items:center;position:absolute;inset:0}.game-menu-button,.corner-settings-button{box-sizing:border-box;color:#fff;font:inherit;cursor:pointer;text-shadow:2px 4px 4px #000c;backface-visibility:hidden;transform-style:preserve-3d;will-change:transform, box-shadow;border:4px solid #fff;padding:0;transition:transform .12s ease-out,box-shadow .12s ease-out,background .12s ease-out}.game-menu-button{background:linear-gradient(176.66deg,#335348 8.01%,#24443a 89.66%);justify-content:flex-start;align-items:center;display:flex;overflow:visible;box-shadow:0 6px 8px #00000073,inset -3px -5px 7px #00000085,inset 1px 2px 2px #ffffff1f}.game-menu-button-inner{align-items:center;width:100%;height:100%;display:flex}.game-menu-button-icon{filter:drop-shadow(0 3px 4px #000000e3);pointer-events:none;flex:none;height:auto}.game-menu-button-copy{text-align:left;flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.game-menu-button-title{color:#fff;text-align:left;text-shadow:2px 4px 4px #000000db;white-space:nowrap;font-family:Luckiest Guy,Arial,sans-serif;font-size:1.5rem;font-style:normal;font-weight:400;line-height:1}.game-menu-button-subtitle{color:#e5d3b5;text-align:left;text-shadow:0 4px 4px #000000e3;margin-top:.22rem;font-family:ABeeZee,Arial,sans-serif;font-size:.875rem;line-height:1.05}.new-game-button{aspect-ratio:272/73.5;border-radius:1.0625rem .95rem 1.15rem .98rem;width:min(65.54%,17rem);position:absolute;top:47.9%;left:50%;transform:translate(-50%)skew(-7deg)}.new-game-button .game-menu-button-inner{padding:.08rem .9rem .08rem .82rem;transform:skew(7deg)}.new-game-icon{width:4.75rem}.new-game-button .game-menu-button-copy{margin-left:.55rem}.how-to-play-button{background:linear-gradient(176.04deg,#335348 -19.22%,#24443a 73.59%);border-radius:1.0625rem .95rem 1.1rem .98rem;width:min(44.5%,11.6rem);min-height:2.375rem;position:absolute;bottom:1.8rem;left:50%;transform:translate(-50%)}.how-to-play-button .game-menu-button-inner{justify-content:center;gap:.35rem;padding:.2rem .62rem}.how-to-play-icon{width:1.8125rem}.how-to-play-button .game-menu-button-title{text-align:center;white-space:nowrap;font-size:1.125rem;line-height:1}.how-to-play-button .game-menu-button-subtitle{display:none}.corner-settings-button{z-index:1;background:linear-gradient(176.04deg,#335348 -19.22%,#24443a 73.59%);border-radius:.625rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;padding:.22rem;display:flex;position:absolute;top:1.125rem;right:.95rem;box-shadow:0 5px 7px #00000073,inset -2px -3px 4px #000}.game-menu-button:hover,.corner-settings-button:hover{box-shadow:0 7px 10px #0000008a,inset -3px -6px 8px #00000094,inset 1px 2px 2px #ffffff29}.game-menu-button:active,.corner-settings-button:active{box-shadow:0 2px 3px #00000057,inset 0 6px 10px #000000ad,inset 0 -1px 1px #ffffff1a}.new-game-button:active{transform:translate(-50%)translateY(2px)skew(-7deg)}.how-to-play-button:active{transform:translate(-50%)translateY(2px)}.corner-settings-button:active{transform:translateY(2px)}.result-play-button:active{transform:translateY(2px)skew(-7deg)}.result-menu-button:active{transform:translateY(2px)}.corner-settings-icon{object-fit:contain;filter:drop-shadow(0 4px 4px #000000e3);width:100%;height:100%;display:block}.city-damage-flash{z-index:3;pointer-events:none;animation-name:city-damage-flash;animation-timing-function:ease-out;animation-fill-mode:both;position:absolute;inset:0}@keyframes city-damage-flash{0%{opacity:0;box-shadow:inset 0 0 #f000,inset 0 0 #f000}18%{opacity:1;box-shadow:inset 2.6rem 0 2.6rem #dc141494,inset -2.6rem 0 2.6rem #dc141494}to{opacity:0;box-shadow:inset 0 0 #f000,inset 0 0 #f000}}.result-card,.settings-card{background:linear-gradient(#0b1f28f7,#15343cf5);border-radius:1.6rem;width:min(100%,26rem);box-shadow:inset 0 0 0 2px #ffffff1a,inset 0 -10px 18px #0000002e,0 20px 44px #0000006b}.result-card{max-height:calc(100vh - 2rem);padding:1.55rem 1.2rem 1.25rem;overflow:auto}.result-card-leaderboard{padding-top:1.25rem}.result-eyebrow{color:#ffd58a;letter-spacing:.08em;text-transform:uppercase;text-align:center;text-shadow:2px 4px 4px #000000b8;font-family:Luckiest Guy,Arial,sans-serif;font-size:.95rem;font-weight:400}.result-title{color:#fff8e8;letter-spacing:.02em;text-align:center;text-shadow:3px 5px 5px #000000b8;margin-top:.2rem;font-family:Luckiest Guy,Arial,sans-serif;font-size:clamp(2rem,6vw,3rem);font-weight:400}.result-title-leaderboard{margin-top:0;font-size:clamp(2.15rem,7vw,3.25rem)}.result-score{color:#ffc83b;text-align:center;text-shadow:3px 7px 6px #00000094;margin-top:.35rem;font-family:Luckiest Guy,Arial,sans-serif;font-size:clamp(3rem,10vw,4.8rem);font-weight:400;line-height:1}.result-score-label{color:#d8ece7;text-align:center;margin-top:.3rem;font-size:.92rem;font-weight:700}.result-stats{gap:.65rem;margin:1rem 0 1.05rem;display:grid}.result-stat,.settings-row{color:#f4fbfb;background:#ffffff12;border-radius:1rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.8rem .95rem;display:flex}.result-stat-label,.settings-row-value{color:#c5e6df;font-weight:700}.result-stat-value{color:#fff3d0;font-size:1.1rem;font-weight:900}.player-name-form{gap:.55rem;margin:.75rem 0 1rem;display:grid}.player-name-label,.leaderboard-title{color:#fff6e8;font-size:1rem;font-weight:900}.player-name-row{grid-template-columns:minmax(0,1fr) auto;gap:.5rem;display:grid}.player-name-input,.player-name-submit{min-height:2.75rem;font:inherit;border:0;border-radius:.8rem;font-weight:800}.player-name-input{color:#102a1a;background:#ffffffeb;width:100%;min-width:0;padding:0 .85rem;box-shadow:inset 0 2px 5px #0003,0 1px #ffffff2e}.player-name-submit{color:#3a2500;cursor:pointer;background:linear-gradient(#facc15,#f59e0b);min-width:4.25rem;padding:0 .9rem;box-shadow:inset 0 1px #ffffff61,0 5px 10px #0000003d}.player-name-submit:active{transform:translateY(1px)}.player-name-note,.leaderboard-subtitle,.leaderboard-login-note{color:#cae3dd;font-size:.78rem;font-weight:700}.leaderboard-shell{gap:.65rem;margin:.85rem 0 1rem;display:grid}.leaderboard-header{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.leaderboard-login-note{background:#ffffff14;border-radius:999px;flex:none;padding:.35rem .55rem}.leaderboard-section{gap:.45rem;display:grid}.leaderboard-section-title{color:#ffd58a;text-transform:uppercase;font-size:.8rem;font-weight:900}.leaderboard-list{scrollbar-color:#ffd58a94 #102a3061;scrollbar-width:thin;gap:.28rem;max-height:20rem;margin:0;padding:0 .18rem 0 0;list-style:none;display:grid;overflow:auto}.leaderboard-list::-webkit-scrollbar{width:.32rem}.leaderboard-list::-webkit-scrollbar-track{background:#102a3061;border-radius:999px}.leaderboard-list::-webkit-scrollbar-thumb{background:linear-gradient(#ffd58ad1,#f59e0bb8);border-radius:999px}.leaderboard-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(#ffe7b2eb,#facc15d1)}.leaderboard-row{color:#f4fbfb;background:#ffffff12;border-radius:.65rem;grid-template-columns:3.2rem minmax(0,1fr) auto;align-items:center;gap:.55rem;min-height:2.05rem;padding:.35rem .55rem;display:grid}.leaderboard-row.is-current-player{background:linear-gradient(#facc1540,#f59e0b2e);box-shadow:inset 0 0 0 1px #ffd58a7a}.leaderboard-rank{color:#ffd58a;font-size:.82rem;font-weight:900}.leaderboard-name{color:#f4fbfb;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:800;overflow:hidden}.leaderboard-score{color:#fff3d0;font-size:1rem;font-weight:900}.result-actions{gap:.65rem;margin-top:.7rem}.result-play-button{border-radius:1.0625rem .95rem 1.15rem .98rem;width:min(100%,17rem);min-height:4.55rem;position:relative;transform:skew(-7deg)}.result-play-button .game-menu-button-inner{padding:.08rem .9rem .08rem .82rem;transform:skew(7deg)}.result-play-icon{width:4.25rem}.result-play-button .game-menu-button-copy{margin-left:.52rem}.result-menu-button{border-radius:1.0625rem .95rem 1.1rem .98rem;justify-content:center;width:min(100%,12.5rem);min-height:2.45rem;position:relative}.result-menu-button .game-menu-button-inner{justify-content:center;padding:.2rem .8rem}.result-menu-button .game-menu-button-title{text-align:center;font-size:1.05rem}.result-menu-button .game-menu-button-subtitle{display:none}.settings-card{padding:1.1rem}.settings-header{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.9rem;display:flex}.settings-title{color:#fff6e8;font-size:1.45rem;font-weight:900}.settings-subtitle{color:#cae3dd;margin-top:.15rem;font-size:.9rem;font-weight:700}.settings-close{color:#fff7eb;background:#ffffff14;border-radius:999px;width:2.4rem;height:2.4rem;font-size:1.5rem;line-height:1}.settings-close-button{margin-top:.95rem}.desktop-debug-shell{flex-direction:column;align-items:stretch;gap:.75rem;width:17rem;min-width:17rem;display:flex}.debug-menu-toggle{color:#102a1a;font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe0;border:0;border-radius:999px;align-self:flex-end;padding:.6rem .9rem;font-size:.82rem;font-weight:700;box-shadow:0 8px 24px #0f172a1f}.debug-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe0;border-radius:1rem;width:100%;padding:.85rem;box-shadow:0 16px 36px #0f172a24}.debug-panel-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.55rem;display:flex}.debug-panel-title{font-size:.9rem;font-weight:700}.debug-reset{color:#102a1a;font:inherit;cursor:pointer;background:#dff4ff;border:0;border-radius:999px;padding:.35rem .65rem;font-size:.76rem;font-weight:700}.debug-slider+.debug-slider{margin-top:.6rem}.debug-select{gap:.25rem;margin:.6rem 0;font-size:.76rem;font-weight:700;display:grid}.debug-select select{width:100%}.debug-slider-meta{justify-content:space-between;gap:1rem;margin-bottom:.2rem;font-size:.76rem;font-weight:700;display:flex}.debug-slider input{width:100%}@media (width<=640px){.page-shell{padding:0}.app-shell{border-radius:0;width:100vw;height:100vh;max-height:100vh}.city-health-shell{gap:.45rem;bottom:.7rem;left:.7rem;right:.7rem}.city-health-image{border-radius:.75rem;width:3.1rem;height:3.1rem}.city-health-panel{padding:0}.corner-settings-button{top:1rem;right:.9rem}.startscreen-logo{width:min(93.74%,24.3125rem);padding-top:.95rem}.new-game-button{width:min(65.54%,17rem);top:46.7%}.new-game-button .game-menu-button-title{font-size:1.38rem}.new-game-button .game-menu-button-subtitle{font-size:.82rem}.how-to-play-button{width:min(44.5%,11.6rem);bottom:1.45rem}.how-to-play-button .game-menu-button-title{font-size:1rem}}@media (width<=1024px){.workspace-shell{max-width:none;display:block}.desktop-debug-shell{display:none}}.asset-lab-shell{background:linear-gradient(#8bdcff 0%,#dff8ff 100%);grid-template-columns:minmax(0,1fr) 20rem;gap:1rem;min-height:100vh;padding:1rem;display:grid}.asset-lab-view{background:#8bdcff;border-radius:.75rem;min-height:calc(100vh - 2rem);overflow:hidden;box-shadow:0 16px 40px #0f172a29}.asset-lab-panel{background:#ffffffe0;border-radius:.75rem;flex-direction:column;align-self:start;gap:.75rem;max-height:calc(100vh - 2rem);padding:.9rem;display:flex;overflow:auto;box-shadow:0 16px 36px #0f172a24}.asset-lab-panel h1,.asset-lab-panel h2,.asset-lab-panel p{margin:0}.asset-lab-panel h1{font-size:1rem}.asset-lab-panel p{margin-top:.25rem;font-size:.78rem}.asset-stats{background:#dff4ffb8;border-radius:.5rem;padding:.7rem}.asset-stats h2{margin-bottom:.45rem;font-size:.86rem}.asset-stats dl{grid-template-columns:1fr auto;gap:.25rem .75rem;margin:0;font-size:.78rem;display:grid}.asset-stats dt{font-weight:700}.asset-stats dd{margin:0}.asset-lab-toggle,.asset-lab-field,.asset-slider{gap:.25rem;font-size:.78rem;font-weight:700;display:grid}.asset-lab-toggle{grid-template-columns:auto 1fr;align-items:center}.asset-lab-field select,.asset-slider input{width:100%}.asset-attach-status{background:#102a1a1a;border-radius:.5rem;padding:.45rem .55rem;font-size:.76rem;font-weight:700}.asset-slider{grid-template-columns:1fr auto;align-items:center}.asset-slider input{grid-column:1/-1}@media (width<=900px){.asset-lab-shell{grid-template-columns:1fr}.asset-lab-view{min-height:65vh}.asset-lab-panel{max-height:none}}.landing-page{isolation:isolate;background:var(--bg-base);min-height:100vh;color:var(--text-primary);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;overflow:hidden}.landing-page a{color:inherit;text-decoration:none}.landing-background-layer{z-index:-1;background:radial-gradient(circle at 78% 20%,#e4a9501a,#0000 36%),linear-gradient(#020201 0%,#070503 48%,#020201 100%);position:fixed;inset:0;overflow:hidden}.landing-background-image{opacity:.32;background-image:linear-gradient(90deg,#0b09078f,#0b09070a),url(/assets/brand/ocomic-hero-bg.png);background-position:69% 0;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.landing-background-grid{opacity:.35;background-image:linear-gradient(#e4a9500e 1px,#0000 1px),linear-gradient(90deg,#e4a9500b 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 58% 28%,#000 0%,#0000 68%);mask-image:radial-gradient(circle at 58% 28%,#000 0%,#0000 68%)}.landing-background-vignette{background:radial-gradient(circle at 50% 20%,#0000 0%,#0003 44%),linear-gradient(#0000001f,#000000b8);position:absolute;inset:0}.landing-container{width:min(100% - clamp(2rem,7.2vw,7.5rem),95rem);margin:0 auto}.site-header{z-index:10;border-bottom:1px solid var(--border-subtle);grid-template-columns:auto 1fr auto;align-items:center;gap:1.5rem;min-height:4.75rem;display:grid;position:relative}.site-brand{align-items:center;gap:.8rem;min-width:0;display:inline-flex}.site-brand-mark{object-fit:contain;filter:drop-shadow(0 0 18px #e4a95033);width:3.7rem;height:3.7rem}.site-brand-copy{color:var(--gold-4);letter-spacing:.12em;text-transform:uppercase;gap:.08rem;font-weight:900;line-height:1;display:grid}.site-brand-copy span:first-child{color:var(--gold-5);letter-spacing:.04em;font-size:1.32rem}.site-brand-copy span:last-child{font-size:.78rem}.site-nav{color:var(--text-primary);justify-content:center;align-items:center;gap:clamp(1.5rem,4vw,4rem);font-size:.98rem;font-weight:800;display:flex}.site-nav a{color:var(--text-primary);padding:1.55rem 0;transition:color .16s ease-out;position:relative}.site-nav a:hover,.site-nav a.is-active{color:var(--gold-4)}.site-nav a.is-active:after{border-radius:var(--radius-pill);background:var(--gradient-brand);height:2px;box-shadow:var(--glow-gold-soft);content:"";position:absolute;bottom:0;left:0;right:0}.site-header-actions{align-items:center;gap:1rem;display:flex}.landing-button{border-radius:var(--radius-button);justify-content:center;align-items:center;gap:.58rem;min-height:2.85rem;padding:.72rem 1.15rem;font-size:.98rem;font-weight:900;line-height:1;transition:border-color .17s ease-out,box-shadow .17s ease-out,filter .17s ease-out,transform .17s ease-out;display:inline-flex}.landing-button:hover{transform:translateY(-2px)}.landing-button:focus-visible{outline:2px solid var(--gold-5);outline-offset:4px}.landing-button-primary{background:var(--gradient-button);color:#1b1208;border:1px solid #f5d47ab8;box-shadow:inset 0 1px #ffffff47,0 0 28px #e4a9502e}.landing-button-primary span,.landing-button-primary svg{color:#1b1208;stroke:currentColor}.landing-button-primary:hover{filter:brightness(1.06);box-shadow:inset 0 1px #ffffff5c,0 0 34px #e4a95047}.landing-button-secondary{border:1px solid var(--border-strong);color:var(--gold-4);background:#0b090785;box-shadow:inset 0 1px #ffffff0a}.landing-button-secondary:hover{box-shadow:var(--glow-gold-soft);border-color:#f5d47aad}.landing-button-icon{justify-content:center;align-items:center;width:1.25rem;height:1.25rem;display:inline-flex;position:relative}.landing-button-icon svg,.mobile-menu-toggle svg{stroke-width:2.35px;width:100%;height:100%}.mobile-menu-toggle{border:1px solid var(--border-strong);width:3rem;height:3rem;color:var(--gold-4);background:#0b0907a8;border-radius:.9rem;justify-content:center;align-items:center;display:none}.mobile-menu{display:none}.hero-section{isolation:isolate;grid-template-columns:minmax(28rem,.72fr) minmax(42rem,1.28fr);align-items:center;gap:clamp(.5rem,2vw,2.75rem);min-height:min(30rem,100vh - 16rem);padding:clamp(1.85rem,4vw,3.5rem) 0 clamp(.9rem,2vw,1.5rem);display:grid;position:relative}.hero-section:before{z-index:0;content:"";pointer-events:none;background:radial-gradient(at 72% 45%,#000000e0 0%,#000000b8 38%,#0000 68%),linear-gradient(90deg,#000000a8 0%,#000000c7 38%,#000000e0 66%,#000000ad 100%);width:100vw;position:absolute;top:-1rem;bottom:-1.25rem;left:50%;transform:translate(-50%)}.hero-copy{z-index:2;max-width:43rem;position:relative}.hero-eyebrow,.section-eyebrow{color:var(--gold-4);letter-spacing:.2em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:900}.hero-eyebrow{align-items:center;gap:.85rem;display:inline-flex}.hero-eyebrow span{background:linear-gradient(135deg, transparent 0 28%, var(--gold-3) 30% 70%, transparent 72%), linear-gradient(135deg, transparent 0 28%, var(--gold-3) 30% 70%, transparent 72%), linear-gradient(135deg, transparent 0 28%, var(--gold-3) 30% 70%, transparent 72%);background-position:0 0,.68rem 0,1.36rem 0;background-repeat:no-repeat;background-size:.78rem .5rem;width:2.2rem;height:.5rem}.hero-section h1{color:var(--text-primary);letter-spacing:0;gap:.08em;margin:.8rem 0 1rem;font-size:clamp(3.6rem,7.1vw,6.1rem);font-weight:950;line-height:.95;display:grid}.hero-section h1 span,.hero-section h1 strong{display:inline}.hero-section h1 span{white-space:nowrap}.hero-section h1 strong{background:var(--gradient-brand);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{max-width:35rem;color:var(--text-secondary);margin:0;font-size:clamp(1rem,1.55vw,1.24rem);font-weight:600;line-height:1.45}.hero-cta-row{flex-wrap:wrap;gap:1rem;margin-top:1.55rem;display:flex}.hero-proof-row{flex-wrap:wrap;gap:.65rem;margin-top:.95rem;display:flex}.hero-proof-row span{border:1px solid var(--border-subtle);border-radius:var(--radius-pill);color:var(--text-secondary);background:#17130f94;padding:.45rem .72rem;font-size:.78rem;font-weight:800}.hero-visual{z-index:1;aspect-ratio:1672/941;border-radius:0;justify-self:end;width:min(60vw,56rem);min-height:0;position:relative;overflow:hidden;transform:translate(-5rem)}.hero-visual:after{content:"";pointer-events:none;background:linear-gradient(90deg,#00000094 0%,#0000 18%),linear-gradient(270deg,#0000006b 0%,#0000 14%),linear-gradient(#00000061 0%,#0000 10% 90%,#00000061 100%);position:absolute;inset:0}.hero-emblem-image{opacity:1;mix-blend-mode:normal;filter:none;background-image:url(/assets/brand/ocomic-hero-emblem2.webp?v=20260522-1258);background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;inset:0;transform:none;-webkit-mask-image:none;mask-image:none}.featured-games-section{z-index:2;margin-top:-.45rem;padding:0 0 clamp(3rem,6vw,5.5rem);position:relative}.section-heading{text-align:center;max-width:48rem;margin:0 auto .95rem}.section-title-row{grid-template-columns:minmax(2rem,1fr) auto minmax(2rem,1fr);align-items:center;gap:1rem;display:grid}.section-title-row span{background:linear-gradient(90deg, transparent, var(--gold-3), transparent);height:1px}.section-heading h2,.about-section h2{color:var(--text-primary);letter-spacing:.08em;text-transform:uppercase;margin:.4rem 0 .3rem;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:950;line-height:1.08}.section-heading p:last-child,.about-section>p{color:var(--text-secondary);margin:0;font-size:1rem;font-weight:600;line-height:1.55}.featured-games-grid{grid-template-columns:minmax(0,1fr);gap:1.4rem;display:grid}.game-card{border:1px solid var(--border-strong);border-radius:var(--radius-card);background:var(--gradient-panel), linear-gradient(135deg, #17130fdb, #090806eb);box-shadow:var(--shadow-panel), var(--glow-gold-soft);grid-template-columns:minmax(20rem,.92fr) minmax(18rem,.68fr);gap:1.25rem;padding:.85rem;transition:border-color .17s ease-out,box-shadow .17s ease-out,transform .17s ease-out;display:grid;overflow:hidden}.game-card:hover{box-shadow:var(--shadow-panel), var(--glow-gold-medium);border-color:#f5d47aa3;transform:translateY(-4px)}.game-card-thumbnail{aspect-ratio:16/9;border:1px solid var(--border-subtle);border-radius:calc(var(--radius-card) - 8px);background:#080604;min-height:0;display:block;position:relative;overflow:hidden}.game-card-thumbnail img{object-fit:cover;object-position:center 44%;width:100%;height:100%;transition:transform .18s ease-out,filter .18s ease-out;position:absolute;inset:0}.game-card:hover .game-card-thumbnail img{filter:saturate(1.05)contrast(1.04);transform:scale(1.025)}.game-card-thumbnail:focus-visible{outline:2px solid var(--gold-4);outline-offset:4px}.game-card-content{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.95rem;padding:.45rem .55rem .45rem 0;display:flex}.game-card-copy{min-width:0}.game-card-copy p,.game-card-copy h3{margin:0}.game-card-copy p:first-child{color:var(--gold-4);letter-spacing:.13em;text-transform:uppercase;font-size:.74rem;font-weight:900}.game-card-copy h3{color:var(--text-primary);margin-top:.22rem;font-size:clamp(1.65rem,2.6vw,2.15rem);font-weight:950;line-height:1}.game-card-copy span{color:var(--gold-5);margin-top:.38rem;font-size:.86rem;font-weight:850;display:block}.game-card-copy p:last-child{max-width:31rem;color:var(--text-secondary);margin-top:.5rem;font-size:.94rem;font-weight:600;line-height:1.42}.game-card-play{border-radius:var(--radius-pill);align-self:flex-start;min-width:6rem}.about-section{border:1px solid var(--border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-panel);background:#12100da8;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:2rem;margin-bottom:3rem;padding:clamp(1.3rem,4vw,2rem);display:grid}.landing-footer{border-top:1px solid var(--border-subtle);color:var(--text-muted);justify-content:space-between;align-items:center;gap:1rem;padding:1.6rem 0 2.4rem;font-size:.9rem;font-weight:700;display:flex}.landing-footer span{color:var(--text-secondary)}.landing-footer nav{flex-wrap:wrap;justify-content:flex-end;gap:1rem;display:flex}.landing-footer a:hover{color:var(--gold-4)}.legal-page{min-height:100vh}.legal-shell{padding:clamp(2.25rem,5vw,4.75rem) 0 clamp(2rem,5vw,4rem)}.legal-back-link{width:fit-content;color:var(--gold-4);border-bottom:1px solid #e4a9506b;margin-bottom:1.3rem;font-size:.88rem;font-weight:800;display:inline-flex}.legal-hero{max-width:58rem;margin-bottom:clamp(1.8rem,4vw,3rem)}.legal-hero h1{color:var(--text-primary);letter-spacing:0;margin:.65rem 0 .8rem;font-size:clamp(2.6rem,6vw,5rem);font-weight:950;line-height:.98}.legal-hero p{max-width:48rem;color:var(--text-secondary);margin:0;font-size:clamp(1rem,1.6vw,1.2rem);font-weight:650;line-height:1.55}.legal-hero span{color:var(--text-muted);margin-top:1rem;font-size:.9rem;font-weight:750;display:inline-flex}.legal-language-toolbar{justify-content:space-between;align-items:center;gap:1rem;max-width:58rem;margin-bottom:1rem;display:flex}.legal-language-toolbar>span{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.82rem;font-weight:850}.legal-language-toggle{border:1px solid var(--border-subtle);border-radius:var(--radius-pill);background:#040302d1;grid-template-columns:repeat(2,minmax(0,1fr));gap:.2rem;padding:.25rem;display:inline-grid;box-shadow:inset 0 1px #ffffff0a}.legal-language-toggle button{border-radius:var(--radius-pill);min-width:6.4rem;color:var(--text-secondary);cursor:pointer;font:inherit;background:0 0;border:0;padding:.62rem .85rem;font-size:.86rem;font-weight:900;transition:background .16s,color .16s,box-shadow .16s}.legal-language-toggle button:hover{color:var(--gold-4)}.legal-language-toggle button:focus-visible{outline:2px solid var(--gold-4);outline-offset:2px}.legal-language-toggle button.is-active{background:var(--gradient-button);color:#1b1208;box-shadow:0 0 20px #e4a95033}.legal-content-grid{grid-template-columns:minmax(0,58rem);gap:clamp(1rem,2.6vw,2rem);display:grid}.legal-language-section{border:1px solid var(--border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-panel);background:linear-gradient(#ffffff06,#0000),#0c0a08c7;padding:clamp(1.1rem,2vw,1.55rem)}.legal-language-section h2{color:var(--gold-4);letter-spacing:.14em;text-transform:uppercase;margin:0 0 1rem;font-size:1rem;font-weight:950}.legal-entry{border-top:1px solid #e4a9501f;padding:1rem 0}.legal-entry:first-of-type{border-top:0}.legal-entry h3{color:var(--text-primary);margin:0 0 .55rem;font-size:1.04rem;font-weight:900}.legal-entry p{color:var(--text-secondary);white-space:pre-line;margin:.55rem 0 0;font-size:.95rem;font-weight:560;line-height:1.62}.legal-entry p:first-of-type{margin-top:0}@media (width>=980px){.featured-games-grid{grid-template-columns:minmax(0,1fr);max-width:80rem;margin:0 auto}}@media (width<=980px){.site-header{grid-template-columns:auto 1fr auto;min-height:5.25rem}.site-nav,.site-header-actions{display:none}.mobile-menu-toggle{display:flex}.mobile-menu{display:none;position:absolute;top:calc(100% - .35rem);left:0;right:0;overflow:hidden}.mobile-menu.is-open{display:block}.mobile-menu-panel{border:1px solid var(--border-subtle);min-height:0;box-shadow:var(--shadow-panel);background:#0b0907f0;border-radius:1.25rem;gap:.75rem;padding:.85rem;display:grid;overflow:hidden}.mobile-menu-panel>a{color:var(--text-primary);border-radius:.85rem;padding:.85rem .9rem;font-weight:850}.mobile-menu-panel>a:hover{color:var(--gold-4);background:#e4a95014}.mobile-menu-action{width:100%}.hero-section{grid-template-columns:1fr;min-height:auto;padding-top:3.4rem}.hero-copy{max-width:43rem}.hero-visual{aspect-ratio:auto;justify-self:stretch;width:100%;min-height:25.5rem;margin-top:-4.25rem;transform:none}.hero-emblem-image{background-position:100% 67%;background-size:178%;inset:0;transform:none;-webkit-mask-image:none;mask-image:none}.game-card{grid-template-columns:1fr}.game-card-content{grid-template-columns:auto minmax(0,1fr) auto}.about-section{grid-template-columns:1fr}}@media (width<=640px){.landing-container{width:min(100% - 1.2rem,102rem)}.site-brand-mark{width:3.65rem;height:3.65rem}.site-brand-copy span:first-child{font-size:1.25rem}.site-brand-copy span:last-child{font-size:.76rem}.hero-section{gap:.8rem;padding-top:2.8rem}.hero-section h1{font-size:clamp(3.6rem,17vw,5rem)}.hero-subtitle{font-size:1.08rem}.hero-cta-row{display:grid}.hero-cta-row .landing-button{width:100%}.hero-visual{min-height:25.5rem}.game-card{border-radius:1.25rem;padding:.8rem}.game-card-thumbnail{border-radius:1rem;min-height:10rem}.game-card-content{padding:.4rem .2rem .1rem}.game-card-play{grid-column:1/-1;width:100%;margin-top:.3rem}.game-card-copy h3{font-size:1.55rem}.section-title-row{gap:.7rem}.section-heading h2,.about-section h2{letter-spacing:.04em}.about-section{border-radius:1.15rem;padding:1.1rem}.landing-footer{justify-items:start;display:grid}.landing-footer nav{justify-content:flex-start}.legal-language-toolbar{justify-items:start;display:grid}}