:root{--ink: #ffe0c0;--ink-strong: #ffffff;--muted: #c8b8a6;--surface: #030303;--panel: #111111;--panel-2: #202020;--soft: #33201a;--line: #50332a;--accent: #ff5000;--accent-ink: #130300;--ember: #e01000;--flame: #ff7a00;--cream: #ffe0c0;--cyan: #00a0b0;--steel: #505050;--danger: #e01000;--blue: #00a0b0;--warm: #ff7a00;--radius: .65rem}*{box-sizing:border-box}html{background:var(--surface);color-scheme:dark;scroll-behavior:smooth}body{margin:0;color:var(--ink);background:radial-gradient(circle at 8% 8%,rgba(224,16,0,.22),transparent 22rem),radial-gradient(circle at 88% 4%,rgba(0,160,176,.18),transparent 24rem),linear-gradient(180deg,rgba(255,80,0,.12),transparent 30rem),var(--surface);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}a,button,input,select,.trick-card,.button,.user-chip,.profile-card,.profile-form,.auth-panel article,.form-panel,.draw-panel,.choose-panel,.current-trick,.result{transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease,opacity .18s ease,transform .18s ease}button,input,select{font:inherit}button{cursor:pointer}button:active,.button:active,a:active{transform:translateY(1px) scale(.985)}button:disabled,.button[aria-disabled=true]{cursor:not-allowed;opacity:.56;transform:none}img{display:block;max-width:100%}h1,h2,p{margin:0}h1{max-width:15ch;color:var(--ink-strong);font-size:clamp(2.35rem,4.3vw,4rem);line-height:.98;letter-spacing:0}h2{color:var(--ink-strong);font-size:clamp(1.25rem,2vw,2rem);line-height:1.05}.band,.page-head,.toolbar,.trick-grid,.detail,.guide-list,.form-panel,.game,.history-list,.stats,.feature-strip{width:min(1180px,100% - 2rem);margin-inline:auto}.eyebrow{margin-bottom:.8rem;color:var(--cyan);font-size:.74rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.lead{max-width:42rem;margin-top:1rem;color:var(--muted);font-size:1rem;line-height:1.6}.hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(24rem,.76fr);gap:clamp(2rem,5vw,4rem);align-items:center;min-height:0;padding-block:clamp(2.5rem,4vw,3.25rem)}.hero-copy{max-width:42rem;padding-top:0}.hero-stage{position:relative;display:grid;justify-self:end;width:min(100%,29rem);min-height:0;overflow:hidden;border:1px solid rgba(255,80,0,.48);border-radius:var(--radius);padding:.85rem;background:#030303;box-shadow:0 2rem 5rem #e0100033}.hero-stage img{width:100%;height:auto;max-height:23rem;min-height:0;object-fit:contain;padding:0;opacity:.98}.stage-panel,.stage-score{border:1px solid rgba(245,241,232,.16);border-radius:var(--radius);background:#030303c7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.stage-panel{position:static;margin-top:.75rem;padding:.85rem}.stage-panel span,.stage-panel small{display:block;color:var(--muted)}.stage-panel strong{display:block;margin-block:.2rem;color:var(--ink-strong);font-size:1.45rem;line-height:1}.stage-score{position:absolute;top:1.2rem;right:1.2rem;display:flex;gap:.35rem;padding:.45rem}.stage-score span{display:grid;width:1.85rem;height:1.85rem;place-items:center;border-radius:.45rem;background:var(--ember);color:var(--accent-ink);font-weight:950}.actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-top:1.4rem}.button,button{min-height:2.55rem;border:1px solid var(--line);border-radius:.5rem;padding:.62rem .9rem;background:var(--panel-2);color:var(--ink);font-weight:850}.button:hover,button:hover{border-color:color-mix(in srgb,var(--accent) 60%,var(--line));box-shadow:0 .7rem 1.4rem #ff500024;transform:translateY(-1px)}.button.primary,button.primary{border-color:var(--accent);background:linear-gradient(135deg,var(--ember),var(--accent) 55%,var(--flame));color:var(--accent-ink);box-shadow:0 .9rem 2rem #e0100038}.button.ghost,button.ghost{background:transparent}.button.danger,button.danger{border-color:var(--danger);background:var(--danger);color:#180c09}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-top:0;padding-bottom:1rem}.stats article,.feature-strip article,.guide-list article,.history-list article,.scoreboard article,.auth-panel article,.profile-card,.profile-form,.form-panel,.current-trick,.result,.draw-panel,.choose-panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#202020db,#0c0c0ceb)}.stats article{padding:.9rem 1rem}.stats strong{display:block;color:var(--ink-strong);font-size:1.85rem;line-height:1}.stats span,.trick-card p,.history-list p,.feature-strip p{color:var(--muted)}.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;padding-block:.75rem 3rem}.feature-strip article{padding:1rem}.feature-strip span{color:var(--cyan);font-weight:950}.feature-strip h2{margin-top:1rem;font-size:1.35rem}.feature-strip p{margin-top:.7rem;line-height:1.55}.page-head{display:flex;justify-content:space-between;gap:1.5rem;align-items:end;padding-block:2.2rem 1.1rem}.page-head h1{max-width:14ch;font-size:clamp(2.1rem,4vw,3.5rem)}.toolbar{display:grid;grid-template-columns:minmax(0,1fr) 13rem;gap:.75rem;margin-bottom:1rem}.toolbar.compact{width:100%}input,select{width:100%;min-height:3.15rem;border:1px solid var(--line);border-radius:.5rem;padding:0 1rem;background:#080808;color:var(--ink)}input:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 .2rem #00a0b029;outline:0}.trick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15.5rem,1fr));gap:.85rem;padding-bottom:4rem}.trick-card{display:grid;min-height:19.5rem;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,var(--panel-2),var(--panel));transition:border-color .18s ease,transform .18s ease}.trick-card:hover{border-color:color-mix(in srgb,var(--accent) 70%,var(--line));transform:translateY(-2px)}dialog,[popover]{max-width:min(34rem,100% - 2rem);border:1px solid rgba(255,80,0,.42);border-radius:var(--radius);padding:1rem;background:linear-gradient(180deg,#202020fa,#030303fa);color:var(--ink);box-shadow:0 1.8rem 4rem #0000008c}dialog::backdrop,[popover]::backdrop{background:#000000ad;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}dialog[open],[popover]:popover-open{animation:modal-in .18s ease both}dialog.closing,[popover].closing{animation:modal-out .16s ease both}@keyframes modal-in{0%{opacity:0;transform:translateY(.75rem) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modal-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(.6rem) scale(.98)}}.trick-thumb{position:relative;aspect-ratio:4/3;overflow:hidden;background:radial-gradient(circle at 24% 18%,rgba(255,80,0,.2),transparent 45%),linear-gradient(135deg,#111,#050505)}.trick-thumb:after,.detail-media:after{position:absolute;inset:auto 1rem 1rem;color:#ffe0c075;content:"midia pendente";font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.trick-thumb img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover}.trick-body{padding:.9rem}.trick-body span{color:var(--cyan);font-size:.75rem;font-weight:950;text-transform:uppercase}.trick-body h2{margin-top:.25rem;font-size:1.35rem}.trick-body p{margin-top:.35rem}.detail{display:grid;grid-template-columns:minmax(22rem,.82fr) minmax(22rem,1fr);gap:2rem;align-items:start;padding-block:2.5rem 4rem}.detail-media{position:sticky;top:6rem;min-height:0;aspect-ratio:4/3;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(circle at 24% 18%,rgba(255,80,0,.2),transparent 45%),linear-gradient(135deg,#111,#050505)}.detail-media img,.current-trick img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover}.detail-copy{padding-block:1rem}.detail-copy dl{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-block:1.5rem}.detail-copy dl div{border:1px solid var(--line);border-radius:.55rem;padding:.85rem;background:var(--panel)}.detail-copy dt{color:var(--muted);font-size:.75rem;font-weight:850;text-transform:uppercase}.detail-copy dd{margin:.25rem 0 0;color:var(--ink-strong);font-weight:950}.chips{display:flex;flex-wrap:wrap;gap:.5rem}.chips span{padding:.5rem .65rem;border:1px solid var(--line);border-radius:.45rem;background:color-mix(in srgb,var(--soft) 72%,var(--surface));font-weight:800}.note,.back{display:inline-block;margin-top:1rem;color:var(--muted)}.guide-list,.history-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem;padding-bottom:4rem}.learn-section,.source-note{width:min(1180px,100% - 2rem);margin-inline:auto}.learn-section{padding-bottom:2.25rem}.section-title{display:grid;gap:.2rem;margin-bottom:.85rem}.section-title .eyebrow{margin-bottom:.45rem}.learn-grid,.channel-grid{display:grid;gap:.85rem}.learn-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.learn-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.learn-card,.channel-card,.learn-section.split article,.definition-group,.source-note{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#202020db,#0c0c0ceb)}.learn-card{overflow:hidden}.learn-card img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#050505}.learn-card div,.learn-section.split article,.source-note{padding:1rem}.learn-card span,.channel-card span{color:var(--cyan);font-size:.74rem;font-weight:950;text-transform:uppercase}.learn-card p,.learn-section.split li,.source-note p{color:var(--muted);line-height:1.55}.learn-card p{margin-top:.55rem}.learn-section.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.learn-section.split ol,.learn-section.split ul{display:grid;gap:.65rem;margin:1rem 0 0;padding-left:1.2rem}.definitions-section{padding-top:.5rem}.definition-groups{display:grid;gap:.85rem}.definition-group{display:grid;grid-template-columns:minmax(14rem,.38fr) minmax(0,1fr);gap:1rem;padding:1rem}.definition-group-head{align-content:start;display:grid;gap:.65rem}.definition-group-head .eyebrow{margin-bottom:0}.definition-group h3{margin:0;color:var(--ink-strong);font-size:clamp(1.25rem,2vw,1.8rem);line-height:1.08}.definition-media{display:grid;gap:.55rem}.definition-media img{width:100%;max-height:20rem;border:1px solid rgba(255,80,0,.28);border-radius:.5rem;background:#050505;object-fit:contain}.definition-group p,.definition-group dd{color:var(--muted);line-height:1.55}.definition-group dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin:0}.definition-group dl div{border:1px solid rgba(0,160,176,.18);border-radius:.5rem;padding:.85rem;background:#00a0b00e}.definition-group dt{color:var(--ink-strong);font-weight:950}.definition-group dd{margin:.35rem 0 0}.channel-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.channel-card{display:grid;gap:.55rem;padding:.8rem}.channel-card:hover{border-color:color-mix(in srgb,var(--accent) 70%,var(--line));transform:translateY(-2px)}.channel-card img{width:3.25rem;height:3.25rem;border-radius:.45rem;object-fit:cover}.channel-card strong{color:var(--ink-strong)}.source-note{margin-bottom:4rem}.source-note a{color:var(--cyan);font-weight:900}.guide-list article,.history-list article,.auth-panel article,.form-panel{padding:1rem}.auth-panel{width:min(34rem,100% - 2rem);margin:0 auto 4rem}.auth-panel article{display:grid;gap:.85rem}.auth-panel span{color:var(--cyan);font-size:.75rem;font-weight:950;text-transform:uppercase}.auth-panel strong{color:var(--ink-strong);font-size:1.45rem}.auth-panel .button,.auth-panel button{width:100%}.auth-error{color:var(--danger);line-height:1.5}.profile-head{align-items:center}.profile-head img{width:min(18rem,38vw);border:1px solid rgba(255,80,0,.48);border-radius:var(--radius);background:#030303;box-shadow:0 1.4rem 3rem #e0100038}.profile-layout{display:grid;grid-template-columns:minmax(18rem,.45fr) minmax(0,1fr);gap:.85rem;width:min(980px,100% - 2rem);margin:0 auto 4rem}.profile-card,.profile-form{padding:1rem}.profile-card{display:grid;align-content:start;gap:.75rem}.profile-card>span{color:var(--cyan);font-size:.75rem;font-weight:950;text-transform:uppercase}.profile-card>strong{color:var(--ink-strong);font-size:clamp(1.6rem,3vw,2.4rem);line-height:1}.profile-card small{overflow:hidden;color:var(--muted);font-weight:800;text-overflow:ellipsis}.profile-card dl{display:grid;gap:.55rem;margin:.5rem 0 0}.profile-card dl div{border:1px solid rgba(0,160,176,.22);border-radius:.5rem;padding:.75rem;background:#00a0b00f}.profile-card dt{color:var(--muted);font-size:.72rem;font-weight:900;text-transform:uppercase}.profile-card dd{margin:.25rem 0 0;color:var(--ink-strong);font-weight:950}.profile-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.profile-form label:first-child,.profile-form button.primary,.profile-form .save-ok,.profile-form .auth-error{grid-column:1/-1}.save-ok{color:var(--cyan);font-weight:900}.setup-dialog{display:none;gap:.7rem}.setup-dialog[open]{display:grid}.setup-dialog span{color:var(--cyan);font-size:.75rem;font-weight:950;text-transform:uppercase}.setup-dialog strong{color:var(--ink-strong);font-size:clamp(1.6rem,4vw,2.5rem);line-height:1}.setup-dialog p{color:var(--muted);line-height:1.5}.guide-list span{color:var(--cyan);font-size:.75rem;font-weight:950;text-transform:uppercase}.guide-list p,.guide-list strong{display:block;margin-top:.65rem;line-height:1.6}.guide-list p{color:var(--muted)}.form-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:760px;margin-bottom:4rem}.form-panel button{grid-column:1/-1}.form-panel label,fieldset{display:grid;gap:.45rem;border:0;padding:0;color:var(--ink-strong);font-weight:850}fieldset{grid-template-columns:repeat(2,max-content);align-content:end;column-gap:1rem}fieldset legend{grid-column:1/-1}fieldset label{display:flex;align-items:center}fieldset input{width:auto;min-height:auto}.game{padding-block:2.5rem 4rem}.game-head,.scoreboard{display:flex;justify-content:space-between;gap:1rem;align-items:center}.game-head h1{max-width:14ch;font-size:clamp(2.4rem,5vw,5rem)}.scoreboard{margin-block:1rem}.scoreboard article{flex:1;padding:1rem}.scoreboard article.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px #ff500059}.scoreboard strong{color:var(--ink-strong);font-size:1.1rem}.letters{display:flex;gap:.35rem;margin-top:.75rem}.letters span{display:grid;width:2.35rem;height:2.35rem;place-items:center;border:1px solid var(--line);border-radius:.45rem;background:#101210;color:var(--muted);font-weight:950}.letters span.lit{border-color:var(--danger);background:var(--danger);color:#1b0b08}.arena{display:grid;grid-template-columns:18rem minmax(0,1fr);gap:.85rem;align-items:start}.draw-panel,.choose-panel{display:grid;gap:.75rem;padding:1rem}.draw-panel span{color:var(--cyan);font-weight:950}.draw-panel p{color:var(--muted);line-height:1.5}.choice-list{display:grid;gap:.45rem;max-height:32rem;overflow:auto}.choice-list button{width:100%;text-align:left}.current-trick{display:grid;grid-template-columns:minmax(22rem,.95fr) 1fr;gap:1rem;min-height:32rem;padding:1rem}.current-trick img{min-height:30rem;border-radius:.5rem;background:#090a09}.current-trick h2{margin-top:.25rem;font-size:clamp(2rem,4vw,4.4rem)}.current-trick p:not(.eyebrow){margin-top:1rem;color:var(--muted);line-height:1.65}.empty-state{display:grid;place-items:center;min-height:32rem}.result{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1.2rem}.empty{color:var(--muted)}@media(max-width:920px){.hero,.detail,.arena,.current-trick{grid-template-columns:1fr}.hero{min-height:auto}.hero-stage,.hero-stage img,.detail-media,.current-trick img{min-height:22rem}.detail-media{position:static}.stats,.feature-strip,.guide-list,.history-list,.form-panel,.profile-layout,.profile-form,.learn-grid,.learn-grid.two,.learn-section.split,.definition-group,.definition-group dl,.channel-grid,.toolbar{grid-template-columns:1fr}.game-head,.scoreboard,.page-head,.result{align-items:stretch;flex-direction:column}.profile-head img{width:min(100%,16rem)}}@media(max-width:560px){h1{font-size:clamp(2.7rem,16vw,4rem)}.band,.page-head,.toolbar,.trick-grid,.detail,.guide-list,.form-panel,.game,.history-list,.auth-panel,.profile-layout,.learn-section,.source-note,.stats,.feature-strip{width:min(100% - 1rem,1240px)}.detail-copy dl,fieldset,.trick-grid{grid-template-columns:1fr}}