*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}

:root{
  --p900:#5a1a8a;--p800:#46106f;--p700:#7a3db0;--p500:#9b5cc7;--p300:#c49aed;--p100:#ede3f8;--p50:#f7f2fd;
  --g900:#00350d;--g700:#008a22;--g500:#13d84b;--g300:#8cff9e;
  --n950:#08050d;--n900:#15111c;--n800:#211a2a;--n700:#3d3a47;--n500:#6e6a7a;--n300:#b0adb8;--n100:#e8e6ee;--n50:#f5f4f8;
  --bg:#130f1d;--surf:#211a2a;--surf2:#2b2236;--text:#f7f2fd;--muted:#c9bdd6;
  --line:rgba(255,255,255,.14);--shadow:0 18px 50px rgba(0,0,0,.42);--footer-h:78px;
  --r:18px;--rs:10px;color-scheme:dark;
}

html[data-theme="light"]{
  --bg:#f5f4f8;--surf:#fff;--surf2:#f7f2fd;--text:#1a1820;--muted:#6e6a7a;--line:rgba(0,0,0,.12);color-scheme:light;
}

html{scroll-behavior:smooth;scroll-padding-top:112px}
body{font-family:'Arimo',Arial,sans-serif;background:var(--bg);color:var(--text);min-height:100dvh;overflow-x:hidden;padding-bottom:calc(var(--footer-h) + 18px);background-image:linear-gradient(120deg,#0d0038 0%,#111 45%,#002d09 100%);background-attachment:fixed}
a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body::after{content:'';position:fixed;inset:0;pointer-events:none;background:rgba(247,242,253,.18);opacity:0;transition:opacity .12s;z-index:9997}body.loading::after{opacity:1}

/* Identidade da base: loader girassol */
.sf-pop{width:42px;height:42px;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) scale(.15);opacity:0;pointer-events:none;z-index:9998;transition:.18s}.sf-pop.on{opacity:1;transform:translate(-50%,-50%) scale(1)}.sf-pop.global{position:fixed}.sf-petals{position:absolute;inset:0;animation:spin 1.1s linear infinite}.sf-petal{position:absolute;left:18px;top:1px;width:8px;height:20px;border-radius:999px;background:linear-gradient(#ffe680,#f2b700);transform-origin:3px 20px}.sf-center{position:absolute;left:12px;top:12px;width:18px;height:18px;border-radius:50%;background:#70410f;box-shadow:inset 0 0 0 4px #9b641a}@keyframes spin{to{transform:rotate(360deg)}}
.sf-bg{position:fixed;inset:0;display:grid;grid-template-columns:repeat(auto-fill,104px);grid-auto-rows:104px;opacity:.035;pointer-events:none;z-index:-1}.sf-bg-tile{display:flex;align-items:center;justify-content:center}.sf-bg .sf-pop{position:relative;left:auto;top:auto;transform:scale(1);opacity:1}.sf-bg .sf-petals{animation:none}

/* Header Game Mania */
.gm-shell{position:sticky;top:0;z-index:1000;width:min(1120px,calc(100% - 24px));margin:12px auto 0}.gm-topbar{min-height:78px;background:var(--p900);border:1px solid rgba(255,255,255,.16);box-shadow:var(--shadow);border-radius:24px 24px 0 0;display:grid;grid-template-columns:auto minmax(150px,1fr) 150px minmax(190px,1.2fr) auto;gap:12px;align-items:center;padding:12px 14px;position:relative;overflow:visible}.gm-topbar::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 15% -20%,rgba(196,154,237,.30),transparent 34%),radial-gradient(circle at 100% 0,rgba(19,216,75,.16),transparent 36%);pointer-events:none}.gm-topbar>*{position:relative}.gm-icon-btn,.gm-cart{border:0;border-radius:18px;background:rgba(255,255,255,.15);color:#fff;min-width:56px;height:52px;display:inline-flex;align-items:center;justify-content:center;font-size:1.7rem;transition:.15s}.gm-icon-btn:hover,.gm-cart:hover{background:rgba(255,255,255,.24)}.gm-user{display:inline-flex;align-items:center;gap:8px;color:#fff;font-weight:700;min-width:0}.gm-user span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gm-user-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#f0d8ff,#a875ff);color:#101;font-size:1.4rem}.gm-logo{display:flex;justify-content:center;align-items:center}.gm-logo img{width:132px;height:auto}.gm-search-mini{height:40px;background:#fff;border-radius:999px;border:2px solid rgba(255,255,255,.85);display:flex;align-items:center;gap:6px;padding:0 10px;color:#111}.gm-search-mini input{width:100%;border:0;outline:0;background:transparent;color:#111;font-size:.95rem}.gm-cart{font-size:1.25rem;padding:0 14px;gap:8px}.gm-cart span{font-weight:900;background:#fff;color:var(--p900);border-radius:999px;min-width:24px;height:24px;display:grid;place-items:center;font-size:.78rem}
.gm-menu-panel{position:absolute;left:0;right:auto;top:78px;width:min(390px,calc(100vw - 24px));max-height:min(620px,calc(100dvh - 170px));overflow:auto;background:#27252b;border:2px solid rgba(255,255,255,.22);box-shadow:var(--shadow);padding:22px;display:grid;gap:6px;opacity:0;transform:translateY(-10px);pointer-events:none;transition:.16s;z-index:1002}.gm-menu-panel.is-open{opacity:1;transform:translateY(0);pointer-events:auto}.gm-menu-panel a,.menu-action{display:block;color:#fff;border:0;background:transparent;text-align:left;padding:15px 18px;border-radius:12px;font-size:1.06rem}.gm-menu-panel a:hover,.menu-action:hover{background:rgba(255,255,255,.09)}
.gm-category-strip{background:#141018;border:1px solid rgba(255,255,255,.2);border-top:0;display:flex;align-items:center;justify-content:center;gap:10px;padding:9px 12px;overflow-x:auto;box-shadow:0 12px 32px rgba(0,0,0,.26)}.gm-category-strip a{color:#fff;padding:7px 12px;border-radius:999px;white-space:nowrap;font-weight:700;font-size:.95rem}.gm-category-strip a.on{background:var(--p900);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)}.gm-category-strip span{color:rgba(255,255,255,.35)}

.gm-main{width:min(1120px,calc(100% - 24px));margin:0 auto 28px;background:linear-gradient(120deg,rgba(20,0,105,.9) 0%,rgba(21,17,28,.95) 45%,rgba(0,112,23,.9) 100%);border:1px solid rgba(255,255,255,.12);border-top:0;box-shadow:var(--shadow);position:relative;z-index:1}.eyebrow{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--p300);margin-bottom:.5rem;font-weight:800}.eyebrow.light{color:#d7b8f4}h1,h2{font-family:'Tinos',serif;line-height:1.05}h1{font-size:clamp(2rem,5vw,3.8rem)}h2{font-size:clamp(1.8rem,4vw,3rem)}p{line-height:1.55}.gm-link{color:#8cff9e;font-weight:900;text-decoration:underline}.btn{border:0;border-radius:999px;padding:12px 18px;display:inline-flex;align-items:center;justify-content:center;font-weight:900;min-height:44px}.btn-p{background:linear-gradient(135deg,#8dff2a,#11c546);color:#061006}.btn-s{background:rgba(255,255,255,.10);color:#fff;border:1px solid rgba(255,255,255,.20)}

.gm-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.95fr);gap:28px;align-items:center;padding:34px 28px 26px}.gm-about-text{color:#fff}.gm-about-text p{font-weight:700;font-size:1rem;margin:.65rem 0;max-width:54ch}.gm-carousel{position:relative;min-width:0}.gm-carousel-stage{position:relative;aspect-ratio:16/9;border:5px solid #08030e;border-radius:10px;overflow:hidden;background:#12071f}.gm-slide{position:absolute;inset:0;opacity:0;transition:opacity .35s}.gm-slide.is-active{opacity:1}.gm-slide img{width:100%;height:100%;object-fit:cover}.gm-slide-caption{position:absolute;left:0;right:0;bottom:0;padding:18px;background:linear-gradient(transparent,rgba(0,0,0,.82));color:#fff}.gm-slide-caption h2{font-size:clamp(1.4rem,3vw,2.3rem)}.gm-slide-caption p{font-weight:700;color:#eee}.gm-car-btn{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:54px;border:0;border-radius:14px;background:rgba(0,0,0,.55);color:#fff;font-size:2.2rem;z-index:3}.gm-car-btn.prev{left:10px}.gm-car-btn.next{right:10px}.gm-dots{display:flex;justify-content:center;gap:10px;margin-top:10px}.gm-dots button,.gm-dots span{width:15px;height:15px;border-radius:50%;border:0;background:#070707;display:block}.gm-dots button.is-active{background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.22)}

.gm-feature{margin:0 28px 24px;padding:22px;border-radius:18px;background:linear-gradient(135deg,rgba(90,26,138,.72),rgba(0,120,34,.46));border:1px solid rgba(255,255,255,.14);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#fff}.gm-feature p{max-width:70ch;color:#eee}
.gm-products-section,.gm-news,.gm-gallery,.gm-newsletter{padding:18px 28px 32px;color:#fff}.gm-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.gm-products-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:end}.gm-products-tools a{color:#8cff9e;font-weight:900;text-decoration:underline}.sort-sel{border:1px solid rgba(255,255,255,.24);border-radius:999px;background:#17111e;color:#fff;padding:11px 14px;outline:0}.gm-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.gm-product{position:relative;background:rgba(8,8,12,.68);border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:10px;min-height:100%;transition:.16s}.gm-product:hover{transform:translateY(-3px);border-color:#8cff9e}.gm-product[hidden]{display:none}.gm-product img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:12px;background:#fff}.gm-product h3{font-size:1rem;line-height:1.2;min-height:2.4em}.gm-product small{color:#cfc7da;line-height:1.35;display:block}.gm-price{font-family:'Cousine',monospace;font-size:1.1rem;font-weight:900;color:#fff}.gm-product-actions{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:auto}.gm-product button{border:0;border-radius:10px;background:#83ec19;color:#041205;font-size:.82rem;font-weight:900;padding:10px}.gm-product .fav-btn{background:rgba(255,255,255,.12);color:#fff;min-width:42px}.gm-product .fav-btn.on{background:#ff4081;color:#fff}.gm-badge{position:absolute;left:18px;top:18px;background:var(--p900);color:#fff;font-size:.72rem;font-weight:900;border-radius:999px;padding:6px 10px;box-shadow:0 8px 20px rgba(0,0,0,.3)}.gm-loading-inline{grid-column:1/-1;text-align:center;padding:28px;color:#fff}.gm-empty{display:none;text-align:center;background:rgba(0,0,0,.28);border-radius:14px;padding:18px;margin-top:16px}.gm-empty.show{display:block}

.gm-newsletter{margin:0 28px 32px;border-radius:18px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(135deg,rgba(90,26,138,.62),rgba(8,8,12,.70));display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,440px);gap:18px;align-items:center}.gm-newsletter p{color:#eee;line-height:1.45}.newsletter-form{display:grid;grid-template-columns:1fr auto;gap:10px}.newsletter-input{border:1px solid rgba(255,255,255,.24);border-radius:999px;background:#fff;color:#111;padding:13px 16px;min-width:0;outline:0}.newsletter-input:focus{box-shadow:0 0 0 4px rgba(140,255,158,.18);border-color:#8cff9e}.newsletter-feedback{grid-column:1/-1;min-height:22px;font-weight:900;color:#eee}.newsletter-feedback.ok{color:#8cff9e}.newsletter-feedback.err{color:#ffb3c1}
.gm-news-grid,.gm-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.gm-news-grid article{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:18px}.gm-news-grid span{font-family:'Tinos',serif;font-size:2.4rem;color:#8cff9e}.gm-news-grid h3{font-size:1.3rem;margin:.25rem 0}.gm-gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.gm-gallery-grid img{border-radius:16px;border:1px solid rgba(255,255,255,.16);background:#fff;aspect-ratio:4/3;object-fit:cover}

.footer{position:fixed;left:0;right:0;bottom:0;z-index:900;background:linear-gradient(90deg,#140048,#131018,#003d0c);color:rgba(255,255,255,.78);min-height:var(--footer-h);display:grid;place-items:center;text-align:center;padding:13px 18px;border-top:2px solid rgba(255,255,255,.12);font-size:.95rem;line-height:1.35;box-shadow:0 -14px 34px rgba(0,0,0,.35)}
.gm-toast{position:fixed;left:50%;bottom:calc(var(--footer-h) + 20px);transform:translate(-50%,20px);background:#111;color:#fff;padding:13px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow);z-index:2000;opacity:0;pointer-events:none;transition:.18s;max-width:min(90vw,520px);text-align:center}.gm-toast.show{opacity:1;transform:translate(-50%,0)}

/* Login */
.gm-login-shell .gm-topbar{grid-template-columns:auto minmax(150px,1fr) 150px minmax(130px,1fr) auto}.gm-login-top-text{color:#fff;font-weight:900;text-align:center}.gm-login-main{padding:34px 28px;min-height:calc(100dvh - 190px);display:grid;place-items:center}.gm-login-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,420px);gap:26px;background:rgba(14,10,20,.76);border:1px solid rgba(255,255,255,.16);border-radius:22px;padding:26px;width:min(920px,100%);box-shadow:var(--shadow)}.gm-login-brand img{width:170px;margin-bottom:18px}.gm-login-brand h1{color:#fff;margin-bottom:12px}.gm-login-brand p{color:#eee}.gm-login-brand code{background:rgba(255,255,255,.1);padding:2px 6px;border-radius:6px}.demo-users{margin-top:18px;display:grid;gap:8px;padding:14px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(255,255,255,.06)}.demo-users span{font-family:'Cousine',monospace;color:#d8ffd8;font-size:.9rem}.gm-login-form{display:grid;gap:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:18px}.gm-login-form label{display:grid;gap:7px;color:#fff;font-weight:800}.gm-login-form input[type="email"],.gm-login-form input[type="password"]{border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:13px 14px;background:#fff;color:#111;outline:0}.gm-form-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.gm-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:8px!important;font-size:.9rem;color:#eee!important}.fake-link{border:0;background:transparent;color:#8cff9e;text-decoration:underline;font-weight:900}.gm-login-msg{min-height:24px;font-weight:900}.gm-login-msg.ok{color:#8cff9e}.gm-login-msg.err{color:#ffb3c1}

/* Carrinho */
.panel-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.48);z-index:1500}.cart-panel{position:fixed;top:0;right:0;bottom:0;width:min(430px,100vw);background:#1a1422;color:#fff;z-index:1600;box-shadow:-20px 0 55px rgba(0,0,0,.55);transform:translateX(105%);transition:.18s;display:flex;flex-direction:column;padding:20px 18px calc(var(--footer-h) + 16px);border-left:2px solid var(--p900)}.cart-panel.is-open{transform:translateX(0)}.cart-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.cart-close{border:0;border-radius:50%;width:42px;height:42px;background:rgba(255,255,255,.12);color:#fff;font-size:2rem}.cart-items{display:grid;gap:12px;overflow:auto;padding-right:4px}.cart-item{display:grid;grid-template-columns:64px 1fr;gap:12px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:10px}.cart-item img{width:64px;height:64px;object-fit:cover;border-radius:10px;background:#fff}.cart-item h3{font-size:.95rem}.cart-item p{font-family:'Cousine',monospace;font-weight:900}.cart-item-actions{display:flex;align-items:center;gap:8px;margin-top:8px}.cart-item-actions button{border:0;border-radius:8px;background:rgba(255,255,255,.15);color:#fff;min-width:32px;height:30px;font-weight:900}.cart-total{border-top:1px solid rgba(255,255,255,.16);margin-top:auto;padding-top:16px;display:flex;justify-content:space-between;font-size:1.2rem}.cart-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.cart-empty{padding:24px;text-align:center;color:#ddd;background:rgba(255,255,255,.07);border-radius:14px}

@media (max-width:900px){
  html{scroll-padding-top:100px}.gm-shell{width:calc(100% - 20px);margin-top:10px}.gm-topbar{grid-template-columns:auto auto 1fr auto;grid-template-areas:"burger user logo cart" "search search search search";gap:10px;border-radius:22px 22px 0 0;min-height:unset}.gm-icon-btn{grid-area:burger}.gm-user{grid-area:user}.gm-logo{grid-area:logo;justify-content:start}.gm-logo img{width:116px}.gm-search-mini{grid-area:search}.gm-cart{grid-area:cart}.gm-user span:last-child{display:none}.gm-menu-panel{top:64px;width:calc(100vw - 20px);left:0;right:0}.gm-category-strip{justify-content:flex-start}.gm-main{width:calc(100% - 20px)}.gm-hero{grid-template-columns:1fr;padding:24px 16px}.gm-feature{margin:0 16px 18px;flex-direction:column;align-items:flex-start}.gm-products-section,.gm-news,.gm-gallery,.gm-newsletter{padding:18px 16px 28px}.gm-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gm-news-grid{grid-template-columns:1fr}.gm-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gm-section-head{align-items:flex-start;flex-direction:column}.gm-newsletter{margin:0 16px 24px;grid-template-columns:1fr}.newsletter-form{grid-template-columns:1fr}.gm-products-tools{justify-content:flex-start}.gm-login-shell .gm-topbar{grid-template-columns:auto 1fr auto;grid-template-areas:"burger logo cart" "user user user"}.gm-login-shell .gm-user{display:flex}.gm-login-top-text{display:none}.gm-login-wrap{grid-template-columns:1fr;padding:20px}.gm-login-main{padding:24px 14px}.footer{font-size:.86rem}.gm-toast{border-radius:16px}.gm-car-btn{width:36px;height:46px}.gm-slide-caption{padding:12px}.gm-slide-caption p{font-size:.9rem}
}

@media (max-width:420px){
  :root{--footer-h:92px}.gm-products{gap:10px}.gm-product{padding:9px;border-radius:14px}.gm-product h3{font-size:.88rem}.gm-product small{display:none}.gm-price{font-size:.9rem}.gm-product button{font-size:.72rem;padding:9px 6px}.gm-badge{font-size:.65rem;left:12px;top:12px}.gm-gallery-grid{grid-template-columns:1fr}.gm-about-text p{font-size:.95rem}.gm-carousel-stage{aspect-ratio:4/3}.cart-actions{grid-template-columns:1fr}.gm-category-strip a{font-size:.86rem;padding:7px 9px}.gm-logo img{width:104px}
}

/* Atividade 8 - jQuery: ajustes visuais para carrinho renderizado dinamicamente */
.cart-item-actions .qty-input{width:54px;height:30px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:#fff;color:#111;text-align:center;font-weight:900;outline:0}.cart-item-actions .remove-item{padding:0 10px;background:rgba(255,64,129,.20);color:#fff}.cart-item-actions .qty-input:focus{box-shadow:0 0 0 3px rgba(140,255,158,.18);border-color:#8cff9e}