.fe,.fe-card,.fe-top{--fe-good:var(--ok);--fe-meh:var(--sec);--fe-bad:#e5484d;--fe-great:#3b82f6}.fe{border:1px solid var(--line);border-top:3px solid var(--accent);background:linear-gradient(180deg, var(--accent-tint) 0%, var(--paper-2) 180px);color:var(--ink-soft);border-radius:14px;margin:24px 0 0;padding:26px 28px}.fe-panel-title{font-family:var(--display);text-transform:uppercase;color:var(--heading);margin-bottom:16px;font-size:20px;font-weight:700}.fe-form{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:14px 16px;display:grid}.fe-field{flex-direction:column;gap:6px;min-width:0;display:flex}.fe-field>span,.fe-seg legend{font-family:var(--mono);text-transform:uppercase;letter-spacing:.5px;color:var(--ink-faint);font-size:11px}.fe-field em{text-transform:none;opacity:.8;font-style:normal}.fe-field input{background:var(--paper);width:100%;height:46px;color:var(--heading);border:1px solid var(--line-strong);font:500 15px var(--sans);border-radius:10px;padding:0 14px}.fe-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint);outline:none}.fe-seg{border:0;flex-wrap:wrap;gap:0;min-width:0;margin:0;padding:0;display:flex}.fe-seg legend{float:left;width:100%;margin-bottom:6px;padding:0}.fe-seg button{border:1px solid var(--line-strong);background:var(--paper);min-width:0;height:42px;color:var(--ink-soft);font:600 13px var(--sans);cursor:pointer;flex:1 1 0;margin-left:-1px;padding:0 6px;transition:background .15s,color .15s}.fe-seg button:first-of-type{border-radius:10px 0 0 10px;margin-left:0}.fe-seg button:last-of-type{border-radius:0 10px 10px 0}.fe-seg button:hover{color:var(--heading)}.fe-seg button.is-on{background:var(--accent);border-color:var(--accent);color:#fff;z-index:1;position:relative}.fe-actions{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:10px 14px;display:flex}.fe-remember{color:var(--ink-soft);cursor:pointer;align-items:center;gap:8px;margin-left:auto;font-size:13px;display:inline-flex}.fe-remember input{accent-color:var(--accent);width:16px;height:16px}.fe-note{color:var(--ink-faint);margin:12px 0 0;font-size:13px}.fe-note kbd,.fe-note code{font-family:var(--mono);background:var(--paper);border:1px solid var(--line);border-radius:3px;padding:1px 5px;font-size:12px}.fe-out{gap:18px;margin-top:26px;display:grid}.fe-card,.fe-hero,.fe-tile{background:var(--card);border:1px solid var(--line);border-radius:14px}.fe-card{min-width:0;padding:20px 22px}.fe-card-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;margin-bottom:14px;display:flex}.fe-card-head h2{font-family:var(--display);text-transform:uppercase;color:var(--heading);margin:0;font-size:18px}.fe-card-sub{color:var(--ink-faint);font-size:12px}.fe-hint{color:var(--ink-faint);margin:10px 0 0;font-size:12px}.fe-grid2{grid-template-columns:1fr 1fr;gap:18px;display:grid}.fe-top{grid-template-columns:1.1fr 1fr;gap:18px;display:grid}.fe-hero{border-top:3px solid var(--accent);align-items:center;gap:20px;padding:20px 22px;display:flex}.fe-poster{object-fit:cover;border:1px solid var(--line);border-radius:10px;flex-shrink:0;width:104px;height:156px}.fe-game{font-family:var(--display);text-transform:uppercase;color:var(--heading);font-size:18px;font-weight:700}.fe-hero-label{font-family:var(--mono);text-transform:uppercase;color:var(--ink-faint);margin-top:8px;font-size:11px}.fe-big{--tone:var(--fe-good);align-items:baseline;gap:8px;display:flex}.fe-big b{font-family:var(--display);color:var(--tone);font-size:clamp(54px,8vw,84px);line-height:1}.fe-big span{font:700 18px var(--mono);color:var(--ink-soft)}.fe-range{color:var(--ink-soft);margin-top:4px;font-size:14px}.fe-play{--tone:var(--fe-good);color:var(--heading);align-items:center;gap:6px;margin-top:10px;font-size:14px;font-weight:700;display:inline-flex}.fe-play:before{content:"";background:var(--tone);border-radius:50%;width:10px;height:10px}.fe-tiles{grid-template-columns:1fr 1fr;gap:12px;display:grid}.fe-tile{flex-direction:column;gap:2px;padding:14px 16px;display:flex}.fe-tile span{font-family:var(--mono);text-transform:uppercase;color:var(--ink-faint);font-size:11px}.fe-tile b{--tone:var(--heading);font-family:var(--display);color:var(--tone);font-size:32px;line-height:1.1}.fe-tile small{color:var(--ink-faint);font-size:12px}.fe-out [data-band=bad]{--tone:var(--fe-bad)}.fe-out [data-band=meh]{--tone:var(--fe-meh)}.fe-out [data-band=good]{--tone:var(--fe-good)}.fe-out [data-band=great]{--tone:var(--fe-great)}.fe-bars{--h:230px}.fe-bars--short{--h:160px}.fb-plot{height:var(--h);border-bottom:1px solid var(--line-strong);align-items:flex-end;gap:14px;padding:18px 34px 0;display:flex;position:relative}.fb-lines{pointer-events:none;position:absolute;inset:18px 0 0}.fb-ref{border-top:1px dashed var(--line-strong);position:absolute;left:34px;right:0}.fb-ref span{font:600 11px var(--mono);color:var(--ink-faint);text-align:right;width:28px;position:absolute;top:-8px;left:-32px}.fb-ref--60{border-top-color:color-mix(in srgb, var(--ok) 60%, transparent)}.fb-col{z-index:1;flex:1;justify-content:center;align-items:flex-end;height:100%;display:flex;position:relative}.fb-bar{--tone:var(--accent);background:var(--accent);opacity:.42;border:0;border-radius:6px 6px 0 0;width:min(64px,100%);height:0;padding:0;transition:height .6s cubic-bezier(.2,.8,.2,1),opacity .2s;position:relative}.fb-bar.is-on{opacity:1}.fb-bar:hover,.fb-bar:focus-visible{opacity:.85;outline:none}.fb-bar.is-on:hover{opacity:1}.fb-val{font:700 13px var(--mono);color:var(--heading);white-space:nowrap;position:absolute;bottom:100%;left:50%;transform:translate(-50%,-4px)}.fb-bar:after{content:"";width:8px;height:8px;position:absolute;top:-24px;left:50%;transform:translate(-50%)}.fb-axis{gap:14px;padding:8px 34px 0;display:flex}.fb-axis span{text-align:center;font:600 12px var(--mono);color:var(--ink-faint);text-transform:uppercase;flex:1}.fb-axis span.is-on{color:var(--accent)}.fe-wave{height:220px;position:relative}.fw-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.fw-grid{stroke:var(--line);stroke-width:1px;vector-effect:non-scaling-stroke}.fw-area{fill:var(--accent-tint)}.fw-line{fill:none;stroke:var(--accent);stroke-width:2px;vector-effect:non-scaling-stroke;stroke-linejoin:round}.fw-avg{stroke:var(--ok);stroke-width:1.5px;stroke-dasharray:6 4;vector-effect:non-scaling-stroke}.fw-low{stroke:#e5484d;stroke-width:1.5px;stroke-dasharray:2 4;vector-effect:non-scaling-stroke}.fw-cross{stroke:var(--ink-faint);stroke-width:1px;vector-effect:non-scaling-stroke}.fw-y{pointer-events:none;width:42px;position:absolute;top:0;bottom:0;left:0}.fw-y span{font:600 10px var(--mono);color:var(--ink-faint);position:absolute;left:0;transform:translateY(-50%)}.fe-key{color:var(--ink-faint);flex-wrap:wrap;gap:6px 18px;margin:10px 0 0;padding:0;font-size:12px;list-style:none;display:flex}.fe-key li{align-items:center;gap:6px;display:inline-flex}.fe-key li:before{content:"";border-top:2px solid var(--accent);width:18px;height:0}.fe-key .k-avg:before{border-top:2px dashed var(--ok)}.fe-key .k-low:before{border-top:2px dotted #e5484d}.fe-meters{gap:14px;display:grid}.fe-meter-head{color:var(--ink-soft);justify-content:space-between;gap:10px;margin-bottom:6px;font-size:13px;display:flex}.fe-meter-head span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fe-meter-head b{font-family:var(--mono);color:var(--heading)}.fe-meter-track{background:var(--paper-2);border:1px solid var(--line);border-radius:999px;height:12px;overflow:hidden}.fe-meter-fill{background:var(--accent);border-radius:999px;height:100%;transition:width .7s cubic-bezier(.2,.8,.2,1)}.fe-meter--cpu .fe-meter-fill{background:var(--fe-great)}.fe-bn-text{margin:14px 0 0;font-size:14px;line-height:1.6}.fe-dl{grid-template-columns:1fr auto;margin:0;display:grid}.fe-dl dt,.fe-dl dd{border-bottom:1px solid var(--line);padding:8px 0;font-size:14px}.fe-dl dt{color:var(--ink-soft)}.fe-dl dd{text-align:right;font-family:var(--mono);color:var(--heading);margin:0;font-weight:700}.fe-dl dt:last-of-type,.fe-dl dd:last-of-type{border-bottom:0}.fe-best{gap:10px;margin:0;padding:0;list-style:none;display:grid}.fe-best li{border-bottom:1px solid var(--line);grid-template-columns:130px 1fr;gap:10px;padding-bottom:10px;font-size:14px;line-height:1.5;display:grid}.fe-best li:last-child{border-bottom:0;padding-bottom:0}.fe-best b{font-family:var(--mono);text-transform:uppercase;color:var(--accent);padding-top:2px;font-size:12px}.fe-table-wrap{overflow-x:auto}.fe-table{border-collapse:collapse;width:100%;min-width:460px}.fe-table th,.fe-table td{border-bottom:1px solid var(--line);text-align:center;padding:11px 12px;font-size:14px}.fe-table tbody tr{cursor:pointer}.fe-table tbody tr:hover{background:var(--paper-2)}.fe-table thead th{font-family:var(--mono);text-transform:uppercase;color:var(--ink-faint);font-size:11px}.fe-table tbody th{text-align:left;font-family:var(--mono);text-transform:uppercase;color:var(--heading);font-size:12px}.fe-table tr.is-pick{background:var(--accent-tint)}.fe-table tr.is-pick th{color:var(--accent)}.fe-chip{--tone:var(--fe-good);min-width:54px;font:700 13px var(--mono);color:#fff;background:var(--tone);border-radius:999px;padding:4px 10px;display:inline-block}.fe-st{--tone:var(--fe-good);color:var(--heading)}.fe-st:before{content:"";background:var(--tone);vertical-align:1px;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.fe-share{border:1px dashed var(--line-strong);border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px 18px;padding:16px 20px;display:flex}.fe-share>div{flex-direction:column;flex:260px;display:flex}.fe-share b{color:var(--heading)}.fe-share span{color:var(--ink-faint);font-size:13px}.fe-canrun{font-weight:600}.fe-disclaimer{color:var(--ink-faint);margin:0;font-size:12px}.fe-tip{z-index:60;pointer-events:none;background:var(--card);border:1px solid var(--line-strong);min-width:120px;box-shadow:var(--shadow);color:var(--ink-soft);border-radius:8px;flex-direction:column;gap:2px;padding:8px 10px;font-size:12px;display:flex;position:fixed}.fe-tip[hidden]{display:none}.fe-tip b{color:var(--heading);font-size:13px}@media (width<=900px){.fe-form,.fe-top,.fe-grid2{grid-template-columns:1fr}.fe-remember{margin-left:0}}@media (width<=560px){.fe{padding:18px}.fe-card{padding:16px}.fe-hero{align-items:flex-start}.fe-poster{width:76px;height:114px}.fb-plot{gap:8px;padding:18px 6px 0 30px}.fb-ref{left:30px}.fb-axis{gap:8px;padding:8px 6px 0 30px}.fe-best li{grid-template-columns:1fr;gap:2px}}
