/* RedMoon Together: illustrated menu theme. No application actions are changed. */
.rm-art-forge{--rm-card-art:url('/common/redmoon-menu/forge.jpg');}
.rm-art-market{--rm-card-art:url('/common/redmoon-menu/market.jpg');}
.rm-art-ranking{--rm-card-art:url('/common/redmoon-menu/ranking.jpg');}
.rm-art-event{--rm-card-art:url('/common/redmoon-menu/event.jpg');}
.rm-topbar{background:linear-gradient(180deg,#17171c,#0d1016);border-top:2px solid #ab6242;box-shadow:0 8px 32px #0003;}
.rm-topbar-inner{min-height:108px;gap:28px;}
.rm-logo{padding-right:25px;}
.rm-logo:before{box-shadow:0 0 0 5px #b7774b0c,0 0 0 6px #b7774b22,0 0 26px #cf4d4133;}
.rm-menu{gap:4px;align-items:stretch;}
.rm-menu-item{flex:1 1 0;min-width:0;align-items:stretch;}
.rm-menu-button{position:relative;display:flex;flex:1;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:13px 8px 12px;border:1px solid transparent;border-radius:8px;font-size:12px;line-height:1.2;}
.rm-nav-label{white-space:nowrap;}
.rm-nav-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #79604355;border-radius:50%;color:#d7b580;background:radial-gradient(circle at 30% 10%,#85643b26,#11151d);box-shadow:inset 0 0 9px #0004;transition:transform .25s,border-color .25s,box-shadow .25s;}
.rm-nav-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;}
.rm-menu-item.rm-current>.rm-menu-button,.rm-menu-item.rm-open>.rm-menu-button,.rm-menu-button:hover{background:linear-gradient(180deg,#b6884220,#67332112);border-color:#6c503b66;color:#f3d4a1!important;}
.rm-menu-item:hover .rm-nav-icon,.rm-menu-item.rm-open .rm-nav-icon{transform:translateY(-2px);border-color:#d5a65d99;box-shadow:0 0 16px #c58c4522,inset 0 0 9px #0004;}
.rm-menu-item.rm-current:after{content:"";position:absolute;bottom:0;left:28%;right:28%;height:2px;background:linear-gradient(90deg,transparent,#eac28c,transparent);pointer-events:none;}
.rm-menu-item.rm-has-sub>.rm-menu-button{padding-right:19px;}
.rm-menu-toggle{position:absolute;right:1px;bottom:11px;width:22px;height:23px;margin:0;z-index:1;color:#c7ab83;}
.rm-menu-toggle[aria-expanded="true"]:after{transform:rotate(225deg) translate(-1px,-1px);}
.rm-topbar .rm-menu-item .rm-dropdown{display:none;top:100%;left:0;right:auto;width:344px;min-width:0;max-width:calc(100vw - 24px);padding:7px;border:1px solid #7b5b405c;border-top:2px solid #b78c5f;border-radius:0 0 10px 10px;background:#10141b;box-shadow:0 22px 60px #000b;}
.rm-topbar .rm-menu-item.rm-open .rm-dropdown{display:block;}
.rm-topbar.rm-nav-no-js .rm-menu-item:hover .rm-dropdown,.rm-topbar.rm-nav-no-js .rm-menu-item:focus-within .rm-dropdown{display:block;}
.rm-nav-art{position:relative;display:flex;align-items:flex-end;min-height:100px;margin-bottom:5px;padding:14px 16px;overflow:hidden;border-radius:4px;background-image:linear-gradient(0deg,#080c13dd,transparent 95%),var(--rm-card-art);background-size:cover;background-position:center 38%;isolation:isolate;}
.rm-nav-art:after{content:"";position:absolute;inset:6px;border:1px solid #e4bb712b;pointer-events:none;}
.rm-nav-art span{position:relative;z-index:1;color:#e8c897;font:14px Georgia,serif;letter-spacing:3px;text-shadow:0 2px 5px #000;}
.rm-dropdown-list{display:grid;grid-template-columns:1fr;gap:3px;padding:3px;}
.rm-dropdown-list.rm-two-col{grid-template-columns:repeat(2,minmax(0,1fr));}
.rm-topbar .rm-dropdown-list a{display:flex;align-items:center;justify-content:space-between;gap:7px;min-height:42px;padding:10px 11px;background:#ffffff03;border:1px solid transparent;color:#c9c4bc!important;font-size:11px;}
.rm-dropdown-list a:after{content:"\203a";color:#8d7354;font:18px Georgia,serif;}
.rm-topbar .rm-dropdown-list a:hover,.rm-topbar .rm-dropdown-list a:focus-visible,.rm-topbar .rm-dropdown-list a[aria-current="page"]{background:linear-gradient(100deg,#69513b50,#30251c20);border-color:#8c6c474d;color:#ffe0b2!important;}
.rm-topbar .rm-menu-item:last-child .rm-dropdown{left:auto;right:0;}
.rm-home-shortcuts.rm-menu-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.rm-home .rm-menu-gallery .rm-home-shortcut{position:relative;isolation:isolate;min-height:244px;padding:26px 20px 22px;overflow:hidden;border:1px solid #72593d77;border-radius:9px;display:flex;flex-direction:column;justify-content:flex-end;background:#11131b;box-shadow:0 8px 26px #0003;}
.rm-gallery-art{position:absolute;inset:0;z-index:-2;background-image:var(--rm-card-art);background-size:cover;background-position:center 36%;transition:transform .6s ease,filter .4s;}
.rm-home .rm-menu-gallery .rm-home-shortcut:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#090d15 3%,#090d15eb 20%,#0b0f16a0 46%,#090d1510 80%);}
.rm-home .rm-menu-gallery .rm-home-shortcut:after{content:"";position:absolute;inset:7px;border:1px solid #d8b97721;pointer-events:none;border-radius:4px;}
.rm-gallery-kicker{margin-bottom:auto;color:#ead4b0;letter-spacing:2.2px;font:9px Georgia,serif;text-shadow:0 2px 8px #000;}
.rm-home .rm-menu-gallery h3{margin:0 0 8px;color:#f1d3a2;font-size:18px;letter-spacing:-.5px;font-weight:500;}
.rm-home .rm-menu-gallery p{margin:0;max-width:90%;color:#b7b3ad;font-size:11px;line-height:1.8;}
.rm-home .rm-menu-gallery .rm-home-shortcut-arrow{right:19px;bottom:24px;color:#d4b182;}
.rm-home .rm-menu-gallery .rm-home-shortcut:hover{transform:translateY(-4px);border-color:#c49454;box-shadow:0 10px 35px #b56b2720;}
.rm-home .rm-menu-gallery .rm-home-shortcut:hover .rm-gallery-art{transform:scale(1.055);filter:brightness(1.16);}
/* Match the existing page navigation controls; keep destructive/action buttons unchanged. */
.rm-main-area .up-tabs{gap:8px;padding:12px;background:linear-gradient(145deg,#1c1b20,#10141b);border-color:#5a4938;border-radius:10px;}
.rm-main-area .up-tabs .up-tab-btn{min-width:120px;min-height:92px;padding:14px 10px 10px;border:1px solid #74583a88;border-radius:7px;background:linear-gradient(0deg,#10141bf0,#10141b55),url('/common/redmoon-menu/forge.jpg') center 37%/cover;color:#d5c5ac;font:600 12px var(--rm-font);box-shadow:none;text-shadow:0 1px 4px #000;}
.rm-main-area .up-tabs .up-tab-btn:before{content:"";display:block;width:26px;height:26px;margin:0 auto 9px;background:var(--rm-tab-icon) center/contain no-repeat;filter:drop-shadow(0 0 6px #e8a34466);}
.rm-main-area .up-tabs .up-tab-btn[data-tab="title"]{background-image:linear-gradient(0deg,#10141bf0,#10141b55),url('/common/redmoon-menu/ranking.jpg');}
.rm-main-area .up-tabs .up-tab-btn[data-tab="recovery"],.rm-main-area .up-tabs .up-tab-btn[data-tab="engrave"]{background-image:linear-gradient(0deg,#10141bf0,#10141b55),url('/common/redmoon-menu/event.jpg');}
.rm-main-area .up-tabs .up-tab-btn.active{border-color:#e2b56f;color:#fff0d0;box-shadow:inset 0 -3px #c78f42,0 0 16px #b6823525;}
.rm-main-area .up-tabs .up-tab-btn:hover{border-color:#c7a16b;filter:brightness(1.18);}
.rm-main-area .up-tabs .log-btn{display:inline-flex;justify-content:center;align-items:center;min-height:44px;margin:0;padding:10px 17px;border:1px solid #7b674f;border-radius:7px;background:linear-gradient(#322c25,#1b1b20);box-shadow:none;color:#e4c99f!important;font:600 12px var(--rm-font);text-decoration:none;}
.rm-main-area .top-btns .btn{border-radius:6px;border-color:#8c714e;background:linear-gradient(#413527,#211e1c);color:#ead0a6;font-family:var(--rm-font);box-shadow:0 3px 12px #0003;}
.rm-main-area .top-btns .btn-red{border-color:#92564f;background:linear-gradient(#512e2b,#2a1a1b);color:#f0b5a8;}
.rm-main-area .wrap>.menu a{display:inline-flex;align-items:center;justify-content:center;margin:3px 2px;padding:9px 13px;border:1px solid #6c563c;border-radius:5px;background:linear-gradient(#2e2923,#17191e);color:#d9c4a3;text-shadow:none;box-shadow:none;font:12px var(--rm-font);}
.rm-main-area .wrap>.menu a:hover{border-color:#b18c54;color:#ffe1ad;transform:translateY(-1px);}
@media(max-width:1200px){.rm-topbar-inner{gap:15px;}.rm-logo{padding-right:16px;}.rm-menu-button{padding-left:5px;padding-right:5px;font-size:11px;}.rm-menu{gap:2px;}.rm-home-shortcuts.rm-menu-gallery{grid-template-columns:repeat(2,minmax(0,1fr));}.rm-home .rm-menu-gallery .rm-home-shortcut{min-height:234px;}}
@media(max-width:980px){.rm-topbar-inner{gap:10px;padding-top:18px;padding-bottom:8px;}.rm-menu{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));width:100%;}.rm-logo{border:0;}.rm-menu-button{gap:7px;min-height:78px;padding:9px 4px;}.rm-menu-toggle{bottom:8px;}.rm-nav-label{font-size:11px;}}
@media(max-width:760px){.rm-menu{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 3px;}.rm-topbar-inner{padding:17px 14px 10px;}.rm-menu-button{min-height:73px;padding:8px 4px;}.rm-nav-icon{width:27px;height:27px;}.rm-nav-icon svg{width:18px;height:18px;}.rm-nav-label{font-size:11px;}.rm-topbar .rm-menu-item .rm-dropdown{position:fixed;top:var(--rm-dropdown-top,240px);left:12px!important;right:12px!important;width:auto;max-width:none;max-height:calc(100vh - var(--rm-dropdown-top,240px) - 12px);overflow-y:auto;border-radius:8px;}.rm-nav-art{min-height:80px;}.rm-topbar .rm-dropdown-list a{font-size:12px;min-height:44px;}.rm-home-shortcuts.rm-menu-gallery{gap:10px;}.rm-home .rm-menu-gallery .rm-home-shortcut{min-height:205px;padding:17px 14px;}.rm-home .rm-menu-gallery h3{font-size:16px;margin-bottom:6px;}.rm-home .rm-menu-gallery p{font-size:10px;max-width:92%;}.rm-gallery-kicker{font-size:8px;letter-spacing:1.3px;}.rm-home .rm-menu-gallery .rm-home-shortcut-arrow{right:12px;bottom:17px;}.rm-main-area .up-tabs .up-tab-btn{min-width:calc(50% - 4px);flex:1;min-height:86px;font-size:11px;}}
@media(prefers-reduced-motion:reduce){.rm-menu-button,.rm-nav-icon,.rm-gallery-art,.rm-home .rm-menu-gallery .rm-home-shortcut{animation:none!important;transition:none!important;}.rm-home .rm-menu-gallery .rm-home-shortcut:hover,.rm-home .rm-menu-gallery .rm-home-shortcut:hover .rm-gallery-art{transform:none;}}

.rm-main-area .up-tabs .up-tab-btn[data-tab="upgrade"]{--rm-tab-icon:url("/common/redmoon-menu/icon-forge.svg");}

.rm-main-area .up-tabs .up-tab-btn[data-tab="craft"]{--rm-tab-icon:url("/common/redmoon-menu/icon-craft.svg");}

.rm-main-area .up-tabs .up-tab-btn[data-tab="together"]{--rm-tab-icon:url("/common/redmoon-menu/icon-together.svg");}

.rm-main-area .up-tabs .up-tab-btn[data-tab="recycle"]{--rm-tab-icon:url("/common/redmoon-menu/icon-recycle.svg");}

.rm-main-area .up-tabs .up-tab-btn[data-tab="recovery"]{--rm-tab-icon:url("/common/redmoon-menu/icon-recovery.svg");}

.rm-main-area .up-tabs .up-tab-btn[data-tab="engrave"]{--rm-tab-icon:url("/common/redmoon-menu/icon-engrave.svg");}

.rm-main-area .up-tabs .up-tab-btn[data-tab="bazooka"]{--rm-tab-icon:url("/common/redmoon-menu/icon-bazooka.svg");}

.rm-main-area .up-tabs .up-tab-btn[data-tab="title"]{--rm-tab-icon:url("/common/redmoon-menu/icon-ranking.svg");}

/* Use the same readable Korean typeface in the existing forge content. */
.rm-main-area .up-stage{background:transparent;font-family:var(--rm-font);}
.rm-main-area .up-card{border:1px solid #66503766;background:linear-gradient(140deg,#1a1b21,#10151c);box-shadow:0 10px 35px #0003;}
.rm-main-area .up-title{font-family:var(--rm-font);font-size:25px;font-weight:500;color:#e4c18b;letter-spacing:.5px;}
.rm-main-area .up-info,.rm-main-area .up-table,.rm-main-area .up-table th,.rm-main-area .up-table td{font-family:var(--rm-font);}
/* A separate destination for the season archive. */
.rm-home .rm-home-hall{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:146px;margin-top:18px;padding:26px 30px;border:1px solid #98744b88;border-radius:8px;background:linear-gradient(90deg,#16151cf5,#16151ce3 45%,#16151c28),url('/common/redmoon-menu/hall-of-fame.jpg') center 23%/cover;color:#e4cba3;text-decoration:none;}
.rm-home-hall>span{display:flex;align-items:baseline;gap:22px;flex-wrap:wrap;}
.rm-home-hall small{font:9px Georgia,serif;letter-spacing:2px;color:#b2946e;}
.rm-home-hall strong{font:500 23px var(--rm-font);letter-spacing:2px;}
.rm-home-hall em{font:12px var(--rm-font);font-style:normal;color:#cbb69b;}
.rm-home-hall>b{font-weight:400;}
.rm-home-hall:hover{border-color:#d0a466;}
@media(max-width:760px){.rm-home .rm-home-hall{padding:22px;}.rm-home-hall>span{gap:10px 16px;}.rm-home-hall small{width:100%;}.rm-home-hall strong{font-size:19px;}}
