:root{--blue:#096dcc;--deep:#063b94;--sky:#17a9f4;--cream:#fff8e8;--ink:#073c7d;--gold:#f6aa16;--shadow:0 12px 24px rgba(1,58,130,.22)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"Noto Sans KR","Malgun Gothic",sans-serif;color:var(--ink);background:#dff5ff}body{background:linear-gradient(#149be9 0 190px,#dff5ff 470px,#f8fcff 100%);background-attachment:fixed}button,input{font:inherit}button{cursor:pointer}.app-shell{width:min(1180px,100%);margin:auto;padding:14px clamp(10px,2.5vw,28px) 44px}.world-header{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:108px}.world-logo{width:min(430px,48vw);height:112px;object-fit:cover;object-position:center 40%;filter:drop-shadow(0 8px 7px rgba(0,46,111,.28))}.header-actions{display:flex;align-items:center;gap:10px}.child-tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.child-tab{border:2px solid rgba(255,255,255,.9);border-radius:999px;padding:10px 18px;background:rgba(255,255,255,.84);color:#0752a8;font-weight:1000;box-shadow:0 5px 12px rgba(2,56,121,.14)}.child-tab.active{background:linear-gradient(#127ce0,#06469e);color:#fff}.gear-button{width:49px;height:49px;border:2px solid #fff;border-radius:15px;background:linear-gradient(#168bf1,#0753b6);color:#fff;font-size:22px;font-weight:900;box-shadow:var(--shadow)}
.profile-board{position:relative;overflow:hidden;border:8px solid #064bb4;border-radius:34px;padding:24px;background:linear-gradient(180deg,#23b8fa 0,#bdeaff 22%,#eef9ff 65%,#a7def6 100%);box-shadow:0 16px 35px rgba(2,59,131,.25),inset 0 0 0 4px #55caff}.profile-board:after{content:"";position:absolute;left:0;right:0;bottom:0;height:35px;background:repeating-linear-gradient(90deg,#6cc52c 0 18px,#4fab17 18px 36px);clip-path:polygon(0 35%,4% 8%,8% 48%,12% 15%,17% 48%,22% 16%,27% 52%,32% 20%,37% 45%,42% 9%,48% 48%,54% 13%,60% 50%,66% 18%,72% 44%,78% 8%,84% 49%,90% 13%,96% 45%,100% 20%,100% 100%,0 100%)}.sky-decor{position:absolute;top:18px;width:115px;height:46px;opacity:.78;background:linear-gradient(135deg,transparent 18%,#fff 19% 42%,transparent 43%),linear-gradient(45deg,transparent 18%,#fff 19% 43%,transparent 44%);filter:drop-shadow(0 5px 0 rgba(255,255,255,.45))}.clouds-left{left:22px}.clouds-right{right:22px;transform:scaleX(-1)}.title-gallery{position:relative;z-index:2;margin:0 auto 18px;width:min(900px,92%);border:4px solid #0a70cb;border-radius:22px;background:linear-gradient(#fff7e5,#fffdf6);padding:12px 18px 15px;box-shadow:0 8px 0 rgba(7,74,160,.13),inset 0 0 0 3px #f3d49c}.gallery-heading{text-align:center;color:#38250e;font-size:22px;font-weight:1000;margin-bottom:7px}.gallery-heading span{color:#f4a10d}.title-shelf{display:flex;justify-content:center;align-items:center;gap:12px;min-height:58px;flex-wrap:wrap}.earned-title{width:min(285px,46%);height:74px;object-fit:cover;filter:drop-shadow(0 4px 3px rgba(0,0,0,.18))}.empty-title{font-weight:900;color:#6987a3}.profile-content{position:relative;z-index:2;display:grid;grid-template-columns:340px 1fr;gap:18px}.character-card{min-height:560px;border:4px solid #0b72cd;border-radius:27px;background:linear-gradient(#e8f8ff,#fff 65%,#c5ebff);overflow:hidden;box-shadow:var(--shadow)}.character-card img{width:100%;height:100%;display:block;object-fit:cover;object-position:center top}.status-area{display:grid;grid-template-columns:.8fr 1.2fr;grid-template-rows:190px 205px 170px;gap:14px}.game-panel{border:4px solid #0a6dc7;border-radius:25px;background:linear-gradient(145deg,#fffdf7,#f6fbff);box-shadow:var(--shadow),inset 0 0 0 2px rgba(255,208,127,.4)}.level-panel{padding:19px}.panel-heading{text-align:center;font-weight:1000;font-size:25px;color:#0756b2}.crown-heading{color:#0756b2}.level-display{height:105px;display:flex;align-items:center;justify-content:center;gap:12px;border:3px solid #0748ad;border-radius:18px;background:linear-gradient(#fff,#edf6ff);color:#0952b4}.level-display span{font-size:47px;font-weight:1000}.level-display strong{font-size:78px;line-height:1}.xp-panel{padding:18px;grid-column:2}.xp-meta{display:flex;justify-content:space-between;align-items:end;font-weight:800;color:#3b70a5}.xp-meta b{font-size:25px}.xp-meta em{font-style:normal;color:#0861c9}.xp-dots{display:grid;grid-template-columns:repeat(5,1fr);gap:11px 16px;margin:12px auto 0;max-width:500px}.xp-dot{aspect-ratio:1;border:3px dashed #1765bd;border-radius:50%;background:#fff;box-shadow:0 4px 7px rgba(0,72,153,.08)}.xp-dot.filled{border-style:solid;background:radial-gradient(circle at 35% 28%,#b7ecff 0 9%,#22a7f5 12% 45%,#0755b8 48% 78%,#032d75 80%);box-shadow:inset 0 -5px 0 rgba(0,0,0,.17),0 0 12px #61c7ff}.bottom-stats{grid-column:1/-1;display:grid;grid-template-columns:.72fr 1.28fr;gap:14px}.chip-panel{display:flex;align-items:center;justify-content:center;gap:18px;padding:16px}.chip-panel small,.phone-copy small{display:block;font-weight:1000;color:#2a70b4}.chip-panel strong{display:block;font-size:48px;color:#c22b20}.r-chip{width:88px;aspect-ratio:1;border-radius:50%;padding:10px;background:repeating-conic-gradient(#c5251d 0 10deg,#fff 10deg 22deg);border:5px solid #9d1711;box-shadow:0 5px 0 #75100b,inset 0 0 0 4px #fff}.r-chip span{width:100%;height:100%;display:grid;place-items:center;border-radius:50%;background:#c2241c;border:4px solid #fff;color:#fff;font-size:39px;font-weight:1000}.phone-panel{position:relative;display:flex;align-items:center;gap:10px;padding:12px 15px;overflow:hidden}.phone-panel>img{width:98px;height:130px;object-fit:cover;object-position:left center}.phone-copy{display:grid;gap:4px}.phone-copy b{white-space:nowrap}.bonus-time{margin-left:auto;text-align:center;border:3px solid #f0a20e;border-radius:16px;background:#fff6dc;padding:10px 13px}.bonus-time span{font-size:12px}.bonus-time strong{display:block;color:#eb8100;font-size:26px}
.mission-section{margin-top:18px;border:7px solid #0753b4;border-radius:30px;padding:18px 20px 22px;background:linear-gradient(#eaf9ff,#fff);box-shadow:var(--shadow)}.mission-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.mission-heading small{color:#f08000;font-weight:1000}.mission-heading h2{margin:0;color:#073f8e;font-size:30px}.mission-heading>span{font-weight:900;color:#2366a9}.mission-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.mission-card{position:relative;min-height:215px;border:4px solid var(--mission-color,#1779cf);border-radius:24px;overflow:hidden;background:linear-gradient(135deg,var(--mission-soft,#e7f6ff),#fff);display:grid;grid-template-columns:190px 1fr;box-shadow:0 8px 18px rgba(0,68,139,.15)}.mission-card.desk{--mission-color:#176ac5;--mission-soft:#dff2ff}.mission-card.laundry{--mission-color:#0d9d9a;--mission-soft:#ddfff7}.mission-art{width:100%;height:100%;object-fit:cover;object-position:center}.mission-info{padding:15px 15px 12px 5px;display:flex;flex-direction:column}.mission-type{align-self:flex-end;border-radius:9px;background:var(--mission-color);color:#fff;padding:6px 12px;font-weight:1000}.mission-info h3{font-size:25px;margin:3px 0;color:#073f88}.mission-progress{display:flex;align-items:baseline;gap:7px}.mission-progress strong{font-size:47px;color:var(--mission-color)}.mission-progress span{font-size:21px;font-weight:1000}.mission-rule{margin:0 0 8px;color:#39729e;font-weight:800}.mission-title-badge{margin-top:auto;width:220px;height:62px;object-fit:cover;align-self:center;filter:drop-shadow(0 4px 3px rgba(0,0,0,.16))}
.pin-dialog{border:0;border-radius:28px;padding:26px;width:min(370px,92vw);box-shadow:0 30px 80px rgba(0,30,80,.42);text-align:center}.pin-dialog::backdrop{background:rgba(2,33,74,.55);backdrop-filter:blur(4px)}.dialog-close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:28px}.pin-dots{display:flex;justify-content:center;gap:15px;margin:20px}.pin-dots i{width:16px;height:16px;border:2px solid #1880df;border-radius:50%}.pin-dots i.on{background:#1880df}.pin-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.pin-pad button{height:58px;border:0;border-radius:15px;background:#e7f5ff;color:#0753a8;font-weight:1000;font-size:24px}.error-text{color:#cf2e27;min-height:24px;margin-top:8px}.admin-panel{position:fixed;z-index:20;right:0;top:0;height:100dvh;width:min(560px,100%);background:#f4fbff;box-shadow:-18px 0 60px rgba(0,35,90,.25);transform:translateX(105%);transition:.28s;overflow:auto}.admin-panel.open{transform:none}.admin-head{position:sticky;z-index:2;top:0;background:linear-gradient(135deg,#087fe9,#0649aa);color:#fff;padding:18px 22px;display:flex;justify-content:space-between;align-items:center}.admin-head h2{margin:2px 0}.admin-body{padding:20px;display:grid;gap:24px}.admin-body section{background:#fff;border:2px solid #b8def7;border-radius:20px;padding:17px}.admin-body h3{margin:0 0 12px}.action-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.action-grid button,.add-child button{border:0;border-radius:13px;background:#0877da;color:#fff;font-weight:900;padding:15px}.action-grid button.green{background:#269a55}.action-grid button.red{background:#d94a43}.action-grid button.soft{background:#7088a2}.adjust-row,.add-child{display:flex;gap:8px;margin-bottom:10px}.adjust-row input,.add-child input{min-width:0;width:100%;border:2px solid #b9d9ef;border-radius:12px;padding:13px}.adjust-row input:first-child{max-width:110px}.row-between{display:flex;justify-content:space-between;align-items:center}.text-button{border:0;background:none;color:#075fbe;font-weight:800}.event-list{display:grid;gap:8px}.event-item{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px;border-radius:12px;background:#eef8ff}.event-item.undone{opacity:.5;text-decoration:line-through}.event-item small{display:block;color:#6a8aa4}.event-item button{border:0;background:#fff;border-radius:9px;color:#c33;padding:7px}.toast{position:fixed;z-index:40;left:50%;bottom:24px;transform:translate(-50%,140%);background:#063f83;color:#fff;padding:14px 22px;border-radius:999px;font-weight:800;transition:.25s}.toast.show{transform:translate(-50%,0)}.setup-body{display:grid;place-items:center;min-height:100vh;padding:20px}.setup-card{width:min(460px,100%);padding:30px;border-radius:28px;background:#fff;box-shadow:var(--shadow);display:grid;gap:15px}.setup-card h1{margin:0}.setup-card label{display:grid;gap:6px;font-weight:800}.mini-logo{font-weight:1000;color:#0877da}.error{background:#fff0ee;color:#b52a21;padding:10px;border-radius:10px}
@media(max-width:850px){.world-header{min-height:80px}.world-logo{height:80px}.profile-content{grid-template-columns:260px 1fr}.character-card{min-height:470px}.status-area{grid-template-columns:1fr;grid-template-rows:auto}.level-panel,.xp-panel,.bottom-stats{grid-column:1}.mission-card{grid-template-columns:145px 1fr}.mission-art{object-position:center}.earned-title{width:260px}}
@media(max-width:640px){.world-header{align-items:flex-start}.profile-board{padding:13px;border-width:5px}.profile-content{grid-template-columns:1fr}.character-card{height:430px;min-height:0}.character-card img{object-fit:contain}.status-area{display:grid}.bottom-stats{grid-template-columns:1fr}.mission-grid{grid-template-columns:1fr}.mission-heading>span{display:none}.mission-card{grid-template-columns:125px 1fr;min-height:190px}.mission-info h3{font-size:21px}.mission-title-badge{width:190px}.title-gallery{width:100%}.earned-title{width:240px}.world-logo{width:55vw}.header-actions{gap:5px}.child-tab{padding:8px 11px}}
.world-logo{width:min(430px,52vw);height:auto;object-fit:contain;object-position:center;display:block}
@media(min-width:700px) and (max-width:850px) and (orientation:portrait){.world-header{min-height:142px}.world-logo{width:390px;height:auto}}
.fullscreen-button{font-size:27px;line-height:1}.fullscreen-active .app-shell{padding-top:6px}.fullscreen-active .world-header{min-height:94px}
@media(min-width:700px) and (max-width:850px) and (orientation:portrait){.app-shell{max-width:800px;padding:8px 12px 28px}.world-logo{width:390px;height:92px}.profile-board{padding:18px 16px 28px}.title-gallery{margin-bottom:14px}.profile-content{grid-template-columns:250px 1fr;gap:12px}.character-card{min-height:590px}.status-area{gap:10px}.level-panel{padding:13px}.level-display{height:88px}.level-display strong{font-size:66px}.xp-panel{padding:13px}.xp-dots{gap:8px 11px}.bottom-stats{grid-template-columns:1fr}.phone-panel{min-height:142px}.mission-section{margin-top:12px;padding:14px}.mission-grid{gap:10px}.mission-card{grid-template-columns:125px 1fr;min-height:200px}.mission-info{padding:10px 10px 9px 3px}.mission-info h3{font-size:21px}.mission-progress strong{font-size:40px}.mission-title-badge{width:190px;height:56px}.mission-art{object-position:55% center}}
@media(min-width:700px) and (max-width:850px) and (orientation:portrait){.world-logo{width:390px;height:auto}.world-header{min-height:142px}}
.world-header{min-height:64px;justify-content:flex-end;margin-bottom:8px}.fullscreen-active .world-header{min-height:56px}
@media(min-width:700px) and (max-width:850px) and (orientation:portrait){.world-header{min-height:64px}}
@media(min-width:700px) and (max-width:850px) and (orientation:portrait){
  .profile-content{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
  .character-card{min-height:630px;height:630px;background:linear-gradient(#dbf4ff,#fff 70%,#b8e8ff)}
  .character-card img{object-fit:cover;object-position:center 52%}
  .status-area{grid-template-columns:1fr;grid-template-rows:138px 182px 282px;gap:14px}
  .level-panel,.xp-panel,.bottom-stats{grid-column:1}
  .level-panel{padding:10px 14px;background:linear-gradient(145deg,#fffdf3,#eaf7ff)}
  .panel-heading{font-size:21px}
  .level-display{height:86px;border-width:3px;background:linear-gradient(135deg,#eff9ff,#fff 52%,#d8edff);box-shadow:inset 0 0 18px rgba(30,127,230,.16)}
  .level-display span{font-size:34px}.level-display strong{font-size:65px;text-shadow:0 4px 0 #d7eaff}
  .xp-panel{padding:12px 14px;background:radial-gradient(circle at 50% 15%,#fff 0,#f1f9ff 55%,#dbeeff 100%)}
  .xp-meta{font-size:13px;margin-top:2px}.xp-meta b{font-size:21px}
  .xp-dots{grid-template-columns:repeat(5,38px);justify-content:center;gap:12px 17px;margin-top:11px}
  .xp-dot{width:38px;height:38px;aspect-ratio:auto;border:3px solid #1d65b9;border-radius:9px;transform:rotate(45deg) scale(.78);background:linear-gradient(135deg,#fff,#e5f4ff);box-shadow:inset 0 0 0 3px #fff,0 4px 8px rgba(0,71,155,.2)}
  .xp-dot:after{content:"";display:block;width:10px;height:10px;margin:5px;border-radius:50%;background:rgba(255,255,255,.85)}
  .xp-dot.filled{border-color:#063d99;background:linear-gradient(135deg,#bdf4ff 0 14%,#21b8ff 16% 43%,#0871da 45% 70%,#06398c 72%);box-shadow:inset 0 0 0 3px rgba(255,255,255,.35),0 0 14px #35bfff,0 6px 9px rgba(0,54,130,.28)}
  .bottom-stats{display:grid;grid-template-columns:1fr;grid-template-rows:105px 163px;gap:14px}
  .chip-panel{padding:9px 14px;justify-content:flex-start}.r-chip{width:68px}.r-chip span{font-size:29px}.chip-panel strong{font-size:38px}
  .phone-panel{padding:9px 12px}.phone-panel>img{width:80px;height:112px}.phone-copy{font-size:14px}.bonus-time{padding:8px;margin-left:auto}.bonus-time strong{font-size:22px}
}
.xp-panel{position:relative;overflow:hidden;border-color:#063a93;background:radial-gradient(circle at 50% -30%,#38cfff 0,#0875d6 30%,#06449e 68%,#03265f 100%);box-shadow:0 9px 18px rgba(0,48,121,.28),inset 0 0 0 2px #73d9ff,inset 0 -12px 24px rgba(0,18,68,.35)}
.xp-panel:before,.xp-panel:after{content:"";position:absolute;width:72px;height:72px;border:2px solid rgba(119,220,255,.24);transform:rotate(45deg)}.xp-panel:before{left:-38px;top:-38px}.xp-panel:after{right:-38px;bottom:-38px}
.xp-core-title{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:9px;color:#fff;font-size:21px;font-weight:1000;text-shadow:0 3px 0 #04347e}.xp-core-title i{width:12px;height:12px;transform:rotate(45deg);background:linear-gradient(135deg,#d9fbff,#3bcaff 55%,#0874dc);border:2px solid #fff;border-radius:3px;box-shadow:0 0 10px #6ee7ff}
.xp-panel .xp-meta{position:relative;z-index:2;color:#bcecff;align-items:center}.xp-panel .xp-meta span{font-size:12px;font-weight:900}.xp-panel .xp-meta span strong{color:#fff;font-size:17px}.xp-panel .xp-meta b{display:flex;align-items:baseline;gap:2px;color:#fff;font-size:30px;line-height:1;text-shadow:0 0 12px #45d4ff}.xp-panel .xp-meta em{color:#fff}.xp-panel .xp-meta small{font-size:14px;color:#a9ddff}
.xp-panel .xp-dots{position:relative;z-index:2;display:grid;grid-template-columns:repeat(10,24px);justify-content:center;gap:7px;margin:14px auto 8px;max-width:none}.xp-panel .xp-dots:before{content:"";position:absolute;left:15px;right:15px;top:50%;height:5px;transform:translateY(-50%);border-radius:99px;background:linear-gradient(90deg,#03245d,#0b7ed7,#03245d);box-shadow:inset 0 1px 2px #020f35,0 0 8px rgba(50,191,255,.5)}
.xp-panel .xp-dot{position:relative;z-index:1;width:24px;height:24px;aspect-ratio:auto;border:2px solid #61c9ff;border-radius:6px;transform:rotate(45deg);background:linear-gradient(135deg,#143f7c,#072657);box-shadow:inset 0 0 0 3px rgba(0,15,55,.45),0 0 0 2px rgba(4,35,92,.75),0 3px 7px rgba(0,0,0,.35)}.xp-panel .xp-dot:after{content:"";display:block;width:6px;height:6px;margin:3px;border-radius:50%;background:rgba(153,226,255,.32)}
.xp-panel .xp-dot.filled{border-color:#e7fcff;background:linear-gradient(135deg,#eaffff 0 12%,#58ddff 14% 40%,#088be8 42% 68%,#0643a3 70%);box-shadow:inset 0 0 0 2px rgba(255,255,255,.38),0 0 13px #70e7ff,0 0 24px rgba(27,187,255,.65)}.xp-panel .xp-dot.filled:after{background:#fff;box-shadow:0 0 8px #fff}
.xp-core-caption{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;color:#7bcfff;font-size:8px;font-weight:900;letter-spacing:.08em}.xp-core-caption strong{color:#d9f7ff;font-size:10px;letter-spacing:0}
@media(min-width:700px) and (max-width:850px) and (orientation:portrait){.xp-panel{padding:10px 13px}.xp-panel .xp-dots{grid-template-columns:repeat(10,22px);gap:7px;margin-top:12px}.xp-panel .xp-dot{width:22px;height:22px}.xp-core-caption{margin-top:6px}}
@media(min-width:700px) and (max-width:850px) and (orientation:portrait){
  .status-area{grid-template-rows:138px 148px 284px;align-content:start}
  .xp-panel{padding:7px 13px}.xp-core-title{font-size:18px}.xp-panel .xp-meta{margin-top:-2px}.xp-panel .xp-dots{margin:7px auto 3px}.xp-core-caption{margin-top:2px}
  .bottom-stats{grid-template-rows:102px 168px}
}
.chip-panel{position:relative;overflow:hidden;border-color:#d56a26;background:linear-gradient(135deg,#fffaf0,#fff 52%,#fff0d5);box-shadow:0 8px 17px rgba(129,47,13,.16),inset 0 0 0 2px #ffd58a}
.chip-panel:after{content:"R O R O  C H I P";position:absolute;right:12px;bottom:7px;color:rgba(177,58,25,.22);font-size:8px;font-weight:1000;letter-spacing:.18em}
.r-chip{width:66px;padding:6px;background:#c32820;border:5px solid #fff;outline:4px solid #a51a16;box-shadow:0 5px 0 #75100b,0 0 0 2px #f3bd48,inset 0 0 0 3px #f5c957}
.r-chip span{background:radial-gradient(circle,#d83b2f 0 46%,#aa1713 48%);border:3px solid #ffd86a;font-size:28px;text-shadow:0 2px 0 #81100d}
.chip-panel>div:last-child{display:flex;align-items:baseline;gap:10px}.chip-panel small{margin:0;color:#a23b21}.chip-panel strong{color:#c42d20;text-shadow:0 2px 0 #ffd7ae}
@media(min-width:700px) and (max-width:850px) and (orientation:portrait){.chip-panel{justify-content:flex-start;padding:8px 14px}.r-chip{width:61px}.chip-panel strong{font-size:36px}}
.chip-balance{flex:1;display:grid!important;grid-template-columns:auto 1fr;align-items:center;gap:10px}.chip-balance small{font-size:18px!important;font-weight:1000}.chip-balance strong{justify-self:end;font-size:39px!important;line-height:1}
.phone-panel{position:relative;display:grid;grid-template-columns:62px 1fr 78px;align-items:center;gap:10px;padding:10px 12px;border-color:#1778c8;background:linear-gradient(135deg,#e3f6ff 0,#fff 52%,#fff5d8 100%);box-shadow:0 8px 18px rgba(0,71,143,.18),inset 0 0 0 2px #a9e1ff}
.phone-panel:after{content:"";position:absolute;left:78px;right:92px;bottom:9px;height:3px;border-radius:99px;background:linear-gradient(90deg,#1598e9,#ffd059)}
.phone-visual{width:62px;height:104px;overflow:hidden;border:3px solid #0a63b9;border-radius:15px;background:#1187df;box-shadow:0 5px 0 #064184,0 0 0 2px #fff}.phone-visual img{width:100%;height:100%;object-fit:cover;object-position:13% center;display:block}
.phone-main{min-width:0}.phone-title{margin-bottom:8px;color:#064b9f;font-size:16px;font-weight:1000;white-space:nowrap}.phone-base-times{display:grid;grid-template-columns:1fr 1fr;gap:6px}.phone-base-times>div{padding:6px 5px;border:2px solid #acd9f6;border-radius:10px;background:rgba(255,255,255,.85);text-align:center}.phone-base-times small{display:block;color:#4b7daa;font-size:9px;font-weight:900}.phone-base-times strong{display:block;color:#0754aa;font-size:15px;white-space:nowrap}.phone-base-times strong span{font-size:20px}
.bonus-time{margin:0;padding:8px 5px;border:3px solid #f0a20e;border-radius:14px;background:linear-gradient(#fffaf0,#ffedbd);text-align:center;box-shadow:inset 0 0 0 2px #fff}.bonus-time small{display:block;color:#a96a00;font-size:9px;font-weight:900}.bonus-time strong{display:block;color:#e97900;font-size:20px;white-space:nowrap;text-shadow:0 2px 0 #fff}
.bonus-time strong span{font-size:inherit}
@media(min-width:700px) and (max-width:850px) and (orientation:portrait){.phone-panel{grid-template-columns:58px 1fr 74px;gap:8px;padding:9px 10px}.phone-visual{width:58px;height:98px}.phone-title{font-size:15px}.phone-base-times strong{font-size:13px}.phone-base-times strong span{font-size:18px}.bonus-time strong{font-size:18px}}
.chip-panel{border-color:#1778c8;background:linear-gradient(135deg,#eff9ff,#fff);box-shadow:0 8px 17px rgba(0,66,139,.16),inset 0 0 0 2px #b5e4ff}.chip-panel:after{display:none}.r-chip{width:58px;padding:5px;background:linear-gradient(145deg,#e44537,#a81512);border:4px solid #fff;outline:3px solid #b7241e;box-shadow:0 4px 0 #78100d,0 0 0 2px #ffd25c}.r-chip span{background:#c92720;border:2px solid #ffd86a;font-size:26px}.chip-balance small{color:#125fae!important}.chip-balance strong{color:#c52b23;text-shadow:none}
.phone-panel{display:block;padding:11px 13px;border-color:#1778c8;background:linear-gradient(145deg,#eaf8ff 0,#fff 60%,#f3fbff 100%);box-shadow:0 8px 18px rgba(0,71,143,.18),inset 0 0 0 2px #b6e6ff}.phone-panel:after{display:none}.phone-title{display:flex;align-items:center;gap:8px;margin:0 0 10px;color:#0753a8;font-size:16px}.phone-symbol{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,#1aa5f2,#0966c7);color:#fff;font-size:16px;box-shadow:0 3px 0 #074489}.phone-title strong{font-weight:1000}.phone-schedule{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.time-card{min-width:0;height:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid #9ed8fa;border-radius:13px;background:#fff;box-shadow:0 3px 0 #d5edfb}.time-card small{color:#4b7ca8;font-size:9px;font-weight:900}.time-card strong{display:flex;align-items:baseline;color:#0755aa;font-size:25px;line-height:1.15}.time-card strong em{margin-left:2px;font-size:11px;font-style:normal}.bonus-card{border-color:#f2b33d;background:linear-gradient(#fffaf0,#fff1c9);box-shadow:0 3px 0 #f6d88f}.bonus-card small{color:#9c6507}.bonus-card strong{color:#e37800}
@media(min-width:700px) and (max-width:850px) and (orientation:portrait){.phone-panel{display:block;padding:10px 12px}.phone-title{margin-bottom:8px}.time-card{height:72px}.time-card strong{font-size:23px}}
.chip-panel{border-color:#123d84;background:linear-gradient(135deg,#071d48 0,#0b3b7c 56%,#0a2859 100%);box-shadow:0 9px 18px rgba(0,24,72,.3),inset 0 0 0 2px #2f86d5,inset 0 -8px 16px rgba(0,8,37,.35)}.chip-panel:before{content:"";position:absolute;inset:7px;border:1px solid rgba(255,211,104,.38);border-radius:16px;pointer-events:none}.r-chip{position:relative;z-index:1;width:58px;background:linear-gradient(145deg,#ec4a3c,#9d0e0c);border:4px solid #f8e7ad;outline:3px solid #d9a837;box-shadow:0 4px 0 #5d0908,0 0 14px rgba(255,198,62,.4),inset 0 0 0 3px #6f0808}.r-chip span{background:radial-gradient(circle,#d83c31 0 48%,#9e100d 50%);border:2px solid #ffd96b;color:#fff}.chip-balance small{color:#f5d478!important;text-shadow:0 2px 0 #001b4d}.chip-balance strong{color:#fff1b5;text-shadow:0 0 12px rgba(255,203,70,.5)}
.phone-panel{border-color:#123d84;background:linear-gradient(145deg,#071e4b 0,#0c438a 58%,#081f50 100%);box-shadow:0 9px 18px rgba(0,28,79,.3),inset 0 0 0 2px #338bd7,inset 0 -10px 20px rgba(0,8,40,.35)}.phone-panel:before{content:"";position:absolute;inset:7px;border:1px solid rgba(112,204,255,.32);border-radius:17px;pointer-events:none}.phone-title{position:relative;z-index:1;color:#e9f8ff}.phone-symbol{background:linear-gradient(145deg,#ffd55b,#f08a12);color:#183664;box-shadow:0 3px 0 #9c5300,0 0 12px rgba(255,190,38,.34)}.phone-schedule{position:relative;z-index:1;grid-template-columns:repeat(2,1fr);gap:10px}.time-card{height:94px;border:1px solid rgba(151,222,255,.7);background:linear-gradient(145deg,rgba(25,111,190,.82),rgba(4,40,98,.92));box-shadow:inset 0 0 0 2px rgba(255,255,255,.06),0 4px 0 rgba(0,12,48,.52)}.time-card small{color:#bceaff;font-size:10px}.time-card strong{color:#fff;font-size:29px;text-shadow:0 0 12px rgba(70,206,255,.5)}.time-card p{margin:5px 0 0;padding-top:5px;border-top:1px solid rgba(151,222,255,.28);color:#aed9f5;font-size:9px;font-weight:800;white-space:nowrap}.time-card p b{color:#ffd467}.weekend-card{border-color:rgba(193,174,255,.75);background:linear-gradient(145deg,rgba(76,78,177,.78),rgba(25,31,96,.94))}.weekend-card small{color:#dad1ff}.weekend-card strong{text-shadow:0 0 12px rgba(151,129,255,.65)}.weekend-card p{border-color:rgba(204,191,255,.28);color:#cec7ef}
@media(min-width:700px) and (max-width:850px) and (orientation:portrait){.phone-panel{padding:9px 12px}.phone-title{margin-bottom:7px}.time-card{height:92px}.time-card strong{font-size:28px}}
@media(min-width:700px) and (max-width:850px) and (orientation:portrait){.character-card{height:598px;min-height:598px}.status-area{height:598px}}
.character-card{display:grid;grid-template-rows:minmax(0,1fr) 112px}
.avatar-viewer{position:relative;min-height:0;overflow:hidden;cursor:grab;touch-action:pan-y;user-select:none;background:#76acec;outline:none}
.avatar-viewer:focus-visible{box-shadow:inset 0 0 0 4px #ffd45a}
.avatar-viewer.is-dragging{cursor:grabbing}
.avatar-sprite{width:100%;height:100%;background-image:url("art/rowoon-turntable-8-v1.png?v=1");background-repeat:no-repeat;background-size:400% 200%;background-position:0 0;filter:saturate(1.03);will-change:background-position}
.rotate-hint{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);display:flex;align-items:center;gap:5px;padding:7px 12px;border:1px solid rgba(255,255,255,.8);border-radius:999px;background:rgba(3,42,101,.78);color:#fff;font-size:11px;font-weight:1000;white-space:nowrap;box-shadow:0 4px 12px rgba(0,30,80,.24);pointer-events:none;transition:opacity .2s}
.rotate-hint span{color:#72dbff;font-size:17px;line-height:1}.avatar-viewer.has-rotated .rotate-hint{opacity:0}
.equipment-dock{position:relative;z-index:2;padding:7px 8px 8px;border-top:3px solid #0a66bd;background:linear-gradient(180deg,#0b3b7c,#061f4e);box-shadow:inset 0 2px 0 #63c8ff}
.equipment-title{text-align:center;color:#ffe184;font-size:11px;font-weight:1000;letter-spacing:.04em;margin-bottom:6px;text-shadow:0 2px 0 #00163e}.equipment-title span{color:#67d9ff}
.equipment-slots{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}
.equipment-slot{height:67px;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(114,204,255,.65);border-radius:9px;background:linear-gradient(145deg,rgba(25,105,183,.95),rgba(5,39,94,.96));box-shadow:inset 0 0 0 2px rgba(255,255,255,.05),0 3px 0 rgba(0,9,37,.55);color:#fff}
.equipment-slot i{font-style:normal;font-size:20px;line-height:1.1}.equipment-slot small{margin-top:4px;color:#c4eaff;font-size:8px;font-weight:900;white-space:nowrap}.equipment-slot.empty{opacity:.62}.equipment-slot.empty i{color:#88a9ca}.equipment-slot.base{border-color:rgba(255,210,88,.72);box-shadow:inset 0 0 0 1px rgba(255,216,105,.15),0 3px 0 rgba(0,9,37,.55)}
@media(max-width:640px){.character-card{grid-template-rows:minmax(0,1fr) 104px}.equipment-dock{padding:6px}.equipment-slot{height:61px}.equipment-slot i{font-size:18px}}
.view-tabs{display:flex;align-items:center;gap:7px;margin-right:3px}.view-tab{height:45px;padding:0 15px;border:2px solid rgba(255,255,255,.82);border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(216,241,255,.92));color:#0753a8;font-size:14px;font-weight:1000;box-shadow:0 5px 12px rgba(2,56,121,.15);white-space:nowrap}.view-tab span{margin-right:3px}.view-tab.active{border-color:#ffe080;background:linear-gradient(145deg,#0e76d9,#063c91);color:#fff;box-shadow:0 5px 0 #042b70,0 0 0 2px rgba(255,215,94,.42)}
.content-section{margin-top:18px;border:7px solid #0753b4;border-radius:30px;padding:18px 20px 22px;background:linear-gradient(#eaf9ff,#fff);box-shadow:var(--shadow);scroll-margin-top:10px}.content-view[hidden]{display:none!important}.content-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:12px}.content-heading small{color:#f08000;font-weight:1000}.content-heading h2{margin:0;color:#073f8e;font-size:30px}.content-heading>span{font-weight:900;color:#2366a9}
.inventory-summary{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:10px 14px;border:2px solid #8ed4f8;border-radius:15px;background:linear-gradient(90deg,#e2f7ff,#fff9e7);color:#125a9f}.inventory-summary strong{font-size:15px}.inventory-summary strong b{color:#ef7a00;font-size:20px}.inventory-summary small{color:#6384a4;font-weight:800}
.inventory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.inventory-card{position:relative;min-width:0;height:132px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;border:3px solid #1677c7;border-radius:19px;background:linear-gradient(145deg,#f4fbff,#dff3ff);box-shadow:0 6px 12px rgba(0,68,139,.14),inset 0 0 0 2px #fff;color:#0b4d96;text-align:center}.inventory-card-icon{width:52px;height:52px;display:grid;place-items:center;margin-bottom:7px;border-radius:15px;background:linear-gradient(145deg,#1b9aef,#0953b4);color:#fff;font-size:27px;box-shadow:0 4px 0 #063d8b}.inventory-card strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.inventory-card small{margin-top:3px;color:#6285a6;font-size:10px;font-weight:800}.inventory-card .equipped-badge{position:absolute;right:7px;top:7px;padding:4px 7px;border-radius:999px;background:#f2aa14;color:#402600;font-size:8px;font-weight:1000}.inventory-card.empty{border-style:dashed;border-color:#98c7e6;background:linear-gradient(145deg,#f7fbfe,#e9f4fb);box-shadow:none}.inventory-card.empty .inventory-card-icon{background:linear-gradient(145deg,#c6ddec,#9bbdd3);box-shadow:0 4px 0 #7ba1ba;color:#f8fcff}.inventory-card.empty:first-child{border-style:solid;border-color:#e6ad3d;background:linear-gradient(145deg,#fff9e7,#eef9ff)}.inventory-card.empty:first-child .inventory-card-icon{background:linear-gradient(145deg,#f7be36,#e47b05);box-shadow:0 4px 0 #a95500}
@media(min-width:700px) and (max-width:850px) and (orientation:portrait){.content-section{margin-top:12px;padding:14px}.inventory-grid{gap:9px}.inventory-card{height:126px}.view-tab{height:43px;padding:0 13px}}
@media(max-width:640px){.world-header{flex-wrap:wrap}.header-actions{flex-wrap:wrap;justify-content:flex-end}.view-tabs{order:2;width:100%;justify-content:flex-end}.view-tab{height:40px;padding:0 11px}.content-section{padding:14px;border-width:5px}.content-heading>span,.inventory-summary small{display:none}.inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.inventory-card{height:118px}}
.top-view[hidden]{display:none!important}.mission-profile-board{min-height:790px;display:flex;flex-direction:column;padding:24px 26px 30px}.mission-board-heading{position:relative;z-index:2;margin:0 auto 18px;width:min(660px,92%);padding:16px 22px;border:4px solid #0a62bd;border-radius:23px;background:linear-gradient(145deg,#073f96,#0a70ca 62%,#064493);color:#fff;text-align:center;box-shadow:0 8px 0 rgba(2,40,103,.32),inset 0 0 0 2px rgba(113,220,255,.55)}.mission-board-heading small{color:#ffe079;font-weight:1000}.mission-board-heading h2{margin:2px 0 3px;font-size:32px;text-shadow:0 3px 0 #032c70}.mission-board-heading p{margin:0;color:#c8edff;font-size:13px;font-weight:900}.mission-profile-board .mission-grid{position:relative;z-index:2;grid-template-columns:1fr;gap:14px;flex:1}.mission-profile-board .mission-card{min-height:280px;grid-template-columns:240px 1fr;border-width:4px;background:linear-gradient(135deg,var(--mission-soft,#e7f6ff),#fff 75%)}.mission-profile-board .mission-info{padding:22px 24px 18px 10px}.mission-profile-board .mission-info h3{font-size:30px;margin:7px 0}.mission-profile-board .mission-progress strong{font-size:58px}.mission-profile-board .mission-rule{font-size:17px}.mission-profile-board .mission-title-badge{width:270px;height:76px}
@media(min-width:700px) and (max-width:850px) and (orientation:portrait){.mission-profile-board{min-height:790px;padding:20px 20px 28px}.mission-board-heading{margin-bottom:15px;padding:13px 20px}.mission-profile-board .mission-card{min-height:278px;grid-template-columns:220px 1fr}.mission-profile-board .mission-info{padding:17px 18px 14px 8px}.mission-profile-board .mission-title-badge{width:245px;height:69px}}
@media(max-width:640px){.mission-profile-board{min-height:0;padding:16px 13px 24px}.mission-board-heading{width:100%;padding:12px 10px}.mission-board-heading h2{font-size:27px}.mission-profile-board .mission-card{min-height:210px;grid-template-columns:125px 1fr}.mission-profile-board .mission-info{padding:10px 10px 9px 3px}.mission-profile-board .mission-info h3{font-size:21px}.mission-profile-board .mission-progress strong{font-size:40px}.mission-profile-board .mission-rule{font-size:13px}.mission-profile-board .mission-title-badge{width:190px;height:56px}}
.digital-mission-card{--digital-main:#146fc4;--digital-soft:#e5f5ff;position:relative;overflow:hidden;min-height:286px;padding:11px 13px 12px;border:4px solid var(--digital-main);border-radius:24px;background:linear-gradient(145deg,var(--digital-soft),#fff 67%);box-shadow:0 8px 18px rgba(0,64,137,.18),inset 0 0 0 2px rgba(255,255,255,.75)}.digital-mission-card.laundry{--digital-main:#0b9b99;--digital-soft:#dffff8}.digital-mission-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.digital-mission-title small{color:#4b7da7;font-size:10px;font-weight:900}.digital-mission-title h3{margin:0;color:#073f89;font-size:25px}.digital-mission-card.laundry .digital-mission-title h3{color:#08716e}.mission-mode-badge{flex:0 0 auto;padding:7px 12px;border-radius:11px;background:var(--digital-main);color:#fff;font-size:13px;font-weight:1000;box-shadow:0 3px 0 color-mix(in srgb,var(--digital-main) 70%,#001b43)}
.digital-mission-main{display:grid;grid-template-columns:190px 1fr;gap:12px}.mission-scene{height:126px;overflow:hidden;border:3px solid var(--digital-main);border-radius:17px;background:#fff;box-shadow:0 4px 0 rgba(0,46,103,.15)}.mission-scene img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.mission-live-panel{min-width:0;padding:10px 13px;border:3px solid color-mix(in srgb,var(--digital-main) 70%,#fff);border-radius:17px;background:linear-gradient(145deg,#fffdf5,#fff);box-shadow:inset 0 0 0 2px #fff}.mission-live-label{display:block;color:#557b9a;font-size:10px;font-weight:1000}.mission-live-number{display:flex;align-items:baseline;gap:8px;margin-top:-2px}.mission-live-number strong{color:var(--digital-main);font-size:45px;line-height:1;font-weight:1000;text-shadow:0 2px 0 #fff}.mission-live-number span{color:#083f7b;font-size:19px;font-weight:1000}.mission-next-row{display:flex;justify-content:space-between;gap:8px;margin-top:4px;color:#356c9b;font-size:10px}.mission-next-row b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mission-next-row span{color:var(--digital-main);font-weight:1000}.mission-progress-track{height:9px;margin:4px 0 7px;overflow:hidden;border-radius:999px;background:#d9e8f2;box-shadow:inset 0 2px 3px rgba(0,49,98,.18)}.mission-progress-track i{display:block;height:100%;min-width:0;border-radius:inherit;background:linear-gradient(90deg,var(--digital-main),#55d8ff);box-shadow:0 0 8px var(--digital-main)}.digital-mission-card.laundry .mission-progress-track i{background:linear-gradient(90deg,#078f8b,#62e8cf)}.mission-auto-reward{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 8px;border-radius:9px;background:linear-gradient(90deg,#073f8f,var(--digital-main));color:#fff;font-size:9px}.mission-auto-reward span{color:#ffe173;font-weight:1000}.mission-auto-reward strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mission-title-road{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);align-items:center;gap:7px;margin-top:9px;padding:8px;border:2px solid color-mix(in srgb,var(--digital-main) 58%,#fff);border-radius:14px;background:rgba(255,255,255,.9)}.mission-title-road.maxed{grid-template-columns:minmax(0,380px);justify-content:start}.title-road-slot{position:relative;min-width:0;min-height:87px;padding:18px 7px 6px;border:2px solid #b9d8ee;border-radius:11px;background:linear-gradient(145deg,#f8fcff,#e8f5ff);text-align:center}.title-road-slot>span{position:absolute;left:8px;top:-7px;padding:3px 8px;border-radius:999px;background:#176fc5;color:#fff;font-size:9px;font-weight:1000;box-shadow:0 2px 0 #0a4c91}.title-road-slot img{width:100%;height:52px;display:block;object-fit:contain;filter:drop-shadow(0 3px 2px rgba(0,0,0,.16))}.title-road-slot small{display:block;margin-top:2px;color:#557892;font-size:8px;font-weight:1000}.current-title-slot{border-color:#e5a322;background:linear-gradient(145deg,#fffdf2,#fff4c9)}.current-title-slot>span{background:#e69200;box-shadow:0 2px 0 #a85b00}.next-title-slot{border-color:var(--digital-main);box-shadow:inset 0 0 0 2px rgba(255,255,255,.9)}.title-road-arrow{color:var(--digital-main);font-size:25px;text-align:center;text-shadow:0 2px 0 #fff}.empty-current{display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-current b{color:#8a6a2e;font-size:16px}.empty-current small{margin-top:4px}
@media(min-width:700px) and (max-width:850px) and (orientation:portrait){.digital-mission-card{min-height:294px;padding:10px 12px}.digital-mission-main{grid-template-columns:185px 1fr}.mission-scene{height:124px}.mission-live-number strong{font-size:43px}.mission-title-road{margin-top:8px}.title-road-slot img{height:52px}}
@media(max-width:640px){.digital-mission-card{min-height:0;padding:9px}.digital-mission-title h3{font-size:20px}.digital-mission-main{grid-template-columns:115px 1fr;gap:7px}.mission-scene{height:128px}.mission-live-panel{padding:8px}.mission-live-number strong{font-size:35px}.mission-live-number span{font-size:14px}.mission-auto-reward{display:block}.mission-auto-reward strong{display:block;margin-top:2px}.mission-title-road{grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:3px;padding:5px}.mission-title-road.maxed{grid-template-columns:1fr}.title-road-slot{min-height:67px;padding-left:4px;padding-right:4px}.title-road-slot img{height:36px}.title-road-arrow{font-size:19px}}
.admin-head-actions{display:flex;align-items:center;gap:9px}.admin-logout-button{height:44px;padding:0 15px;border:2px solid rgba(255,255,255,.8);border-radius:13px;background:linear-gradient(145deg,#fff4d1,#ffc848);color:#603800;font-size:13px;font-weight:1000;box-shadow:0 4px 0 #b87500}.admin-logout-button:active{transform:translateY(2px);box-shadow:0 2px 0 #b87500}.admin-head-actions .gear-button{width:44px;height:44px;box-shadow:0 4px 0 rgba(0,27,87,.45)}
@media(max-width:420px){.admin-head{padding:14px}.admin-logout-button{padding:0 11px}.admin-head-actions{gap:6px}}
.mission-sub-record{display:block;margin:-1px 0 3px;color:#6d8ba3;font-size:8px;font-weight:800}.admin-mission-list{display:grid;gap:11px}.admin-mission-control{--admin-mission:#176bc3;display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:center;padding:12px;border:2px solid #a8d4f0;border-radius:16px;background:linear-gradient(145deg,#eff9ff,#fff);box-shadow:0 4px 10px rgba(0,62,126,.1)}.admin-mission-control.laundry{--admin-mission:#0b9895;border-color:#9bddd6;background:linear-gradient(145deg,#eafff9,#fff)}.admin-mission-copy b{display:block;color:#0a4e99;font-size:16px}.admin-mission-control.laundry .admin-mission-copy b{color:#08716e}.admin-mission-copy small{display:block;margin-top:3px;color:#6c8ba5;font-weight:800}.admin-step-buttons{display:grid;grid-template-columns:repeat(2,78px);gap:7px}.admin-step-buttons button{height:48px;border:0;border-radius:12px;color:#fff;font-size:15px;font-weight:1000}.mission-down{background:linear-gradient(145deg,#ee6a61,#bc2924);box-shadow:0 4px 0 #8f1b17}.mission-up{background:linear-gradient(145deg,color-mix(in srgb,var(--admin-mission) 72%,#52ccff),var(--admin-mission));box-shadow:0 4px 0 color-mix(in srgb,var(--admin-mission) 68%,#002653)}.admin-step-buttons button:active{transform:translateY(2px);box-shadow:0 2px 0 rgba(0,25,72,.55)}.mission-reset{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:45px;border:2px solid #fff;border-radius:12px;background:linear-gradient(145deg,#ff8a49,#d84227);color:#fff;padding:9px 12px;font-size:13px;font-weight:1000;box-shadow:0 4px 0 #a92a18,0 0 0 2px #ef6a42;cursor:pointer;text-shadow:0 1px 0 rgba(100,16,0,.35)}.mission-reset span{font-size:20px;line-height:1}.mission-reset:active{transform:translateY(2px);box-shadow:0 2px 0 #a92a18,0 0 0 2px #ef6a42}
@media(max-width:420px){.admin-mission-control{grid-template-columns:1fr}.admin-step-buttons{grid-template-columns:repeat(2,1fr)}.admin-step-buttons button{height:46px}}
.admin-section-help{margin:-5px 0 12px;color:#69879f;font-size:12px;font-weight:800}.admin-title-selector{display:grid;gap:12px}.admin-title-group{padding:11px;border:2px solid #c4dff1;border-radius:15px;background:#f6fbff}.admin-title-group-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.admin-title-group-head b{color:#0755a8}.admin-title-group-head small{color:#67859c;font-weight:800}.title-choice-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.title-choice{position:relative;min-width:0;height:61px;padding:5px;border:2px solid #bfd7e9;border-radius:11px;background:#fff;cursor:pointer}.title-choice img{width:100%;height:100%;display:block;object-fit:contain}.title-choice.selected{border-color:#f3a300;background:#fff9da;box-shadow:0 0 0 2px #ffd451,0 3px 0 #c97a00}.title-choice.selected:after{content:"선택됨";position:absolute;right:-3px;top:-7px;padding:2px 6px;border-radius:999px;background:#ee9200;color:#fff;font-size:7px;font-weight:1000}.hide-title{display:grid;place-items:center;background:#edf3f7;color:#5c7486;font-weight:1000}.no-title-choice{grid-column:1/-1;padding:13px;border-radius:10px;background:#eef5fa;color:#6d879a;text-align:center;font-size:12px;font-weight:800}
.gallery-heading{position:relative}.title-picker-open{position:absolute;right:0;top:50%;transform:translateY(-50%);height:34px;padding:0 12px;border:2px solid #fff;border-radius:999px;background:linear-gradient(145deg,#2588e5,#0757b9);color:#fff;font-size:11px;font-weight:1000;box-shadow:0 3px 0 #053e85;cursor:pointer}.title-picker-open:active{transform:translateY(calc(-50% + 2px));box-shadow:0 1px 0 #053e85}.title-shelf.titles-1 .earned-title{width:min(520px,88%);height:105px}.title-shelf.titles-2 .earned-title{width:min(315px,47%);height:86px}.title-shelf.titles-3{flex-wrap:nowrap;gap:7px}.title-shelf.titles-3 .earned-title{width:calc((100% - 14px)/3);height:69px}.title-picker-dialog{width:min(720px,94vw);max-height:88dvh;padding:0;border:0;border-radius:27px;background:linear-gradient(180deg,#e9f8ff,#fff 30%);box-shadow:0 28px 80px rgba(0,31,76,.48);overflow:auto}.title-picker-dialog::backdrop{background:rgba(1,30,68,.68);backdrop-filter:blur(5px)}.title-picker-dialog>.dialog-close{z-index:2;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.9);color:#0755a8;font-weight:1000}.title-picker-heading{padding:25px 24px 20px;border-bottom:4px solid #0c70ca;background:linear-gradient(145deg,#0a4294,#0b86e7);color:#fff;text-align:center}.title-picker-heading small{color:#ffdc68;font-weight:1000}.title-picker-heading h2{margin:3px 0;font-size:30px;text-shadow:0 3px 0 #06336e}.title-picker-heading p{margin:0;color:#d7f2ff;font-weight:800}.title-picker-heading strong{display:inline-block;margin-top:10px;padding:6px 14px;border-radius:999px;background:#fff;color:#0757ae}.title-picker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:20px}.profile-title-choice{position:relative;min-width:0;min-height:92px;padding:10px;border:3px solid #b9d9ee;border-radius:16px;background:linear-gradient(145deg,#fff,#edf8ff);cursor:pointer;box-shadow:0 5px 0 #9fc1d9}.profile-title-choice img{width:100%;height:58px;display:block;object-fit:contain}.profile-title-choice span{display:block;margin-top:2px;color:#68849a;font-size:10px;font-weight:1000}.profile-title-choice.selected{border-color:#f0a316;background:linear-gradient(145deg,#fffceb,#fff1ad);box-shadow:0 5px 0 #c87900,0 0 0 3px #ffd85c}.profile-title-choice.selected span{color:#b56200}.profile-title-choice:active{transform:translateY(3px);box-shadow:0 2px 0 #779ebd}.title-picker-empty{grid-column:1/-1;display:grid;gap:6px;padding:35px;border:3px dashed #a8cfe8;border-radius:18px;background:#f3faff;color:#557b99;text-align:center}.title-picker-empty b{font-size:20px;color:#0755a8}.admin-title-manager{display:grid;gap:10px}.admin-title-manage-row{display:grid;grid-template-columns:minmax(115px,1fr) minmax(150px,1.35fr) 92px;align-items:center;gap:8px;padding:10px;border:2px solid #c6dff0;border-radius:14px;background:#f7fbff}.admin-title-manage-row>div b,.admin-title-manage-row>div small{display:block}.admin-title-manage-row>div b{color:#0755a8}.admin-title-manage-row>div small{margin-top:3px;color:#6b879b;font-size:10px;font-weight:800}.admin-title-manage-row img{width:100%;height:47px;object-fit:contain}.title-revoke{height:42px;border:0;border-radius:11px;background:linear-gradient(145deg,#ef6c62,#bd302a);color:#fff;font-size:11px;font-weight:1000;box-shadow:0 4px 0 #8f211c}.title-revoke:active{transform:translateY(2px);box-shadow:0 2px 0 #8f211c}.no-earned-title{grid-column:2/4;padding:10px;border-radius:10px;background:#edf3f7;color:#718696;text-align:center;font-size:11px;font-weight:900}
@media(max-width:640px){.title-picker-open{position:static;display:block;margin:7px auto 0;transform:none}.title-picker-open:active{transform:translateY(2px)}.title-shelf.titles-1 .earned-title{height:82px}.title-shelf.titles-2 .earned-title{height:67px}.title-shelf.titles-3 .earned-title{height:53px}.title-picker-grid{grid-template-columns:1fr;padding:14px}.admin-title-manage-row{grid-template-columns:1fr 1fr}.admin-title-manage-row img{grid-row:2}.title-revoke{grid-row:2}.no-earned-title{grid-column:1/-1}}
.roro-title-badge{--tier-main:#4da826;--tier-light:#a8ed57;--tier-dark:#175d19;--tier-edge:#eaff8c;--tier-glow:rgba(85,211,62,.35);position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:70px;min-width:0;padding:5px 18px 5px 7px;overflow:hidden;border:3px solid var(--tier-edge);border-radius:15px;background:linear-gradient(135deg,var(--tier-dark),var(--tier-main) 52%,var(--tier-dark));color:#fff;box-shadow:0 5px 0 color-mix(in srgb,var(--tier-dark) 78%,#000),inset 0 0 0 2px rgba(255,255,255,.2),0 0 14px var(--tier-glow);text-shadow:0 2px 0 rgba(0,0,0,.58)}.roro-title-badge:before{content:"";position:absolute;z-index:-1;inset:5px;border:1px solid color-mix(in srgb,var(--tier-edge) 76%,transparent);border-radius:10px;clip-path:polygon(0 0,32% 0,36% 18%,64% 18%,68% 0,100% 0,100% 100%,68% 100%,64% 82%,36% 82%,32% 100%,0 100%)}.roro-title-badge:after{content:"";position:absolute;z-index:3;top:-45%;left:-42%;width:24%;height:190%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.82),transparent);transform:rotate(18deg);opacity:.28;animation:titleShine 7s ease-in-out infinite}.title-badge-emblem{flex:0 0 auto;width:57px;height:57px;filter:drop-shadow(0 3px 1px rgba(0,0,0,.45))}.badge-shield{fill:var(--tier-dark);stroke:var(--tier-edge);stroke-width:3}.badge-shield-inner{fill:var(--tier-main);stroke:rgba(255,255,255,.65);stroke-width:1.5}.badge-symbol{fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.title-badge-copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start;justify-content:center;line-height:1}.title-badge-copy small{color:var(--tier-edge);font-size:10px;font-weight:1000;letter-spacing:.11em}.title-badge-copy strong{max-width:100%;overflow:hidden;color:#fff;font-size:17px;font-weight:1000;letter-spacing:-.04em;white-space:nowrap;text-overflow:ellipsis}.badge-spark{position:absolute;z-index:4;display:none;color:var(--tier-edge);font-style:normal;line-height:1;filter:drop-shadow(0 0 5px var(--tier-edge));animation:titleSparkle 3.8s ease-in-out infinite}.spark-one{right:8px;top:8px;font-size:13px}.spark-two{right:23px;bottom:6px;font-size:8px;animation-delay:-1.2s}.spark-three{left:71px;top:5px;font-size:7px;animation-delay:-2.1s}.tier-1 .spark-one{display:block;opacity:.48}.tier-2{--tier-main:#167bd5;--tier-light:#6ad7ff;--tier-dark:#073c90;--tier-edge:#8feaff;--tier-glow:rgba(39,163,255,.46)}.tier-2:after{animation-duration:5.5s;opacity:.38}.tier-2 .spark-one,.tier-2 .spark-two{display:block}.tier-3{--tier-main:#e37b0e;--tier-light:#ffd35a;--tier-dark:#8d3100;--tier-edge:#ffe97a;--tier-glow:rgba(255,165,28,.58)}.tier-3:after{animation-duration:4.1s;opacity:.5}.tier-3 .badge-spark{display:block}.tier-4{--tier-main:#832ccb;--tier-light:#dc91ff;--tier-dark:#3c126f;--tier-edge:#f0b4ff;--tier-glow:rgba(180,70,255,.65)}.tier-4:after{animation-duration:2.9s;opacity:.64}.tier-4 .badge-spark{display:block;animation-duration:2.7s}.tier-4{animation:titleAura 3.4s ease-in-out infinite}.tier-5{--tier-main:#075dc1;--tier-light:#62d8ff;--tier-dark:#041b61;--tier-edge:#ffe263;--tier-glow:rgba(255,206,58,.82);border-width:4px;background:radial-gradient(circle at 65% 10%,#1f9fff 0,transparent 27%),linear-gradient(135deg,#031349,#0964c4 48%,#2e126e 78%,#06113e)}.tier-5:before{border-width:2px}.tier-5:after{width:31%;animation-duration:1.9s;opacity:.78}.tier-5 .badge-spark{display:block;color:#fff3a0;animation-duration:1.75s}.tier-5 .spark-one{font-size:17px}.tier-5 .spark-two{font-size:11px}.tier-5 .spark-three{font-size:10px}.tier-5{animation:legendTitlePulse 2.2s ease-in-out infinite}.tier-5 .title-badge-emblem{filter:drop-shadow(0 0 7px #ffe367) drop-shadow(0 3px 1px rgba(0,0,0,.6))}
@keyframes titleShine{0%,24%{left:-42%}55%,100%{left:128%}}@keyframes titleSparkle{0%,100%{opacity:.18;transform:scale(.55) rotate(0)}48%{opacity:1;transform:scale(1.3) rotate(90deg)}}@keyframes titleAura{0%,100%{box-shadow:0 5px 0 color-mix(in srgb,var(--tier-dark) 78%,#000),inset 0 0 0 2px rgba(255,255,255,.2),0 0 11px var(--tier-glow)}50%{box-shadow:0 5px 0 color-mix(in srgb,var(--tier-dark) 78%,#000),inset 0 0 0 2px rgba(255,255,255,.32),0 0 21px var(--tier-glow)}}@keyframes legendTitlePulse{0%,100%{box-shadow:0 6px 0 #03123d,inset 0 0 0 2px rgba(255,255,255,.26),0 0 16px rgba(255,207,62,.62)}50%{box-shadow:0 6px 0 #03123d,inset 0 0 0 2px rgba(255,255,255,.48),0 0 28px rgba(255,207,62,.96)}}
.title-shelf .roro-title-badge{flex:0 0 auto}.title-shelf.titles-1 .profile-title-badge{width:min(520px,88%);height:96px;padding-right:30px}.title-shelf.titles-1 .title-badge-emblem{width:78px;height:78px}.title-shelf.titles-1 .title-badge-copy small{font-size:14px}.title-shelf.titles-1 .title-badge-copy strong{font-size:27px}.title-shelf.titles-2 .profile-title-badge{width:min(320px,48%);height:82px}.title-shelf.titles-2 .title-badge-copy strong{font-size:19px}.title-shelf.titles-3 .profile-title-badge{width:calc((100% - 14px)/3);height:68px;padding:4px 10px 4px 4px;gap:4px}.title-shelf.titles-3 .title-badge-emblem{width:49px;height:49px}.title-shelf.titles-3 .title-badge-copy small{font-size:8px}.title-shelf.titles-3 .title-badge-copy strong{font-size:13px}.road-title-badge{height:53px;border-width:2px;border-radius:10px;box-shadow:0 3px 0 color-mix(in srgb,var(--tier-dark) 78%,#000),inset 0 0 0 1px rgba(255,255,255,.2),0 0 9px var(--tier-glow);padding:3px 8px 3px 3px;gap:4px}.road-title-badge .title-badge-emblem{width:43px;height:43px}.road-title-badge .title-badge-copy small{font-size:7px}.road-title-badge .title-badge-copy strong{font-size:12px}.picker-title-badge{height:63px;box-shadow:0 3px 0 color-mix(in srgb,var(--tier-dark) 78%,#000),inset 0 0 0 1px rgba(255,255,255,.2),0 0 8px var(--tier-glow)}.picker-title-badge .title-badge-emblem{width:49px;height:49px}.picker-title-badge .title-badge-copy strong{font-size:13px}.admin-title-badge{height:48px;border-width:2px;border-radius:9px;padding:2px 5px 2px 2px;gap:3px;box-shadow:0 3px 0 color-mix(in srgb,var(--tier-dark) 78%,#000)}.admin-title-badge .title-badge-emblem{width:39px;height:39px}.admin-title-badge .title-badge-copy small{font-size:6px}.admin-title-badge .title-badge-copy strong{font-size:10px}.profile-title-choice{min-height:111px}.profile-title-choice>span{margin-top:7px}.admin-title-manage-row>.roro-title-badge{width:100%}
@media(max-width:640px){.title-shelf.titles-1 .profile-title-badge{height:82px}.title-shelf.titles-1 .title-badge-emblem{width:64px;height:64px}.title-shelf.titles-1 .title-badge-copy strong{font-size:21px}.title-shelf.titles-2 .profile-title-badge{height:68px;padding-right:8px}.title-shelf.titles-2 .title-badge-emblem{width:48px;height:48px}.title-shelf.titles-2 .title-badge-copy strong{font-size:13px}.title-shelf.titles-3 .profile-title-badge{height:57px}.title-shelf.titles-3 .title-badge-emblem{width:38px;height:38px}.title-shelf.titles-3 .title-badge-copy strong{font-size:10px}.title-shelf.titles-3 .title-badge-copy small{font-size:6px}}
@media(prefers-reduced-motion:reduce){.roro-title-badge,.roro-title-badge:after,.badge-spark{animation:none!important}}
/* 타이틀 배지 v2: 로로월드 픽셀 RPG 프레임 */
.roro-title-badge{height:78px;justify-content:flex-start;gap:8px;padding:6px 25px 6px 8px;border-width:4px;border-radius:7px;background:linear-gradient(180deg,rgba(255,255,255,.22),transparent 22%),repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 4px,transparent 4px 9px),linear-gradient(135deg,var(--tier-dark),var(--tier-main) 48%,var(--tier-dark));clip-path:polygon(0 16px,7px 16px,7px 7px,16px 7px,16px 0,calc(100% - 16px) 0,calc(100% - 16px) 7px,calc(100% - 7px) 7px,calc(100% - 7px) 16px,100% 16px,100% calc(100% - 16px),calc(100% - 7px) calc(100% - 16px),calc(100% - 7px) calc(100% - 7px),calc(100% - 16px) calc(100% - 7px),calc(100% - 16px) 100%,16px 100%,16px calc(100% - 7px),7px calc(100% - 7px),7px calc(100% - 16px),0 calc(100% - 16px))}.roro-title-badge:before{inset:5px;border-width:2px;border-radius:2px;clip-path:polygon(0 7px,7px 7px,7px 0,calc(100% - 7px) 0,calc(100% - 7px) 7px,100% 7px,100% calc(100% - 7px),calc(100% - 7px) calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,7px calc(100% - 7px),0 calc(100% - 7px))}.title-badge-emblem{width:65px;height:65px;margin-left:1px;filter:drop-shadow(0 0 2px #000) drop-shadow(0 4px 1px rgba(0,0,0,.55))}.badge-shield{stroke-width:4}.badge-shield-inner{stroke-width:2}.badge-symbol{stroke-width:3.8}.title-badge-copy{position:relative;flex:1;align-items:center;text-align:center}.title-badge-copy small{font-size:11px;letter-spacing:.08em}.title-badge-copy strong{overflow:visible;font-size:21px;line-height:1.12;letter-spacing:-.055em;text-overflow:clip}.badge-rank-pips{display:flex;gap:4px;margin-top:4px}.badge-rank-pips i{display:block;width:10px;height:5px;border:1px solid color-mix(in srgb,var(--tier-edge) 58%,transparent);background:rgba(0,0,0,.28);transform:skewX(-18deg)}.badge-rank-pips i.on{border-color:var(--tier-edge);background:var(--tier-edge);box-shadow:0 0 6px var(--tier-edge)}.tier-1:after{opacity:.16;animation-duration:8.5s}.tier-1 .badge-rank-pips i.on{box-shadow:0 0 3px var(--tier-edge)}.tier-2 .badge-rank-pips i.on{box-shadow:0 0 5px var(--tier-edge)}.tier-3 .badge-rank-pips i.on{box-shadow:0 0 7px var(--tier-edge)}.tier-4 .badge-rank-pips i.on{box-shadow:0 0 9px var(--tier-edge)}.tier-5 .badge-rank-pips i.on{background:linear-gradient(90deg,#fff6a1,#ffd12e,#fff6a1);box-shadow:0 0 11px #ffe34d}.tier-5 .title-badge-copy strong{color:#fffdf0;text-shadow:0 2px 0 #07143e,0 0 9px #64caff}.mission-title-road.maxed{grid-template-columns:1fr}.mission-title-road.maxed .current-title-slot{width:100%}.title-road-slot{min-height:106px;padding:19px 8px 7px}.road-title-badge{height:67px;padding:5px 15px 5px 5px}.road-title-badge .title-badge-emblem{width:56px;height:56px}.road-title-badge .title-badge-copy small{font-size:9px}.road-title-badge .title-badge-copy strong{font-size:17px}.road-title-badge .badge-rank-pips{gap:3px;margin-top:2px}.road-title-badge .badge-rank-pips i{width:8px;height:4px}.title-shelf.titles-1 .profile-title-badge{height:112px}.title-shelf.titles-1 .title-badge-emblem{width:90px;height:90px}.title-shelf.titles-1 .title-badge-copy small{font-size:15px}.title-shelf.titles-1 .title-badge-copy strong{font-size:31px}.title-shelf.titles-2 .profile-title-badge{height:92px}.title-shelf.titles-2 .title-badge-emblem{width:71px;height:71px}.title-shelf.titles-2 .title-badge-copy strong{font-size:21px}.title-shelf.titles-3 .profile-title-badge{height:75px}.title-shelf.titles-3 .title-badge-copy strong{font-size:14px}.title-shelf.titles-3 .badge-rank-pips{display:none}.picker-title-badge{height:72px}.picker-title-badge .title-badge-copy small{font-size:8px}.picker-title-badge .title-badge-copy strong{font-size:15px}.picker-title-badge .badge-rank-pips{margin-top:2px}.admin-title-badge .badge-rank-pips{display:none}
@media(max-width:640px){.roro-title-badge{padding-right:11px}.title-badge-emblem{width:51px;height:51px}.title-badge-copy strong{font-size:15px}.title-badge-copy small{font-size:8px}.road-title-badge{height:60px}.road-title-badge .title-badge-emblem{width:48px;height:48px}.road-title-badge .title-badge-copy strong{font-size:13px}.title-shelf.titles-1 .profile-title-badge{height:92px}.title-shelf.titles-1 .title-badge-emblem{width:70px;height:70px}.title-shelf.titles-1 .title-badge-copy strong{font-size:23px}.title-shelf.titles-2 .profile-title-badge{height:76px}.title-shelf.titles-2 .title-badge-emblem{width:52px;height:52px}.title-shelf.titles-2 .title-badge-copy strong{font-size:14px}.title-shelf.titles-3 .profile-title-badge{height:62px}.title-shelf.titles-3 .title-badge-emblem{width:39px;height:39px}.title-shelf.titles-3 .title-badge-copy strong{font-size:10px}.title-shelf.titles-3 .title-badge-copy small{font-size:6px}}
/* 등급별 상시 이펙트 강화 */
.badge-pixel-field{position:absolute;z-index:0;inset:0;pointer-events:none;opacity:0;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.7px),radial-gradient(circle,var(--tier-edge) 0 1.4px,transparent 2px);background-position:0 0,18px 13px;background-size:31px 24px,43px 31px;mix-blend-mode:screen;animation:pixelEnergyDrift 7s linear infinite}.title-badge-emblem,.title-badge-copy{z-index:2}.spark-four{left:19px;bottom:8px;font-size:9px;animation-delay:-.5s}.spark-five{left:48%;top:5px;font-size:8px;animation-delay:-1.8s}.spark-six{right:34%;bottom:5px;font-size:10px;animation-delay:-2.7s}.tier-2 .badge-pixel-field{opacity:.08}.tier-3 .badge-pixel-field{opacity:.14;animation-duration:5.8s}.tier-3 .spark-five,.tier-3 .spark-six{display:none}.tier-4 .badge-pixel-field{opacity:.23;animation-duration:4.2s}.tier-4 .spark-six{display:none}.tier-5{background-size:220% 100%,100% 100%,240% 100%;animation:legendEnergyFlow 4.6s linear infinite,legendTitlePulse 1.65s ease-in-out infinite}.tier-5 .badge-pixel-field{opacity:.4;animation-duration:2.8s}.tier-5 .badge-spark{filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 9px #ffe34e);animation-name:legendSparkBurst;animation-duration:1.55s}.tier-5 .spark-one{right:10px;top:9px;font-size:20px}.tier-5 .spark-two{right:27px;bottom:7px;font-size:12px}.tier-5 .spark-three{left:74px;top:5px;font-size:11px}.tier-5 .spark-four{left:21px;bottom:9px;font-size:13px}.tier-5 .spark-five{left:53%;top:5px;font-size:10px}.tier-5 .spark-six{right:35%;bottom:4px;font-size:12px}.tier-3 .title-badge-emblem{animation:emblemGlow 3.4s ease-in-out infinite}.tier-4 .title-badge-emblem{animation:emblemGlow 2.5s ease-in-out infinite}.tier-5 .title-badge-emblem{animation:legendEmblemPower 1.45s ease-in-out infinite}.tier-4 .title-badge-copy strong{animation:titleTextGlow 2.8s ease-in-out infinite}.tier-5 .title-badge-copy strong{animation:legendTextGlow 1.55s ease-in-out infinite}.tier-5 .badge-rank-pips i.on{animation:rankGemPulse 1.25s ease-in-out infinite}.tier-5 .badge-rank-pips i.on:nth-child(2){animation-delay:-.2s}.tier-5 .badge-rank-pips i.on:nth-child(3){animation-delay:-.4s}.tier-5 .badge-rank-pips i.on:nth-child(4){animation-delay:-.6s}.tier-5 .badge-rank-pips i.on:nth-child(5){animation-delay:-.8s}
@keyframes pixelEnergyDrift{from{background-position:0 0,18px 13px}to{background-position:62px -48px,-68px 75px}}@keyframes legendEnergyFlow{0%{background-position:0 0,0 0,0 0}100%{background-position:220% 0,0 0,-240% 0}}@keyframes legendSparkBurst{0%,100%{opacity:.18;transform:scale(.35) rotate(0)}38%{opacity:1;transform:scale(1.55) rotate(90deg)}62%{opacity:.82;transform:scale(.9) rotate(145deg)}}@keyframes emblemGlow{0%,100%{filter:drop-shadow(0 0 2px var(--tier-edge)) drop-shadow(0 4px 1px rgba(0,0,0,.55))}50%{filter:drop-shadow(0 0 10px var(--tier-edge)) drop-shadow(0 4px 1px rgba(0,0,0,.55))}}@keyframes legendEmblemPower{0%,100%{transform:scale(1);filter:drop-shadow(0 0 5px #ffe367) drop-shadow(0 3px 1px rgba(0,0,0,.6))}50%{transform:scale(1.07);filter:drop-shadow(0 0 14px #fff2a0) drop-shadow(0 0 8px #49bfff) drop-shadow(0 3px 1px rgba(0,0,0,.6))}}@keyframes titleTextGlow{0%,100%{text-shadow:0 2px 0 rgba(0,0,0,.58),0 0 2px var(--tier-edge)}50%{text-shadow:0 2px 0 rgba(0,0,0,.58),0 0 10px var(--tier-edge)}}@keyframes legendTextGlow{0%,100%{text-shadow:0 2px 0 #07143e,0 0 5px #64caff}50%{text-shadow:0 2px 0 #07143e,0 0 13px #fff,0 0 19px #4ac7ff}}@keyframes rankGemPulse{0%,100%{opacity:.65;transform:skewX(-18deg) scale(.84)}50%{opacity:1;transform:skewX(-18deg) scale(1.18)}}
@media(prefers-reduced-motion:reduce){.badge-pixel-field,.title-badge-emblem,.title-badge-copy strong,.badge-rank-pips i{animation:none!important}}
.tier-1:after{opacity:.3;animation-duration:5.2s}.tier-1 .spark-one{font-size:15px;animation-duration:3s}.tier-2{animation:tierTwoAura 3.1s ease-in-out infinite}.tier-2:after{opacity:.58;animation-duration:3.4s}.tier-2 .badge-pixel-field{opacity:.17;animation-duration:5s}.tier-2 .title-badge-emblem{animation:emblemGlow 3.2s ease-in-out infinite}.tier-2 .spark-one{font-size:17px;animation-duration:2.4s}.tier-2 .spark-two{font-size:11px;animation-duration:2.7s}.tier-3{animation:tierThreeAura 2.65s ease-in-out infinite}.tier-3:after{opacity:.68;animation-duration:2.75s}.tier-3 .badge-pixel-field{opacity:.24;animation-duration:4.2s}
@keyframes tierTwoAura{0%,100%{box-shadow:0 5px 0 color-mix(in srgb,var(--tier-dark) 78%,#000),inset 0 0 0 2px rgba(255,255,255,.2),0 0 10px var(--tier-glow)}50%{box-shadow:0 5px 0 color-mix(in srgb,var(--tier-dark) 78%,#000),inset 0 0 0 2px rgba(255,255,255,.38),0 0 20px var(--tier-glow)}}@keyframes tierThreeAura{0%,100%{box-shadow:0 5px 0 color-mix(in srgb,var(--tier-dark) 78%,#000),inset 0 0 0 2px rgba(255,255,255,.25),0 0 13px var(--tier-glow)}50%{box-shadow:0 5px 0 color-mix(in srgb,var(--tier-dark) 78%,#000),inset 0 0 0 2px rgba(255,255,255,.48),0 0 25px var(--tier-glow)}}
@media(prefers-reduced-motion:reduce){.tier-2,.tier-3{animation:none!important}}