:root{color:#f7fbff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#07090d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{overflow:hidden}button{font:inherit}h1,h2,p{margin:0}.mma-gift{--accent:#7df8bd;--accent-strong:#d8ff4f;--panel:#0a0f17c7;color:#f7fbff;background:radial-gradient(circle,#7df8bd2e,#0000 19rem),radial-gradient(circle at 16% 18%,#ff5e5b33,#0000 21rem),radial-gradient(circle at 86% 72%,#d8ff4f29,#0000 22rem),linear-gradient(140deg,#07090d 0%,#10151d 44%,#06080c 100%);place-items:center;min-height:100svh;padding:clamp(16px,4vw,46px);display:grid;position:relative;overflow:hidden}.mma-gift.is-adaptation{--accent:#75d8ff;--accent-strong:#83ffdb}.mma-gift.is-honesty{--accent:#ff6961;--accent-strong:#ffd166}.mma-gift.is-discipline{--accent:#d8ff4f;--accent-strong:#fff}.energy-grid{pointer-events:none;position:absolute;inset:0}.energy-grid:before{content:"";background-image:linear-gradient(#ffffff0e 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:clamp(28px,5vw,58px) clamp(28px,5vw,58px);position:absolute;inset:-18%;transform:rotate(-8deg);-webkit-mask-image:radial-gradient(circle,#000 0 46%,#0000 76%);mask-image:radial-gradient(circle,#000 0 46%,#0000 76%)}.energy-grid span{aspect-ratio:1;border:1px solid #ffffff14;border-radius:999px;width:clamp(180px,28vw,380px);animation:7s ease-in-out infinite alternate breathe;position:absolute}.energy-grid span:first-child{top:10%;left:-8%}.energy-grid span:nth-child(2){animation-delay:1.4s;bottom:2%;right:-10%}.energy-grid span:nth-child(3){animation-delay:2.6s;top:50%;left:50%;transform:translate(-50%,-50%)}.arena{z-index:1;isolation:isolate;grid-template-rows:auto minmax(300px,1fr) auto;place-items:center;gap:clamp(14px,2.4vw,24px);width:min(100%,1080px);min-height:min(100%,880px);display:grid;position:relative}.intro-strip{text-align:center;gap:clamp(8px,1.4vw,12px);width:min(100%,860px);display:grid}.intro-strip p{color:var(--accent-strong);letter-spacing:.16em;text-transform:uppercase;font-size:clamp(.76rem,1.6vw,.92rem);font-weight:900}.intro-strip h1{color:#fff;letter-spacing:0;text-wrap:balance;text-shadow:0 18px 55px #00000080;font-size:clamp(2.15rem,6vw,5rem);font-weight:950;line-height:.98}.octagon-wrap{aspect-ratio:1;place-items:center;width:min(78vw,540px);display:grid;position:relative}.octagon-shadow{background:var(--accent);opacity:.16;filter:blur(44px);border-radius:999px;animation:4.8s ease-in-out infinite alternate breathe;position:absolute;inset:16%}.octagon{aspect-ratio:1;clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);background:linear-gradient(#ffffff12 2px,#0000 2px) 0 0/38px 38px,linear-gradient(90deg,#ffffff0f 2px,#0000 2px) 0 0/38px 38px,radial-gradient(circle at 50% 44%,#ffffff17,#0000 28%),linear-gradient(145deg,#151d29f5,#05080efa);place-items:center;width:84%;display:grid;position:relative;box-shadow:inset 0 0 0 2px #ffffff2e,inset 0 0 0 12px #00000038,0 34px 110px #0000008c}.octagon:before{content:"";clip-path:inherit;border:2px solid var(--accent);opacity:.58;filter:drop-shadow(0 0 22px var(--accent));position:absolute;inset:6%}.orbit{border:1px solid #ffffff38;border-radius:999px;animation:18s linear infinite rotateSlow;position:absolute;inset:18%}.orbit-two{border-color:color-mix(in srgb, var(--accent) 55%, transparent);animation-duration:11s;animation-direction:reverse;inset:27%}.impact-lines{opacity:.72;position:absolute;inset:21%}.impact-lines i{background:linear-gradient(90deg, transparent, var(--accent), transparent);transform-origin:0;width:46%;height:2px;animation:2.8s ease-in-out infinite strikePulse;position:absolute;top:50%;left:50%}.impact-lines i:first-child{transform:rotate(12deg)}.impact-lines i:nth-child(2){animation-delay:.4s;transform:rotate(84deg)}.impact-lines i:nth-child(3){animation-delay:.8s;transform:rotate(154deg)}.impact-lines i:nth-child(4){animation-delay:1.2s;transform:rotate(226deg)}.fighter{aspect-ratio:.52;filter:drop-shadow(0 0 26px #ffffff29);width:34%;animation:2.7s ease-in-out infinite fighterBreath;position:relative}.fighter span{background:linear-gradient(145deg,#f7fbff,#96a6b9);display:block;position:absolute;box-shadow:0 0 24px #ffffff1f}.fighter .head{aspect-ratio:1;border-radius:999px;width:28%;top:0;left:50%;transform:translate(-50%)}.fighter .torso{border-radius:999px 999px 44% 44%;width:24%;height:36%;top:22%;left:50%;transform:translate(-50%)}.fighter .arm,.fighter .leg{transform-origin:top;border-radius:999px;width:13%;height:39%}.fighter .arm-left{top:25%;left:22%;transform:rotate(44deg)}.fighter .arm-right{background:linear-gradient(145deg, var(--accent-strong), #fff);top:24%;right:18%;transform:rotate(-58deg)}.fighter .leg-left{top:56%;left:34%;transform:rotate(18deg)}.fighter .leg-right{top:56%;right:31%;transform:rotate(-23deg)}.marker{z-index:4;color:#f7fbff;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#06090ec7;border:1px solid #ffffff38;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:clamp(82px,11vw,118px);min-height:48px;padding:0 13px;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:inline-flex;position:absolute;box-shadow:0 16px 46px #00000061}.marker span{letter-spacing:.08em;text-transform:uppercase;font-size:clamp(.68rem,1.4vw,.78rem);font-weight:950}.marker:hover{border-color:var(--accent);transform:translateY(-3px)}.marker:focus-visible,.next-ray:focus-visible{outline:3px solid var(--accent-strong);outline-offset:4px}.marker.is-active{color:#071015;background:linear-gradient(135deg, var(--accent-strong), var(--accent));box-shadow:0 18px 54px color-mix(in srgb, var(--accent) 38%, transparent), 0 0 0 6px #ffffff14;border-color:#ffffff9e}.marker-arsenal{top:-5%;left:50%;transform:translate(-50%)}.marker-adaptation{top:45%;right:-11%}.marker-honesty{bottom:-5%;left:50%;transform:translate(-50%)}.marker-discipline{top:45%;left:-11%}.marker-arsenal:hover,.marker-honesty:hover{transform:translate(-50%)translateY(-3px)}.message-dock{justify-items:center;gap:clamp(12px,2vw,16px);width:min(100%,820px);display:grid}.message{text-align:center;background:linear-gradient(135deg, #ffffff14, #ffffff08), var(--panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #ffffff29;border-radius:28px;align-content:center;gap:10px;width:min(100%,760px);min-height:clamp(150px,18vh,190px);padding:clamp(18px,3vw,28px);display:grid;box-shadow:0 22px 72px #0000005c}.kicker{color:var(--accent-strong);letter-spacing:.14em;text-transform:uppercase;font-size:clamp(.76rem,1.5vw,.9rem);font-weight:950}.message h2{color:#fff;letter-spacing:0;text-wrap:balance;font-size:clamp(1.55rem,3.6vw,3rem);font-weight:950;line-height:1.06}.note{color:#f7fbffdb;max-width:62ch;margin-inline:auto;font-size:clamp(1rem,1.9vw,1.2rem);line-height:1.62}.next-ray{color:#071015;background:linear-gradient(135deg, var(--accent-strong), var(--accent));min-height:48px;box-shadow:0 16px 48px color-mix(in srgb, var(--accent) 34%, transparent);cursor:pointer;letter-spacing:.02em;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-weight:950;transition:transform .18s,box-shadow .18s;display:inline-flex;position:relative;overflow:hidden}.next-ray:after{content:"";background:linear-gradient(110deg,#0000 0 34%,#ffffff80 45%,#0000 58% 100%);animation:4.4s ease-in-out infinite buttonSheen;position:absolute;inset:0;transform:translate(-120%)}.next-ray span,.next-ray svg{z-index:1;position:relative}.next-ray:hover{box-shadow:0 20px 56px color-mix(in srgb, var(--accent) 42%, transparent);transform:translateY(-2px)}.next-ray:active{transform:translateY(0)}@keyframes breathe{0%{opacity:.38;transform:scale(.96)}to{opacity:.78;transform:scale(1.04)}}@keyframes rotateSlow{to{transform:rotate(360deg)}}@keyframes strikePulse{0%,to{opacity:.18;scale:.76 1}45%{opacity:.95;scale:1.08 1}}@keyframes fighterBreath{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes buttonSheen{0%,55%{transform:translate(-130%)}78%,to{transform:translate(130%)}}@media (width<=720px){body{overflow:auto}.mma-gift{min-height:100svh;padding:16px}.arena{grid-template-rows:auto minmax(280px,42vh) auto;gap:14px;min-height:calc(100svh - 32px)}.intro-strip h1{font-size:clamp(2rem,11vw,3.25rem);line-height:1}.octagon-wrap{width:min(88vw,420px)}.octagon{width:78%}.marker{border-radius:999px;width:54px;min-width:48px;min-height:54px;padding:0}.marker span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.marker-adaptation{right:-2%}.marker-discipline{left:-2%}.message{border-radius:22px;min-height:168px;padding:18px}.message h2{font-size:clamp(1.45rem,7vw,2.25rem)}.note{font-size:1rem;line-height:1.55}}@media (width<=410px){.arena{grid-template-rows:auto minmax(236px,35vh) auto}.intro-strip p{font-size:.68rem}.intro-strip h1{font-size:clamp(1.72rem,10vw,2.45rem)}.octagon-wrap{width:min(86vw,340px)}.message{gap:8px;min-height:160px}.kicker{font-size:.68rem}}