.yf-arena .yf-page-accent{background:linear-gradient(95deg,#2ee8ff,#8b5cf6 60%,#ff42e8);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}.yf-arena .arena-panel,.yf-arena .card-surface,.yf-arena .yf-panel-card{position:relative;border:0!important;border-radius:0!important;background:url(/images/yugifun/assets/shells/panel-content-shell-blue.png) 50%/100% 100% no-repeat,linear-gradient(140deg,rgba(33,217,255,.85),rgba(168,85,247,.8) 52%,rgba(33,217,255,.45))!important;box-shadow:none!important;clip-path:polygon(0 15px,15px 0,calc(100% - 15px) 0,100% 15px,100% calc(100% - 15px),calc(100% - 15px) 100%,15px 100%,0 calc(100% - 15px));filter:drop-shadow(0 0 14px rgba(33,217,255,.28)) drop-shadow(0 0 30px rgba(168,85,247,.14))}.yf-arena .arena-panel-purple{background:linear-gradient(140deg,rgba(168,85,247,.9),rgba(33,217,255,.55) 60%,rgba(168,85,247,.5))!important}.yf-arena .arena-panel-gold{background:linear-gradient(140deg,rgba(247,201,72,.85),rgba(168,85,247,.6) 60%,rgba(247,201,72,.45))!important}.yf-arena .arena-panel:before,.yf-arena .card-surface:before,.yf-arena .yf-panel-card:before{content:"";position:absolute;inset:1.5px;background:linear-gradient(180deg,rgba(11,16,38,.97),rgba(6,9,24,.96));clip-path:polygon(0 14px,14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px));z-index:0;pointer-events:none}.yf-arena .arena-panel>*,.yf-arena .card-surface>*,.yf-arena .yf-panel-card>*{position:relative;z-index:1}.yf-arena .yf-chip{border-radius:8px;border-color:rgba(120,150,230,.28);background:rgba(10,14,32,.6)}.yf-arena .yf-chip:hover{border-color:rgba(33,217,255,.55);color:#fff;box-shadow:0 0 14px rgba(33,217,255,.22)}.yf-arena .yf-chip.active{color:#eaf6ff;border-color:rgba(33,217,255,.8);background:linear-gradient(150deg,rgba(33,217,255,.2),rgba(168,85,247,.22));box-shadow:inset 0 0 16px rgba(33,217,255,.22),0 0 18px rgba(168,85,247,.3)}.yf-arena .yf-input{border-radius:8px;border-color:rgba(33,217,255,.3);background:rgba(4,7,18,.75)}.yf-arena .yf-input:focus{border-color:var(--blue);box-shadow:0 0 16px rgba(33,217,255,.28)}.yf-arena .yf-list-row{border-radius:10px;border-color:rgba(120,150,230,.24);background:rgba(10,14,32,.6);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.yf-arena .yf-list-row:hover{border-color:rgba(33,217,255,.5);box-shadow:0 0 18px -4px rgba(33,217,255,.4);transform:translateY(-1px)}.yf-arena .btn-primary,.yf-arena .yf-btn-primary{background:linear-gradient(150deg,#22d3ee,#4338ca 55%,#8b5cf6);border:1px solid rgba(33,217,255,.7);box-shadow:0 0 26px -6px rgba(33,217,255,.6),inset 0 1px 0 rgba(255,255,255,.18);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.yf-arena .btn-primary:hover:not(:disabled),.yf-arena .yf-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 34px -4px rgba(33,217,255,.85),0 0 18px rgba(168,85,247,.5)}.yf-arena .arena-invite{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px}.yf-arena .arena-invite__meta{display:flex;flex-direction:column;gap:2px}.yf-arena .arena-invite__label{font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#8ea0c8}.yf-arena .arena-invite__code{font-family:var(--font-mono,monospace);font-size:26px;font-weight:900;letter-spacing:.28em;color:#fff;text-shadow:0 0 16px rgba(33,217,255,.5)}.yf-arena .arena-copy{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:9px;font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#d9fbff;background:linear-gradient(180deg,rgba(33,217,255,.18),rgba(67,56,202,.26));border:1px solid rgba(33,217,255,.55);box-shadow:inset 0 0 14px rgba(33,217,255,.16);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.yf-arena .arena-copy:hover{transform:translateY(-1px);box-shadow:0 0 20px -4px rgba(33,217,255,.7)}.yf-arena .arena-copy--done{color:#14f195;border-color:rgba(20,241,149,.6)}.yf-arena .arena-ready{color:#14f195}.yf-arena .arena-waiting{color:#8ea0c8}.yf-arena .yf-card-filters{position:relative;border:0!important;border-radius:0!important;background:linear-gradient(140deg,rgba(33,217,255,.85),rgba(168,85,247,.8) 52%,rgba(33,217,255,.45))!important;clip-path:polygon(0 14px,14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px));filter:drop-shadow(0 0 14px rgba(33,217,255,.26)) drop-shadow(0 0 30px rgba(168,85,247,.13))}.yf-arena .yf-card-filters:before{content:"";position:absolute;inset:1.5px;background:linear-gradient(180deg,rgba(11,16,38,.97),rgba(6,9,24,.96));clip-path:polygon(0 13px,13px 0,calc(100% - 13px) 0,100% 13px,100% calc(100% - 13px),calc(100% - 13px) 100%,13px 100%,0 calc(100% - 13px));z-index:0;pointer-events:none}.yf-arena .yf-card-filters>*{position:relative;z-index:1}.yf-arena .yf-select{border-radius:8px;border-color:rgba(33,217,255,.3);background:rgba(4,7,18,.8)}.yf-arena .yf-select:focus{border-color:var(--blue);box-shadow:0 0 16px rgba(33,217,255,.28)}.yf-arena .yf-card-tile{border-color:rgba(120,150,230,.26);background:linear-gradient(180deg,rgba(12,16,36,.92),rgba(7,10,24,.94));box-shadow:inset 0 0 0 1px rgba(33,217,255,.05),0 10px 26px -16px rgba(0,0,0,.85)}.yf-arena .yf-card-tile:after{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:linear-gradient(90deg,transparent,var(--tile-accent),transparent);opacity:.5;pointer-events:none;z-index:2}.yf-arena .yf-card-tile{position:relative}.yf-arena .yf-card-tile:hover{border-color:var(--tile-accent);box-shadow:0 16px 36px -14px var(--tile-accent),0 0 22px -6px var(--tile-accent)}.yf-arena .yf-card-tile:hover:after{opacity:1}.yf-arena .yf-count-hi{color:#2ee8ff;font-weight:800}.yf-arena .rm-legend{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 28px}.yf-arena .rm-badge{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border:1px solid}.yf-arena .rm-badge:before{content:"";width:8px;height:8px;border-radius:999px;background:currentColor;box-shadow:0 0 8px currentColor}.yf-arena .rm-badge--done{color:#14f195;background:rgba(20,241,149,.08)}.yf-arena .rm-badge--active{color:#2ee8ff;background:rgba(46,232,255,.08)}.yf-arena .rm-badge--planned{color:#b08bff;background:rgba(176,139,255,.08)}.yf-arena .rm-badge--explore{color:#8ea0c8;background:rgba(142,160,200,.08)}.yf-arena .rm-badge--active:before{animation:yf-live-pulse 1.4s ease-in-out infinite}@keyframes yf-live-pulse{0%,to{opacity:1}50%{opacity:.4}}.yf-arena .rm-timeline{position:relative;display:flex;flex-direction:column;gap:22px}.yf-arena .rm-phase.yf-panel-card{min-height:auto;padding:18px 22px 20px!important;scroll-margin-top:100px}.yf-arena .rm-phase-head{display:flex;align-items:center;gap:14px;margin-bottom:10px}.yf-arena .rm-phase-num{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;font-family:var(--font-ui,inherit);font-size:18px;font-weight:900;color:#eaf6ff;background:linear-gradient(150deg,rgba(33,217,255,.22),rgba(168,85,247,.26));border:1px solid rgba(33,217,255,.5);box-shadow:inset 0 0 16px rgba(33,217,255,.22)}.yf-arena .rm-phase-titles{flex:1;min-width:0}.yf-arena .rm-phase-title{margin:0;font-family:var(--font-ui,inherit);font-size:19px;font-weight:800;letter-spacing:.02em;color:#fff}.yf-arena .rm-phase-time{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#8ea0c8}.yf-arena .rm-phase-desc{margin:0 0 14px;color:#c4ccea;font-size:14px;line-height:1.55}.yf-arena .rm-progress{height:6px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden;margin-bottom:16px}.yf-arena .rm-progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#2ee8ff,#8b5cf6);box-shadow:0 0 12px rgba(46,232,255,.5)}.yf-arena .rm-milestones{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}.yf-arena .rm-item{display:flex;align-items:flex-start;gap:11px}.yf-arena .rm-dot{flex:0 0 auto;margin-top:3px;width:13px;height:13px;border-radius:50%;border:2px solid}.yf-arena .rm-dot--done{color:#14f195;background:#14f195;box-shadow:0 0 8px rgba(20,241,149,.7)}.yf-arena .rm-dot--active{color:#2ee8ff;background:radial-gradient(circle,#2ee8ff 40%,transparent 45%);box-shadow:0 0 8px rgba(46,232,255,.7);animation:yf-live-pulse 1.4s ease-in-out infinite}.yf-arena .rm-dot--planned{color:#b08bff;background:transparent}.yf-arena .rm-dot--explore{color:#8ea0c8;background:transparent}.yf-arena .rm-item-label{flex:1;color:#dbe3f7;font-size:14px;line-height:1.45}.yf-arena .rm-item-label b{color:#fff}.yf-arena .rm-item-status{flex:0 0 auto;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:6px;white-space:nowrap}.yf-arena .rm-item-status--done{color:#14f195;background:rgba(20,241,149,.1)}.yf-arena .rm-item-status--active{color:#2ee8ff;background:rgba(46,232,255,.1)}.yf-arena .rm-item-status--planned{color:#b08bff;background:rgba(176,139,255,.1)}.yf-arena .rm-item-status--explore{color:#8ea0c8;background:rgba(142,160,200,.1)}.yf-arena .rm-toc-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:8px;vertical-align:middle}.yf-arena .rm-note{margin-top:26px;padding:16px 20px;border-radius:12px;border:1px dashed rgba(120,150,230,.32);background:rgba(10,14,32,.5);color:#9aa7cd;font-size:13px;line-height:1.6}.yf-arena .yf-img-btn{display:inline-block;align-self:flex-start;width:auto;max-width:100%;flex-shrink:0;padding:0;border:0;background-color:transparent;background-size:contain;background-repeat:no-repeat;background-position:50%;color:transparent;font-size:0;line-height:0;cursor:pointer;transition:transform .18s ease,filter .18s ease;vertical-align:middle}.yf-arena .yf-img-btn--create-lobby{height:52px;aspect-ratio:1612/456}.yf-arena .yf-img-btn--connect{height:44px;aspect-ratio:1951/419}.yf-arena .yf-img-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.02);filter:brightness(1.12) drop-shadow(0 0 14px rgba(33,217,255,.35))}.yf-arena .yf-img-btn:disabled{opacity:.55;cursor:not-allowed;transform:none;filter:none}.yf-arena .yf-img-btn.is-busy{color:#fff;font-size:11px;line-height:1.2;filter:brightness(.88)}.yf-arena .yf-img-btn--compact{height:40px!important}.yf-arena .yf-img-btn-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.yf-arena .rm-note b{color:#cdd6f2}@media (max-width:1024px){.yf-arena .rm-item-status{display:none}}