.ag{--g1: #D6A93B;--g2: #2f9e6a;--band: #c2412d;margin:1.6rem 0 2rem;border:1px solid #1d4b76;border-radius:6px;background:linear-gradient(180deg,#0b2239,#081a2e);color:#e8eef5;overflow:hidden;box-shadow:0 10px 30px -18px #081a2eb3}.ag-head{padding:1.1rem 1.2rem 0}.ag-eyebrow{margin:0;font-family:var(--mono);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-bright);font-weight:600}.prose .ag-title,.ag-title{margin:.25rem 0 0;font-size:1.45rem;color:#fff}.ag-q{margin:.35rem 0 0!important;color:#c9d6e3;font-size:1rem;line-height:1.45}.ag-stage{position:relative;height:290px;perspective:900px;perspective-origin:50% 30%;cursor:grab;touch-action:pan-y;user-select:none;overflow:hidden}.ag-stage.grab{cursor:grabbing}.ag-world{--spin: -38deg;position:absolute;left:50%;top:66%;width:240px;height:240px;margin:-120px 0 0 -120px;transform-style:preserve-3d;transform:rotateX(62deg) rotate(var(--spin))}.ag-plate{position:absolute;inset:0;border-radius:10px;background:repeating-linear-gradient(0deg,rgba(243,203,99,.08) 0 1px,transparent 1px 24px),repeating-linear-gradient(90deg,rgba(243,203,99,.08) 0 1px,transparent 1px 24px),radial-gradient(circle at 50% 50%,#17406a,#0d2a47 70%);box-shadow:0 0 0 1px #24507c inset}.ag-box,.ag-house{position:absolute;left:88px;top:88px;width:64px;height:64px;transform-style:preserve-3d;--w: 64;--d: 64}.ag-box .f,.ag-house>i{position:absolute;left:0;top:0;transform-origin:0 0;display:block}.ag-tower .top{width:64px;height:64px;transform:translateZ(calc(var(--h) * 1px));background:#3a6f9f}.ag-tower .front,.ag-tower .back{width:64px;height:calc(var(--h) * 1px)}.ag-tower .front{transform:translateY(64px) rotateX(90deg);background:linear-gradient(0deg,#1f4d78,#2a5f90)}.ag-tower .back{transform:rotateX(90deg);background:#183d61}.ag-tower .left,.ag-tower .right{width:calc(var(--h) * 1px);height:64px}.ag-tower .left{transform:rotateY(-90deg);background:linear-gradient(90deg,#2d6696,#24547f)}.ag-tower .right{transform:translate(64px) rotateY(-90deg);background:#163a5c}.ag-tower .front,.ag-tower .left{background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.09) 0 1px,transparent 1px 12px),linear-gradient(0deg,#1f4d78,#2a5f90)}.ag-tower .left{background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.09) 0 1px,transparent 1px 12px),linear-gradient(90deg,#2d6696,#24547f)}.ag-house{transform:translateZ(calc(var(--z) * 1px));transition:transform .05s linear}.ag-house .w{width:64px;height:24px}.ag-house .w.front{transform:translateY(64px) rotateX(90deg);background:#f4f6f9}.ag-house .w.back{transform:rotateX(90deg);background:#cfd8e2}.ag-house .g{width:46px;height:64px;clip-path:polygon(0 0,24px 0,46px 50%,24px 100%,0 100%)}.ag-house .g.left{transform:rotateY(-90deg);background:#e6ebf1}.ag-house .g.right{transform:translate(64px) rotateY(-90deg);background:#b9c6d4}.ag-house .r{width:68px;height:41.4px;left:-2px}.ag-house .ra{transform:translateZ(24px) rotateX(32.2deg);background:linear-gradient(0deg,#e1b84c,#b98a22)}.ag-house .rb{transform:translateY(64px) translateZ(24px) rotateX(147.8deg);background:linear-gradient(0deg,#c99a2e,#9a7015)}.ag-house .door{position:absolute;left:12px;top:0;width:10px;height:15px;background:#143a5c}.ag-house .win{position:absolute;left:36px;top:9px;width:14px;height:9px;background:#f3cb63;box-shadow:0 0 8px #f3cb63}.ag-gate{position:absolute;left:60px;top:60px;width:120px;height:120px;transform:translateZ(calc(var(--z) * 1px));border:3px solid;border-radius:4px;transition:background .4s,box-shadow .4s}.ag-gate.g1{border-color:var(--g1);background:#d6a93b1a}.ag-gate.g2{border-color:var(--g2);background:#2f9e6a1a;left:52px;top:52px;width:136px;height:136px}.ag-gate.hit.g1{background:#d6a93b59;box-shadow:0 0 24px var(--g1)}.ag-gate.hit.g2{background:#2f9e6a59;box-shadow:0 0 24px var(--g2)}.ag-band{position:absolute;left:82px;top:82px;width:76px;height:76px;border:6px solid var(--band);border-radius:3px;transform:translateZ(calc(var(--z) * 1px));box-shadow:0 0 10px #c2412db3}.ag-band.off{animation:ag-drop .9s cubic-bezier(.5,0,.8,.4) forwards}@keyframes ag-drop{to{transform:translateZ(0) rotate(25deg) scale(1.4);opacity:0}}.ag-spark{position:absolute;left:118px;top:118px;width:5px;height:5px;border-radius:50%;background:var(--gold-bright);box-shadow:0 0 6px var(--gold-bright);pointer-events:none}.ag-spark.s1{background:#7ee0ae;box-shadow:0 0 6px #7ee0ae}.ag-hud{position:absolute;top:.6rem;left:.9rem;display:grid;grid-template-columns:auto auto;gap:.15rem 1rem;font-family:var(--mono);font-size:.72rem;pointer-events:none}.ag-hud span{display:block;color:#8fa6bd;letter-spacing:.06em;text-transform:uppercase;font-size:.62rem}.ag-hud b{color:#fff;font-size:.95rem;font-variant-numeric:tabular-nums}.ag-legend{position:absolute;right:.9rem;top:.6rem;margin:0;padding:0;list-style:none;font-size:.72rem;color:#c9d6e3;text-align:right;pointer-events:none}.ag-legend li{margin:0 0 .15rem}.ag-legend .sw{display:inline-block;width:10px;height:10px;margin-right:.35rem;border-radius:2px;vertical-align:-1px;border:2px solid}.ag-legend .sw.g1{border-color:var(--g1)}.ag-legend .sw.g2{border-color:var(--g2)}.ag-legend .sw.band{border-color:var(--band)}.ag-hint{position:absolute;bottom:.3rem;right:.9rem;margin:0!important;font-size:.66rem;color:#6f8aa5;pointer-events:none}.ag-track{position:relative;height:34px;margin:0 1.2rem;border-top:2px solid #24507c}.ag-prog{position:absolute;left:0;top:-2px;height:2px;width:0;background:var(--gold-bright)}.ag-track .tick{position:absolute;left:calc(var(--at) * 100%);top:0;transform:translate(-50%);font-family:var(--mono);font-size:.62rem;color:#6f8aa5;padding-top:6px}.ag-track .tick:before{content:"";position:absolute;left:50%;top:0;width:1px;height:4px;background:#24507c}.ag-track .mk{position:absolute;top:-24px;transform:translate(-50%);font-family:var(--mono);font-size:.64rem;font-weight:700;padding:.1rem .35rem;border-radius:3px;white-space:nowrap}.ag-track .mk.you{background:#fff;color:#0b2239}.ag-track .mk.real{background:var(--g1);color:#0b2239;top:14px}.ag-track:has(.mk.real:not([hidden])){height:40px}.ag-play{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem 1rem;padding:.7rem 1.2rem 1rem}.ag-call{display:flex;align-items:center;gap:.7rem;flex:1 1 18rem;font-weight:600;font-size:.95rem}.ag-call input{flex:1;accent-color:var(--gold);min-width:8rem}.ag-call output{font-family:var(--mono);min-width:4.5rem;color:var(--gold-bright)}.ag-btn{font:inherit;font-weight:700;padding:.65rem 1.15rem;border-radius:3px;border:0;background:var(--gold);color:#0b2239;cursor:pointer}.ag-btn:hover{background:var(--gold-bright)}.ag-btn:disabled,.ag-chip:disabled{opacity:.5;cursor:default}.ag-result{padding:.2rem 1.2rem;font-size:.98rem;color:#dbe5ef}.ag-result p{margin:.4rem 0!important}.ag-result strong{color:#fff}.ag-verdict{font-size:1.05rem}.ag-tier{display:inline-block;margin-right:.4rem;padding:.08rem .45rem;border-radius:3px;font-family:var(--mono);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;vertical-align:2px;background:#24507c;color:#fff}.ag-tier.t-dead-on{background:#2f9e6a}.ag-tier.t-sharp{background:var(--gold);color:#0b2239}.ag-tier.t-miss{background:var(--band)}.ag-r2{padding-top:.2rem}.ag-r2-q{margin:0!important;flex-basis:100%;font-size:.95rem}.ag-chips{display:flex;flex-wrap:wrap;gap:.5rem}.ag-chip{font:inherit;font-family:var(--mono);font-weight:700;font-size:.85rem;padding:.5rem .8rem;border-radius:3px;border:1px solid var(--gold);background:transparent;color:var(--gold-bright);cursor:pointer}.ag-chip:hover,.ag-chip.on{background:var(--gold);color:#0b2239}.ag-link{font:inherit;font-size:.88rem;background:none;border:0;color:#9fc0de;text-decoration:underline;cursor:pointer;padding:.3rem 0;margin-left:auto}.ag-src{margin:0!important;padding:.75rem 1.2rem .95rem;border-top:1px solid #1d4b76;font-size:.74rem;line-height:1.5;color:#8fa6bd}.ag-src a{color:var(--gold-bright)}.ag button:focus-visible,.ag input:focus-visible{outline:2px solid var(--gold-bright);outline-offset:2px}@media (max-width: 560px){.ag-stage{height:340px}.ag-world{transform:rotateX(62deg) rotate(var(--spin)) scale(.74);top:71%}.ag-hud{left:.8rem;right:.8rem;grid-template-columns:repeat(4,auto);justify-content:space-between;gap:.1rem .6rem}.ag-hud b{font-size:.8rem}.ag-hud span{font-size:.56rem}.ag-legend{top:auto;bottom:.4rem;left:.8rem;right:.8rem;text-align:left;font-size:.64rem;display:flex;flex-wrap:wrap;gap:0 .8rem}.ag-hint{display:none}}@media (prefers-reduced-motion: reduce){.ag-band.off{animation:none;opacity:0}.ag-house,.ag-gate{transition:none}}.ag-bx{--t: #3a6f9f;--f: #2a5f90;--s: #183d61;position:absolute;left:calc(var(--x) * 1px);top:calc(var(--y) * 1px);width:calc(var(--w) * 1px);height:calc(var(--d) * 1px);transform-style:preserve-3d;transform:translateZ(calc(var(--z) * 1px))}.ag-bx>i{position:absolute;left:0;top:0;transform-origin:0 0;display:block}.ag-bx .top{width:100%;height:100%;transform:translateZ(calc(var(--h) * 1px));background:var(--t)}.ag-bx .front,.ag-bx .back{width:calc(var(--w) * 1px);height:calc(var(--h) * 1px)}.ag-bx .front{transform:translateY(calc(var(--d) * 1px)) rotateX(90deg);background:var(--f)}.ag-bx .back{transform:rotateX(90deg);background:var(--s)}.ag-bx .left,.ag-bx .right{width:calc(var(--h) * 1px);height:calc(var(--d) * 1px)}.ag-bx .left{transform:rotateY(-90deg);background:var(--f);filter:brightness(1.12)}.ag-bx .right{transform:translate(calc(var(--w) * 1px)) rotateY(-90deg);background:var(--s)}.ag-bx.red{--t: #e0705c;--f: #c2412d;--s: #8e2c1e}.ag-bx.green{--t: #5fd19b;--f: #2f9e6a;--s: #1f6d49}.ag-bx.gold{--t: #F3CB63;--f: #D6A93B;--s: #a07a22}.ag-bx.navy{--t: #4b82b4;--f: #2a5f90;--s: #183d61}.ag-bx.slate{--t: #8aa3bb;--f: #5f7a94;--s: #3f566c}.ag-bx.ghost{--t: rgba(255,255,255,.55);--f: rgba(255,255,255,.28);--s: rgba(255,255,255,.18)}.ag-bx.ruled .front,.ag-bx.ruled .left{background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.28) 0 1px,transparent 1px calc(var(--step, 24) * 1px))}.ag-bx.ruled .left{background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.28) 0 1px,transparent 1px calc(var(--step, 24) * 1px))}.ag-bx.drop{transition:transform .5s cubic-bezier(.3,1.4,.5,1),opacity .4s}.ag-bx.gone{opacity:0}.ag-ring{position:absolute;border:3px solid var(--g1);border-radius:4px;transform:translateZ(calc(var(--z) * 1px));background:#d6a93b14;transition:background .4s,box-shadow .4s}.ag-ring.hit{background:#d6a93b59;box-shadow:0 0 24px var(--g1)}.ag-tag{position:absolute;left:50%;bottom:.5rem;transform:translate(-50%);display:flex;gap:2.2rem;font-family:var(--mono);font-size:.68rem;color:#c9d6e3;pointer-events:none;text-transform:uppercase;letter-spacing:.08em}.ag-picks{display:flex;flex-wrap:wrap;gap:.6rem}.ag-btn.alt{background:transparent;color:var(--gold-bright);border:1px solid var(--gold)}.ag-btn.alt:hover{background:var(--gold);color:#0b2239}.ag-chip.out{text-decoration:line-through;opacity:.65}.ag-step{font-family:var(--mono);font-size:.7rem;color:#8fa6bd;margin:0 0 .2rem;flex-basis:100%}.ag-legend .sw.a{border-color:#4b82b4}.ag-legend .sw.b{border-color:#d6a93b}.ag-legend .sw.you{border-color:#ffffffb3}.ag-cite{color:#8fa6bd;font-size:.85em}.ag-hud span{max-width:10rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
