:root{--ink:#11110f;--paper:#e8e2d4;--muted:#989386;--red:#e13b2f;--red-dark:#8f211b;--line:#35332e;--panel:#1a1916;--white:#f6f1e7;--mono:'Chivo Mono',monospace;--display:'Unbounded',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:var(--mono);font-size:14px;line-height:1.5;overflow-x:hidden}.grain{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.site-header{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 clamp(22px,4vw,68px);position:relative;z-index:5;background:rgba(17,17,15,.9);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:12px;font:600 14px var(--display);letter-spacing:-.04em;color:var(--white);text-decoration:none}.brand i{color:var(--red);font-style:normal}.brand-mark{width:34px;height:34px;display:grid;place-items:center;background:var(--red);color:#fff;font:bold 18px serif;transform:rotate(-4deg)}nav{margin:auto;display:flex;height:100%;gap:38px}nav a{display:flex;align-items:center;position:relative;color:var(--muted);text-decoration:none;font-size:11px;text-transform:uppercase;letter-spacing:.12em}nav a:hover,nav a.active{color:var(--white)}nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--red)}button,input{font:inherit}.icon-button{width:40px;height:40px;border:1px solid var(--line);color:var(--white);background:transparent;display:grid;place-items:center;cursor:pointer}.icon-button:hover,.icon-button[aria-pressed=true]{border-color:var(--red);background:var(--red)}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.hero{min-height:600px;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(380px,.82fr);gap:7vw;align-items:center;padding:86px clamp(22px,6.5vw,110px);position:relative;background:radial-gradient(circle at 14% 25%,#2a2721 0,transparent 30%),linear-gradient(135deg,#13120f 55%,#1c1915)}.hero:before{content:"忍";position:absolute;left:-2vw;bottom:-100px;font:700 430px serif;color:transparent;-webkit-text-stroke:1px rgba(232,226,212,.045);transform:rotate(-8deg);pointer-events:none}.eyebrow{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#b4afa3;display:flex;align-items:center;gap:12px}.eyebrow span{width:24px;height:2px;background:var(--red)}h1,h2,h3{font-family:var(--display);margin:0;line-height:1.02}h1{font-size:clamp(48px,6.5vw,102px);letter-spacing:-.075em;max-width:870px;margin:24px 0 30px}h1 em,.field-notes h2 em{font-style:normal;color:var(--red)}.intro{max-width:620px;color:#aaa59a;font-size:14px;line-height:1.8;border-left:1px solid var(--red);padding-left:22px}.next-card{position:relative;border:1px solid #46423a;background:rgba(26,25,22,.92);box-shadow:16px 16px 0 rgba(0,0,0,.22);padding:27px}.next-card:before,.next-card:after{content:"";position:absolute;width:22px;height:22px;border-color:var(--red)}.next-card:before{left:-1px;top:-1px;border-left:2px solid var(--red);border-top:2px solid var(--red)}.next-card:after{right:-1px;bottom:-1px;border-right:2px solid var(--red);border-bottom:2px solid var(--red)}.next-head,.next-body,.card-footer{display:flex;align-items:center;justify-content:space-between}.next-head{font-size:10px;letter-spacing:.16em;color:#bbb5a8;padding-bottom:24px;border-bottom:1px solid var(--line)}.pulse-dot{color:#ef655a}.pulse-dot:before,.live-dot{content:"";display:inline-block;width:6px;height:6px;background:var(--red);border-radius:50%;margin-right:7px;box-shadow:0 0 0 4px rgba(225,59,47,.12);animation:pulse 1.6s infinite}.next-body{justify-content:flex-start;gap:18px;padding:28px 0}.tier-stamp{flex:0 0 56px;height:64px;background:var(--red);display:grid;place-items:center;font:700 29px var(--display);clip-path:polygon(0 0,100% 0,100% 84%,50% 100%,0 84%)}.next-body h2{font-size:clamp(18px,2vw,27px);letter-spacing:-.05em}.next-body p{color:var(--muted);margin:8px 0 0;font-size:11px}.countdown-block{background:var(--red);padding:18px 22px;display:flex;align-items:center;justify-content:space-between;color:#fff}.countdown-block span{font-size:9px;letter-spacing:.18em}.countdown-block strong{font:600 clamp(27px,3vw,42px) var(--display);letter-spacing:-.05em}.card-footer{padding-top:19px;font-size:8px;color:var(--muted);letter-spacing:.12em}.card-footer b{display:block;color:var(--white);font-size:12px;margin-top:4px}.clock-strip{min-height:132px;background:var(--paper);color:var(--ink);display:grid;grid-template-columns:1fr 70px 1fr auto;align-items:center;padding:24px clamp(22px,6.5vw,110px);gap:34px}.clock-strip>div:not(.clock-seal){display:grid;grid-template-columns:auto auto;align-items:end}.clock-strip span{font-size:9px;letter-spacing:.16em}.clock-strip strong{font:600 clamp(27px,3.2vw,47px) var(--display);letter-spacing:-.06em;justify-self:end}.clock-strip small{grid-column:1/-1;color:#6f6b62;margin-top:4px}.clock-seal{width:56px;height:56px;border-radius:50%;border:1px solid #a9a294;display:grid;place-items:center;position:relative}.clock-seal:after{content:"";position:absolute;width:42px;height:42px;border:1px dashed #a9a294;border-radius:50%}.clock-seal span{font-weight:bold;color:var(--red)}.sync-button{border:1px solid #aaa396;background:transparent;padding:13px 18px;text-transform:uppercase;font-size:9px;letter-spacing:.1em;display:flex;gap:9px;align-items:center;cursor:pointer}.sync-button:hover{background:var(--ink);color:var(--white)}.arsenal{padding:100px clamp(22px,6.5vw,110px) 120px;background:#151411}.section-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:38px}.section-title h2{font-size:clamp(36px,5vw,70px);letter-spacing:-.06em}.section-title>p{text-align:right;color:var(--muted);font-size:10px;letter-spacing:.08em}.section-title>p b{color:var(--white);font:600 28px var(--display)}.section-title>p span{color:#69665f}.toolbar{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin-bottom:30px}.search-box{height:44px;width:min(410px,100%);display:flex;align-items:center;gap:12px;border:1px solid var(--line);padding:0 13px;color:var(--muted)}.search-box:focus-within{border-color:var(--red)}.search-box input{border:0;outline:0;background:transparent;color:var(--white);width:100%;font-size:11px}.search-box kbd{border:1px solid var(--line);padding:2px 6px;font-size:9px;white-space:nowrap}.filters{display:flex;gap:6px}.filter{border:1px solid var(--line);background:transparent;color:#918d84;padding:0 15px;cursor:pointer;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.filter:hover,.filter.active{background:var(--paper);border-color:var(--paper);color:var(--ink)}.items-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.item-card{background:var(--panel);padding:25px;min-height:388px;display:flex;flex-direction:column;position:relative;transition:background .2s,transform .2s}.item-card:hover{background:#201e1a;z-index:1}.item-card.live{box-shadow:inset 0 0 0 1px var(--red)}.item-top{display:flex;justify-content:space-between}.item-tier{font:700 16px var(--display);color:var(--red)}.item-tier:before{content:'TIER ';font:400 8px var(--mono);color:var(--muted);letter-spacing:.1em}.favorite-button{background:transparent;border:0;color:#68645c;padding:2px;cursor:pointer}.favorite-button:hover,.favorite-button.active{color:var(--red)}.favorite-button.active svg{fill:currentColor}.item-type{margin:26px 0 7px;color:var(--red);font-size:9px;text-transform:uppercase;letter-spacing:.14em}.item-card h3{font-size:20px;letter-spacing:-.04em;min-height:42px}.item-note{font-size:10px;color:#8f8b81;line-height:1.65;margin:16px 0 22px}.item-card dl{display:grid;grid-template-columns:1fr 1fr;margin:auto 0 18px}.item-card dl div{border-left:1px solid var(--line);padding-left:12px}.item-card dt{color:#66635c;font-size:8px;letter-spacing:.12em}.item-card dd{margin:4px 0 0;font-size:10px;color:#cbc5ba}.spawn-line{border-top:1px solid var(--line);padding-top:17px;display:flex;align-items:center;justify-content:space-between}.status-label{font-size:8px;color:var(--muted);letter-spacing:.14em}.item-countdown{font:600 22px var(--display);letter-spacing:-.04em}.item-card.live .status-label,.item-card.live .item-countdown{color:#ef655a}.time-line{display:flex;justify-content:space-between;margin-top:10px;font-size:8px;color:#706d65}.time-line span:before{display:block;color:#4f4c46;font-size:7px}.game-time:before{content:'JOGO'}.local-time:before{content:'LOCAL';text-align:right}.empty-state{text-align:center;color:var(--muted);padding:70px}.field-notes{display:grid;grid-template-columns:.85fr 1.5fr .8fr;gap:6vw;background:var(--paper);color:var(--ink);padding:95px clamp(22px,6.5vw,110px)}.field-notes h2{font-size:clamp(38px,5vw,68px);letter-spacing:-.07em}.field-notes ol{list-style:none;padding:0;margin:0}.field-notes li{display:flex;gap:20px;border-top:1px solid #bcb5a8;padding:20px 0}.field-notes li>b{font:600 11px var(--display);color:var(--red)}.field-notes strong{font:600 13px var(--display);text-transform:uppercase}.field-notes li p{margin:7px 0 0;color:#6a665e;font-size:11px}.field-notes aside{border:1px solid #bcb5a8;padding:23px;align-self:start;transform:rotate(1deg);box-shadow:6px 6px 0 #cdc5b6}.field-notes aside span{font-size:8px;letter-spacing:.16em;color:var(--red)}.field-notes aside p{font-size:10px;line-height:1.7}footer{min-height:140px;padding:35px clamp(22px,6.5vw,110px);display:flex;align-items:center;justify-content:space-between;color:#77736b;font-size:9px;text-transform:uppercase;letter-spacing:.1em}footer a{color:#aaa59a;text-decoration:none}dialog{width:min(520px,calc(100% - 32px));border:1px solid #4b4740;background:#1b1a17;color:var(--white);padding:0;box-shadow:0 30px 90px #000}dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(5px)}dialog form{padding:28px}.dialog-head{display:flex;justify-content:space-between}.dialog-head span{font-size:8px;color:var(--red);letter-spacing:.16em}.dialog-head h2{font-size:25px;margin-top:5px}dialog p{color:var(--muted);font-size:11px;line-height:1.7}dialog label{display:grid;gap:8px;font-size:9px;letter-spacing:.12em;margin:25px 0}dialog input{background:#11110f;border:1px solid var(--line);color:var(--white);padding:13px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}.dialog-actions button{border:1px solid var(--line);background:transparent;color:var(--white);padding:11px 18px;cursor:pointer}.dialog-actions .primary{background:var(--red);border-color:var(--red)}.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}@keyframes pulse{50%{box-shadow:0 0 0 8px rgba(225,59,47,0)}}@media(max-width:960px){nav{display:none}.site-header{justify-content:space-between}.hero{grid-template-columns:1fr;padding-top:70px}.hero-copy{max-width:800px}.next-card{max-width:620px}.clock-strip{grid-template-columns:1fr 50px 1fr}.sync-button{grid-column:1/-1;justify-content:center}.items-grid{grid-template-columns:repeat(2,1fr)}.field-notes{grid-template-columns:1fr 1.5fr}.field-notes aside{grid-column:1/-1;transform:none}}@media(max-width:650px){.hero{padding:60px 20px;gap:42px;min-height:auto}.hero h1{font-size:46px}.next-card{padding:20px}.clock-strip{padding:24px 20px;grid-template-columns:1fr 1fr;gap:20px}.clock-seal{display:none}.clock-strip>div:not(.clock-seal){grid-template-columns:1fr}.clock-strip strong{justify-self:start;font-size:25px}.arsenal{padding:75px 20px}.section-title{align-items:start}.section-title>p{display:none}.toolbar{flex-direction:column}.filters{overflow:auto;padding-bottom:4px}.filter{height:40px;white-space:nowrap}.items-grid{grid-template-columns:1fr}.field-notes{grid-template-columns:1fr;padding:75px 20px}.field-notes aside{grid-column:auto}footer{padding:35px 20px;gap:22px;flex-wrap:wrap}.brand-mark{width:30px;height:30px}.card-footer{gap:10px}.item-card{min-height:360px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
