:root{--bg: #0a0a0a;--bg-elevated: #141414;--bg-card: #1a1a1a;--text: #fafafa;--text-muted: #a3a3a3;--accent: #f59e0b;--accent-hover: #d97706;--border: #262626;--error: #ef4444;--success: #22c55e}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--text)}#root{min-height:100vh}@keyframes content-page-pulse{0%,80%,to{opacity:.4}40%{opacity:1}}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}.layout{min-height:100vh;display:flex;flex-direction:column}.layout__header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--bg-elevated);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:1rem}.layout__logo{font-weight:700;font-size:1.25rem;color:var(--text)}.layout__logo:hover{color:var(--accent)}.layout__nav{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}.layout__nav a{color:var(--text-muted);font-size:.9rem}.layout__nav a:hover{color:var(--text)}.layout__cta{padding:.4rem .9rem;background:var(--accent);color:var(--bg)!important;border-radius:6px;font-weight:600}.layout__cta:hover{background:var(--accent-hover)!important}.layout__logout{background:none;border:none;color:var(--text-muted);font-size:.9rem;cursor:pointer;padding:0}.layout__logout:hover{color:var(--text)}.layout__main{flex:1;min-height:0;display:flex;flex-direction:column}.layout__footer{padding:1.5rem;text-align:center;border-top:1px solid var(--border);color:var(--text-muted);font-size:.85rem}.home{padding:3rem 1.5rem 4rem}.home__hero{max-width:680px;margin:0 auto;text-align:center}.home__hero h1{font-size:clamp(1.75rem,5vw,2.5rem);font-weight:800;margin:0 0 1rem;line-height:1.2}.home__tagline{font-size:clamp(1.1rem,2.5vw,1.35rem);color:var(--accent);font-weight:600;margin:0 0 1.25rem}.home__desc{color:var(--text-muted);line-height:1.6;margin:0 0 2rem}.home__actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.home__cta{display:inline-block;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:.95rem}.home__cta--primary{background:var(--accent);color:var(--bg)}.home__cta--primary:hover{background:var(--accent-hover);color:var(--bg)}.home__cta--secondary{border:2px solid var(--border);color:var(--text)}.home__cta--secondary:hover{border-color:var(--accent);color:var(--accent)}.auth-page{padding:2rem 1rem;display:flex;justify-content:center;align-items:flex-start}.auth-page__card{width:100%;max-width:400px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:2rem}.auth-page__card h1{margin:0 0 .5rem;font-size:1.5rem}.auth-page__sub{color:var(--text-muted);font-size:.9rem;margin:0 0 1.5rem}.auth-form label{display:block;margin-bottom:.35rem;font-size:.9rem}.auth-form input{width:100%;padding:.65rem .85rem;margin-bottom:1rem;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:1rem}.auth-form input:focus{outline:none;border-color:var(--accent)}.auth-form__submit{width:100%;padding:.75rem;margin-top:.5rem;background:var(--accent);color:var(--bg);border:none;border-radius:6px;font-weight:600;font-size:1rem;cursor:pointer}.auth-form__submit:hover:not(:disabled){background:var(--accent-hover)}.auth-form__submit:disabled{opacity:.7;cursor:not-allowed}.auth-page__footer{margin-top:1.5rem;text-align:center;font-size:.9rem;color:var(--text-muted)}.auth-loading{padding:3rem;text-align:center;color:var(--text-muted)}.dashboard{padding:2rem 1.5rem;max-width:800px;margin:0 auto}.dashboard__hero{margin-bottom:2rem}.dashboard__hero h1{font-size:1.75rem;margin:0 0 .5rem}.dashboard__hero p{color:var(--text-muted);margin:0}.dashboard__content h2{font-size:1.25rem;margin:0 0 1rem}.dashboard__loading{color:var(--text-muted)}.dashboard__empty{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:2rem;color:var(--text-muted)}.dashboard__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.dashboard__card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;transition:border-color .2s}.dashboard__card:hover{border-color:var(--accent)}.dashboard__card-link{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;color:var(--text);gap:1rem;min-height:4rem}.dashboard__card-link:hover{color:var(--accent)}.dashboard__card-img{width:48px;height:48px;object-fit:cover;border-radius:6px;flex-shrink:0}.dashboard__card-body{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.dashboard__card-name{font-weight:500}.dashboard__card-ver{font-size:.85rem;color:var(--text-muted)}.dashboard__card-desc{font-size:.875rem;color:var(--text-muted);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dashboard__card-price{font-size:.875rem;font-weight:600;color:var(--accent)}.dashboard__card-badge{font-size:.75rem;padding:.25rem .5rem;border-radius:4px;font-weight:600;margin-left:auto;margin-right:.5rem}.dashboard__card-link .dashboard__card-badge{background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border)}.dashboard__card-link--buy .dashboard__card-badge{background:var(--accent);color:var(--bg);border:none}.content-page,.buy-content-page{padding:2rem 1.5rem;max-width:800px;margin:0 auto}.content-page__header{margin-bottom:1.5rem}.content-page__header h1{margin:0 0 .25rem}.content-page__subtitle{color:var(--text-muted);margin:0;font-size:.95rem}.content-page__loading{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem}.content-page__loading-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:content-page-pulse 1.4s ease-in-out infinite both}.content-page__loading-dot:nth-child(2){animation-delay:.2s}.content-page__loading-dot:nth-child(3){animation-delay:.4s}.content-page__error{padding:2rem 0}.content-page__empty{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:2rem;text-align:center;color:var(--text-muted)}.content-page__empty h2{font-size:1.25rem;margin:0 0 .5rem;color:var(--text)}.content-page__empty p{margin:0 0 1rem}.content-page__empty-icon{font-size:2.5rem;opacity:.4;margin-bottom:1rem}.content-page__empty-link{display:inline-block;color:var(--accent);font-weight:600;text-decoration:none}.content-page__empty-link:hover{text-decoration:underline}.content-page__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.content-page__card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;transition:border-color .2s}.content-page__card:hover{border-color:var(--accent)}.content-page__card-link{display:flex;align-items:center;padding:1rem 1.25rem;color:var(--text);gap:1rem;min-height:4rem;text-decoration:none}.content-page__card-link:hover{color:var(--accent)}.content-page__card-img{width:48px;height:48px;object-fit:cover;border-radius:6px;flex-shrink:0}.content-page__card-placeholder{width:48px;height:48px;background:var(--bg-elevated);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.content-page__card-placeholder-icon{font-size:1.25rem;color:var(--text-muted);opacity:.5}.content-page__card-body{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.content-page__card-name{font-weight:500}.content-page__card-ver{font-size:.85rem;color:var(--text-muted)}.content-page__card-desc{font-size:.875rem;color:var(--text-muted);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.content-page__card-badge{font-size:.75rem;padding:.25rem .5rem;border-radius:4px;font-weight:600;background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border);margin-left:auto}.content-page__card-link:hover .content-page__card-badge{border-color:var(--accent);color:var(--accent)}.content-view-page{padding:0;max-width:none;margin:0;display:flex;flex-direction:column;flex:1;min-height:0}.content-page h1,.content-view-page h1,.buy-content-page h1{font-size:1.5rem;margin:0 0 1rem}.content-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.content-list li{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;transition:border-color .2s}.content-list li:hover{border-color:var(--accent)}.content-list__link{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;color:var(--text);min-height:4rem}.content-list__link:hover{color:var(--accent)}.content-list__img{width:48px;height:48px;object-fit:cover;border-radius:6px;flex-shrink:0}.content-list__body{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.content-list__desc{font-size:.875rem;color:var(--text-muted);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.content-list__price{font-size:.875rem;font-weight:600;color:var(--accent)}.content-view-page__body{display:flex;flex-direction:column;flex:1;min-height:0;padding:1rem 1.5rem}.content-view-page__nav,.buy-content-page__nav{margin-bottom:1rem;flex-shrink:0}.content-view-page__nav a,.buy-content-page__nav a{color:var(--accent)}.content-view-page__canvas-wrapper{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.content-view-page__iframe{aspect-ratio:16 / 9;width:min(100%,calc((100vh - 150px) * 16 / 9));height:min(calc(100vh - 150px),56.25vw);border:1px solid var(--border);border-radius:8px;background:var(--bg)}.buy-content-page__img{max-width:100%;height:auto;border-radius:8px;margin-bottom:1rem;display:block}.buy-content-page__desc{color:var(--text-muted);margin-bottom:.5rem;line-height:1.5}.buy-content-page__price{font-size:1.25rem;font-weight:600;color:var(--accent);margin-bottom:1.5rem}.buy-content-page__test-mode{font-size:.9rem;color:var(--text-muted);margin-bottom:.5rem}.buy-content-page__btn{padding:.75rem 1.5rem;background:var(--accent);color:var(--bg);border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;display:inline-block;text-decoration:none;text-align:center}.buy-content-page__btn:hover:not(:disabled){background:var(--accent-hover)}.buy-content-page__btn--link:hover{color:var(--bg)}.buy-content-page__btn:disabled{opacity:.7;cursor:not-allowed}.new-version-banner{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.6rem 1rem;background:#f59e0b1f;border-bottom:1px solid rgba(245,158,11,.3);font-size:.9rem}.new-version-banner__badge{padding:.2rem .5rem;background:var(--accent);color:var(--bg);font-size:.7rem;font-weight:700;border-radius:4px;text-transform:uppercase}.new-version-banner__text{flex:1;min-width:180px}.new-version-banner__actions{display:flex;gap:.5rem}.new-version-banner__btn{padding:.35rem .75rem;border:1px solid var(--border);border-radius:4px;font-size:.85rem;cursor:pointer;background:var(--bg-card);color:var(--text)}.new-version-banner__btn--primary{background:var(--accent);color:var(--bg);border-color:var(--accent)}.new-version-banner__btn--primary:hover:not(:disabled){background:var(--accent-hover)}.new-version-banner__btn--secondary:hover:not(:disabled){background:var(--bg-elevated)}.admin-page{max-width:600px;margin:0 auto;padding:2rem 1.5rem}.admin-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.admin-header__cta{padding:.5rem 1rem;background:var(--accent);color:var(--bg)!important;border-radius:6px;font-weight:600;white-space:nowrap}.admin-header__cta:hover{background:var(--accent-hover)!important}.admin-header h1{margin:0 0 .5rem;font-size:1.5rem}.admin-settings{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.admin-settings h2{margin:0 0 1rem;font-size:1.15rem}.admin-settings__checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.95rem}.admin-settings__checkbox input{flex-shrink:0}.admin-page nav{display:flex;flex-direction:column;gap:.5rem}.admin-page nav a{color:var(--accent)}.admin-page nav a:hover{text-decoration:underline}.user-list{list-style:none;padding:0;margin:0}.user-list li{border-bottom:1px solid var(--border)}.user-list li:last-child{border-bottom:none}.user-list__link{display:flex;flex-direction:column;gap:.25rem;padding:1rem;text-decoration:none;color:inherit}.user-list__link:hover{background:var(--bg-elevated);color:var(--accent)}.user-list__email{font-weight:500}.user-list__meta{font-size:.875rem;color:var(--text-muted)}.admin-user-detail{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border)}.admin-user-detail h2{margin:0 0 1rem;font-size:1.15rem}.admin-user-detail__grant{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.admin-user-detail__grant select{min-width:200px;padding:.5rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text)}.admin-user-detail__grant button{padding:.5rem 1rem;background:var(--accent);color:var(--bg);border:none;border-radius:6px;font-weight:600;cursor:pointer}.admin-user-detail__grant button:hover:not(:disabled){background:var(--accent-hover)}.admin-user-detail__grant button:disabled{opacity:.6;cursor:not-allowed}.admin-user-detail__purchases,.admin-user-detail__transactions{list-style:none;padding:0;margin:0}.admin-user-detail__purchases li,.admin-user-detail__transactions li{padding:.5rem 0;border-bottom:1px solid var(--border)}.admin-user-detail__badge{font-size:.75rem;color:var(--text-muted);margin-left:.5rem}.publish-form label{display:block;margin-bottom:.25rem;font-weight:500}.publish-form input,.publish-form textarea{width:100%;padding:.65rem;margin-bottom:1rem;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text)}.publish-form button{padding:.6rem 1.2rem;background:var(--accent);color:var(--bg);border:none;border-radius:6px;font-weight:600;cursor:pointer}.publish-form button:disabled{opacity:.6;cursor:not-allowed}.success{color:var(--success);margin-bottom:1rem}.error{color:var(--error);margin-bottom:1rem}.access-overview{margin-top:2rem}.access-overview h2{font-size:1.25rem;margin-bottom:.5rem}.access-overview__table{width:100%;border-collapse:collapse;font-size:.9rem}.access-overview__table th,.access-overview__table td{padding:.5rem .75rem;text-align:left;border-bottom:1px solid var(--border)}.access-overview__table th{color:var(--text-muted);font-weight:500}.text-muted{color:var(--text-muted);font-size:.9rem}.version-history{margin-top:2rem}.version-history h2{font-size:1.25rem;margin-bottom:.5rem}.version-history ul{list-style:none;padding:0}.version-history li{padding:.5rem 0;border-bottom:1px solid var(--border);font-size:.9rem}.stripe-product-price-select>div{margin-bottom:1rem}.stripe-product-price-select label{display:block;margin-bottom:.25rem;font-weight:500}.stripe-product-price-select select{width:100%;padding:.65rem;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:1rem}.stripe-product-search-wrap{position:relative}.stripe-product-search-wrap input[type=text]{width:100%;padding:.65rem;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:1rem}.stripe-product-search-list{position:absolute;top:100%;left:0;right:0;margin:0;padding:0;list-style:none;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;box-shadow:0 4px 12px #00000026;max-height:240px;overflow-y:auto;z-index:10}.stripe-product-search-item{padding:.6rem .75rem;cursor:pointer;color:var(--text);font-size:.95rem}.stripe-product-search-item:hover:not(.stripe-product-search-item--loading):not(.stripe-product-search-item--empty){background:var(--bg-elevated)}.stripe-product-search-item--selected{background:var(--accent);color:var(--bg)}.stripe-product-search-item--selected:hover{background:var(--accent-hover)}.stripe-product-search-item--loading,.stripe-product-search-item--empty{cursor:default;color:var(--text-muted)}.admin-title-display{margin-top:.5rem;color:var(--text)}.admin-image-preview{margin-top:.5rem}.admin-image-preview img{max-width:200px;max-height:150px;object-fit:contain;border-radius:6px;border:1px solid var(--border)}.admin-buy-link label{display:block;margin-bottom:.25rem;font-weight:500}.admin-buy-link input{background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text);font-family:monospace;font-size:.85rem}.arcade{font-family:Inter,system-ui,sans-serif;max-width:1100px;margin:0 auto;padding:2rem 1.5rem 4rem}.arcade__hero{text-align:center;margin-bottom:3rem}.arcade__logo{font-family:"Press Start 2P",cursive;font-size:clamp(1.25rem,4vw,2rem);color:var(--accent);margin:0 0 1rem;text-shadow:3px 3px 0 rgba(0,0,0,.5)}.arcade__tagline{font-family:"Press Start 2P",cursive;font-size:clamp(.5rem,1.8vw,.7rem);color:var(--text);margin:0 0 .5rem;line-height:1.8}.arcade__subline{font-family:"Press Start 2P",cursive;font-size:clamp(.45rem,1.5vw,.6rem);color:var(--text-muted);margin:0}.arcade__welcome{text-align:center;margin-bottom:3rem;padding:0 1rem}.arcade__welcome h2{font-family:"Press Start 2P",cursive;font-size:clamp(.6rem,2vw,.85rem);color:var(--text);margin:0 0 1rem}.arcade__welcome p{color:var(--text-muted);line-height:1.7;max-width:640px;margin:0 auto 1rem;font-size:.95rem}.arcade__loading,.arcade__error,.arcade__empty{text-align:center;padding:3rem 2rem}.arcade__loading{display:flex;align-items:center;justify-content:center;gap:.5rem}.arcade__loading-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:content-page-pulse 1.4s ease-in-out infinite both}.arcade__loading-dot:nth-child(2){animation-delay:.2s}.arcade__loading-dot:nth-child(3){animation-delay:.4s}.arcade-level{margin-bottom:4rem}.arcade-level__header{text-align:center;margin-bottom:1rem}.arcade-level__coins{display:block;font-size:1rem;color:var(--accent);margin-bottom:.5rem;letter-spacing:.25em}.arcade-level__title{font-family:"Press Start 2P",cursive;font-size:clamp(.6rem,2vw,.85rem);color:var(--text);margin:0 0 .25rem}.arcade-level__subtitle{font-size:1.25rem;font-weight:600;color:var(--accent);margin:0}.arcade-level__desc{color:var(--text-muted);line-height:1.6;max-width:720px;margin:0 auto 2rem;text-align:center;font-size:.95rem}.arcade-level__grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.arcade-card{background:var(--bg-card);border:2px solid var(--border);border-radius:12px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.arcade-card:hover{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.arcade-card__img{width:100%;height:180px;object-fit:cover;display:block}.arcade-card__placeholder{width:100%;height:180px;background:var(--bg-elevated);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:center}.arcade-card__placeholder-icon{font-size:3rem;color:var(--text-muted);opacity:.4}.arcade-card__body{padding:1.5rem}.arcade-card__name{font-family:"Press Start 2P",cursive;font-size:.6rem;color:var(--text);margin:0 0 .5rem;line-height:1.6}.arcade-card__price{font-size:1.25rem;font-weight:700;color:var(--accent);margin:0 0 .75rem}.arcade-card__desc{font-size:.9rem;color:var(--text-muted);line-height:1.5;margin:0 0 1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.arcade-card__bullets{list-style:none;padding:0;margin:0 0 1rem;font-size:.875rem;color:var(--text-muted);line-height:1.5}.arcade-card__bullets li{padding-left:1.25rem;position:relative;margin-bottom:.35rem}.arcade-card__bullets li:before{content:"•";position:absolute;left:0;color:var(--accent)}.arcade-card__btn{display:inline-block;padding:.65rem 1.25rem;background:var(--accent);color:var(--bg);font-weight:600;border-radius:6px;text-decoration:none;transition:background .2s}.arcade-card__btn:hover{background:var(--accent-hover);color:var(--bg)}@media(max-width:640px){.layout__header{padding:.75rem 1rem}.layout__nav{gap:.75rem}.home{padding:2rem 1rem 3rem}.dashboard,.content-page,.buy-content-page{padding:1.25rem 1rem}.content-view-page__body{padding:1rem}.arcade{padding:1.5rem 1rem 3rem}.arcade-level__grid{grid-template-columns:1fr;gap:1.5rem}}