.home-button90{display:grid;place-items:center;width:33px;height:33px;color:#d5b16b;border:1px solid #6a5232;border-radius:6px;text-decoration:none;background:linear-gradient(#2b211b,#15110f);flex-shrink:0;margin-left:-8px}.home-button90 svg{width:18px;height:18px}.top .in{gap:15px}.hero87 .hero-actions{gap:15px;margin-top:30px}.hero87 .hero-actions .btn{position:relative;isolation:isolate;overflow:hidden;min-width:225px;min-height:65px;display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:14px 27px;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%);border:0;border-radius:0;background:linear-gradient(120deg,#a77933,#ffe5a0 42%,#bf914b 70%,#8d5b27);color:#ffe8b4;font:700 22px/1.2 'Malgun Gothic',serif;letter-spacing:2px;text-shadow:0 2px 3px #000;box-shadow:0 5px 18px #0008}.hero87 .hero-actions .btn:before{content:'';position:absolute;inset:2px;z-index:-1;background:linear-gradient(#39291b,#1b1310 45%,#302016);clip-path:inherit;border-top:1px solid #f7d28466;border-bottom:1px solid #000}.hero87 .hero-actions .primary:before{background:radial-gradient(ellipse at 50% 0,#e5493c99,transparent 70%),linear-gradient(#9c2825,#6e171c 50%,#98282a)}.hero87 .hero-actions .btn:after{content:'';position:absolute;inset:6px 16px;z-index:-1;border-top:1px solid #ffdf9980;border-bottom:1px solid #ffdf9950;transition:background .2s}.hero87 .hero-actions .btn:hover:after{background:#ffdb9c17}.hero87 .hero-actions .btn:hover{filter:brightness(1.14);transform:translateY(-1px)}.hero-actions svg{width:27px;height:27px;fill:none;stroke:#ffe0a0;stroke-width:1.6;filter:drop-shadow(0 1px 1px #000)}.hero87 .hero-actions .btn:focus-visible,.home-button90:focus-visible{outline:3px solid #fff;outline-offset:4px}.race-select90{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.race-select90 button{display:flex;align-items:center;gap:10px;text-align:left;background:linear-gradient(#251f20,#181619);color:#ead7b0;border:1px solid #504033;border-radius:9px;padding:13px;cursor:pointer}.race-select90 button.on{border-color:#cfaa68;box-shadow:inset 0 0 30px #b1803220}.race-select90 img{width:64px;height:64px;object-fit:contain}.race-select90 b{font-size:18px;display:block;margin-bottom:5px}.race-select90 small{font-size:11px;color:#b3a698;line-height:1.7;display:block}.class-road90{border:1px solid #5c4730;border-radius:10px;background:radial-gradient(ellipse at 20% 20%,#2a2328,#151317 80%);overflow:hidden}.class-road90>header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #59432f;background:#211a19}.class-road90 h3{margin:4px 0}.class-road90 header p{font-size:12px;color:#dfc49b;line-height:1.8;margin:0}.class-road90 header small{color:#a69a8e}.class-scroll90{overflow:auto;max-height:640px;scrollbar-color:#9b7748 #1a1718;overscroll-behavior:contain}.class-stage90{position:relative}.class-stage90 svg{position:absolute;inset:0;pointer-events:none}.class-stage90 path{stroke:#9d7d47;stroke-width:2;fill:none}.class-node90{position:absolute;display:flex;align-items:center;gap:9px;width:228px;height:88px;background:linear-gradient(130deg,#3a2c24,#221c1c);border:1px solid #8e6e44;border-radius:8px;padding:9px 11px;color:#ecd7ae;text-align:left;box-shadow:0 3px 6px #0005;cursor:pointer}.class-node90:hover,.class-node90.on{border-color:#ebca82;background:linear-gradient(130deg,#54402a,#30221f)}.class-node90 img{width:40px;height:40px;object-fit:contain;flex-shrink:0}.class-node90 span{min-width:0}.class-node90 small{display:block;color:#b29c7f;font-size:10px;margin-bottom:2px}.class-node90 b{font-size:13px;display:block;color:#f6dda9}.class-node90 em{display:block;font-style:normal;font-size:10px;color:#c4b5a5;line-height:1.5;margin-top:4px}.class-road-foot90{padding:12px 18px;font-size:11px;color:#bea986;border-top:1px solid #4f3c2c}.class-detail90{margin-top:22px;border:1px solid #5b4730;padding:20px;border-radius:10px;background:#211c1c}.class-detail90>header{display:flex;gap:16px;align-items:center}.class-detail90>header>img{width:70px;height:70px}.class-detail90 header h3{margin:0}.class-detail90 header p{font-size:13px}.class-detail90 header small{font-size:12px;color:#c3a76b}.map-tools90{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0}.map-tools90>div{display:flex;gap:8px;flex-wrap:wrap}.map-tools90 label{font-size:12px;color:#c4ae8c;display:flex;align-items:center;gap:8px}.map-tools90 input{width:180px}.map-grid90{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.map-card90{border:1px solid #564333;background:#211b1b;border-radius:9px;overflow:hidden}.map-card90>button{display:block;position:relative;border:0;padding:0;width:100%;background:#171518;cursor:zoom-in}.map-card90 img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.map-card90 button span{position:absolute;left:10px;bottom:10px;padding:4px 8px;border:1px solid #c8a16277;border-radius:4px;background:#1a151ce3;color:#f0dcae;font-size:10px}.map-card90>div{padding:14px 16px 16px}.map-card90 h3{font-size:16px;margin:0 0 7px}.map-card90 p{font-size:11px;color:#b7a38c;line-height:1.8;margin:0}.map-card90 small{color:#918478;font-size:10px}.map-card90 details{margin-top:10px;font-size:11px;color:#d1b488}.map-card90 details p{margin-top:8px}.map-source90{color:#978575;font-size:11px;margin:20px 0}.pet-info-grid{grid-template-columns:repeat(5,1fr)}
@media(max-width:1100px){.top .in{gap:9px}.top .brand b{font-size:19px}.top nav{gap:3px}.top nav a{padding:8px;font-size:12px}.race-select90{grid-template-columns:repeat(2,1fr)}.map-grid90{grid-template-columns:repeat(2,1fr)}.hero87 .hero-actions .btn{min-width:180px;font-size:19px;min-height:58px}.pet-info-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:600px){.top .brand b{font-size:16px}.home-button90{width:29px;height:29px;margin-left:0}.hero87 .hero-actions{gap:10px}.hero87 .hero-actions .btn{min-width:0;font-size:16px;min-height:54px;padding:12px 20px;letter-spacing:1px;gap:9px}.hero-actions svg{width:22px;height:22px}.race-select90{gap:8px}.race-select90 button{padding:9px;gap:8px}.race-select90 img{width:42px;height:42px}.race-select90 b{font-size:15px}.race-select90 small{font-size:10px}.class-road90>header{align-items:flex-start;padding:15px;gap:12px}.class-road90 header p{font-size:10px}.class-road90 header small{font-size:9px}.class-scroll90{max-height:570px}.map-tools90{flex-wrap:wrap}.map-grid90{gap:10px}.map-card90>div{padding:11px}.map-card90 h3{font-size:13px}.map-card90 p{font-size:10px}.map-tools90 input{width:200px}.pet-info-grid{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){.hero87 .hero-actions .btn{transition:none;transform:none!important}}