body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#root{align-items:flex-start;display:flex;height:100vh;justify-content:center;width:100%}.container{align-items:center;display:flex;flex-direction:column;position:relative;width:90%}.no-header{padding-top:0!important}html{font-family:Seoul Namsan,sans-serif;min-width:320px}body,html{display:flex;justify-content:center}body{align-items:center;background-image:url(/static/media/bg.c6eab92e221a08478c56.svg);flex-direction:column;margin:40px 0 20px;max-width:400px;width:100vh}.fill-eighty-height{height:80vh;max-height:80vh}.flex-1{flex-grow:1}.fill-flex-center{align-items:center;align-self:start;display:flex;flex-direction:column;flex-grow:1;justify-items:center;min-height:0;text-align:center;width:100%}:root{--line-1:#0052a4;--line-2:#00a84d;--line-3:#ef7c1c;--line-4:#00a5de;--line-5:#996cac;--line-6:#cd7c2f;--line-7:#747f00;--line-8:#e6186c;--line-9:#bdb092;--line-air:#0090d2;--line-gyeongui:#77c4a3;--line-uisinsul:#BOCE18;--line-gyeongang:#003da5;--line-gyeonchun:#0c8e72;--line-sinrim:#6789ca;--line-ever:#6fb245;--line-incheon1:#7ca8d5;--line-seohae:#81a914;--line-gimpo:#a17800;--line-sinbundang:#d4003b;--line-incheon2:#ed8b00;--line-suinbundang:#f5a200}@font-face{font-family:Seoul Namsan;font-weight:400;src:url(/static/media/SeoulNamsanM.047ac59bf87fa6d836a2.ttf) format("truetype")}@font-face{font-family:Seoul Namsan;font-weight:700;src:url(/static/media/SeoulNamsanB.db378c45f7e82cb0b1cf.ttf) format("truetype")}.line-1{outline-color:#0052a4!important;outline-color:var(--line-1)!important}.line-2{outline-color:#00a84d!important;outline-color:var(--line-2)!important}.line-3{outline-color:#ef7c1c!important;outline-color:var(--line-3)!important}.line-4{outline-color:#00a5de!important;outline-color:var(--line-4)!important}.line-5{outline-color:#996cac!important;outline-color:var(--line-5)!important}.line-6{outline-color:#cd7c2f!important;outline-color:var(--line-6)!important}.line-7{outline-color:#747f00!important;outline-color:var(--line-7)!important}.line-8{outline-color:#e6186c!important;outline-color:var(--line-8)!important}.line-9{outline-color:#bdb092!important;outline-color:var(--line-9)!important}.line-air{outline-color:#0090d2!important;outline-color:var(--line-air)!important}.line-gyeongui{outline-color:#77c4a3!important;outline-color:var(--line-gyeongui)!important}.line-uisinsul{outline-color:#BOCE18!important;outline-color:var(--line-uisinsul)!important}.line-gyeongang{outline-color:#003da5!important;outline-color:var(--line-gyeongang)!important}.line-gyeonchun{outline-color:#0c8e72!important;outline-color:var(--line-gyeonchun)!important}.line-sinrim{outline-color:#6789ca!important;outline-color:var(--line-sinrim)!important}.line-ever{outline-color:#6fb245!important;outline-color:var(--line-ever)!important}.line-incheon1{outline-color:#7ca8d5!important;outline-color:var(--line-incheon1)!important}.line-seohae{outline-color:#81a914!important;outline-color:var(--line-seohae)!important}.line-gimpo{outline-color:#a17800!important;outline-color:var(--line-gimpo)!important}.line-sinbundang{outline-color:#d4003b!important;outline-color:var(--line-sinbundang)!important}.line-incheon2{outline-color:#ed8b00!important;outline-color:var(--line-incheon2)!important}.line-suinbundang{outline-color:#f5a200!important;outline-color:var(--line-suinbundang)!important}span{display:contents}.gone{display:none!important}.fake-input{left:0;opacity:0;position:absolute;top:0;transform:translateY(50%)}.badge{align-items:center;background:#fff;border-radius:99999px;box-shadow:inset 0 0 3px #000,0 0 14px #000;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;font-family:Seoul Namsan,sans-serif;font-size:26px;justify-content:center;min-height:80px!important;outline:8px solid #000;outline-offset:-8px;padding:25px;position:relative;text-align:center;width:100%}.badge.btn:active{background:#dcdcdc}.badge>.badge-sub{font-size:16px}.badge-btn.home-btn{left:20px}.badge-btn.return-btn{right:16px}.share-btn>img{height:20px;width:20px}.badge-btn{align-items:center;background:var(--line-1);border-radius:25px;display:flex;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:50px}.badge-input{border:none;font-family:Seoul Namsan,sans-serif;font-size:24px;outline:none;text-align:center}.badge-input::placeholder{font-size:18px}.menu-title{display:flex;justify-content:center;margin-bottom:56px;position:relative;width:100%}.title-badge{width:60%}.title-strip{position:absolute;top:30%;width:100%;z-index:-1}.title-strip>#top{background:#f5a200;height:16px}.title-strip>#bottom{background:#00a84d;height:24px}.drop-down-btn{align-items:center;background:#4891ff;border-radius:18px;color:#fff;cursor:pointer;display:flex;height:36px;margin-bottom:30px;padding:0 20px 0 10px;width:fit-content}.drop-down-btn>img{border-radius:10px;box-shadow:0 0 3px #000;height:20px;margin-right:10px;width:20px}.game-list{width:90%}.game-list>div{margin-bottom:20px}.game-list>:first-child{outline-color:var(--line-1)}.game-list>:nth-child(2){outline-color:var(--line-3)}.game-list>:nth-child(3){outline-color:var(--line-4)}.content{align-items:center;background:#fff;border-radius:20px;display:flex;flex-direction:column;justify-items:center;margin-bottom:30px;outline:4px solid #000;padding:14px;text-align:center;width:100%}.content>img{max-height:200px}.content>img.problem-image{height:auto;max-height:none;width:100%}.guide-badge-container{display:flex;flex-direction:column;margin-bottom:20px;max-width:360px;position:fixed;top:40px;width:90%}.content-container{align-items:center;display:flex;flex-direction:column;margin-top:20px;width:100%}.red{color:red}.input-container{bottom:0;margin-bottom:40px;max-width:360px;position:fixed;width:90%}.footer,.input-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.footer{background-color:#fff;border-radius:20px;color:#000;font-weight:600;padding:20px}.score-board{flex-direction:column;justify-content:space-between;margin-bottom:40px;margin-top:25px;outline:4px solid #290505}.board-header,.score-board{align-items:center;display:flex;padding:0;width:100%}.board-header{background:#4b4842;color:#fff;flex-direction:row;font-size:20px;height:44px;justify-content:center}.board-header>.sub-title{display:flex;flex-direction:column;font-size:12px}.score-board>.board-body{background:#fff;display:grid;grid-template-columns:1fr 1fr;width:100%}.myRecord{color:red}.badges-container{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;margin:0;padding:0;width:100%}.board-score-item{border-bottom:1px solid #000;display:flex;flex-direction:row;padding:0}.board-score-item>.board-rank{height:auto;padding:6px;width:auto}.board-score-item>.records-list{display:flex;flex:1 1;flex-direction:column;height:auto;outline:1px solid #000;padding:6px;row-gap:6px}.rank-circle{align-items:center;background:#fc0;border-radius:9px;display:flex;font-family:sans-serif;font-size:10px;font-weight:700;height:18px;justify-content:center;outline:1px solid #000;width:18px}.separator{background:#fff;height:16px;margin:0 10px;width:2px}.record>.name{font-size:14px;font-weight:700}.record>.score{font-size:10px}.route-problem-container{display:flex;margin-top:30px}.choose-station-container,.route-problem-container{align-items:center;flex-direction:column;justify-content:center;width:100%}.choose-station-container{grid-column-gap:10px;grid-row-gap:10px;display:grid;grid-template-columns:1fr 1fr;padding-bottom:20px}.choose-station-container>.badge{outline-color:var(--line-2)}.route-problem-container>img{height:40px;margin-bottom:20px;width:40px}.route-problem-container>.badge{margin-bottom:20px}.bubble{align-items:center;background:#fff;border-radius:14px;display:flex;flex-direction:row;justify-items:center;margin-bottom:16px;padding:8px 14px 8px 10px;position:relative;width:fit-content}.bubble-left{align-self:flex-start}.bubble-right{align-self:flex-end}.bubble-right:after{border-left:10px solid #fff;left:100%}.bubble-left:after,.bubble-right:after{border-bottom:10px solid #0000;border-top:10px solid #0000;content:"";display:block;height:0;margin-top:-10px;position:absolute;top:50%;width:0}.bubble-left:after{border-right:10px solid #fff;right:100%}.line-circle{align-items:center;border-radius:50%;color:#fff;display:flex;height:60px;justify-content:center;width:60px}.bubble>img{height:100%;margin:0 10px}.station-name{font-size:20px;margin-left:20px}.bubble-container{display:flex;flex-direction:column;flex-grow:1;overflow-x:scroll;padding:0 10px;width:100%}.bubble-container>:first-child{margin-top:auto!important}.bubble-container::-webkit-scrollbar{display:none}.report-btn{align-items:center;background:red;border-radius:12px;box-shadow:0 0 3px #000;color:#fff;display:flex;flex-direction:column;margin-bottom:20px;outline-color:#fff;padding:14px 15px}.report-btn>.report-guide{margin:20px 0;text-align:center}.report-btn>.report-header{align-items:center;display:flex;font-size:18px;font-weight:700;justify-content:center}.report-btn>.action-btn{border-radius:6px;font-size:16px;justify-content:center;margin-bottom:10px;padding:7px 33px;width:150px}.report-btn>.action-btn,.transfer-btn{background:#fff;color:#000;display:flex}.transfer-btn{align-items:center;border-radius:100px;justify-self:center;margin-bottom:20px;padding:7px 12px;width:fit-content}.transfer-btn>img{height:18px;width:18px}.transfer-btn>img:nth-child(2){margin-left:8px}.transfer-btn>img{margin-right:8px}.report-header>img{height:18px;margin-right:6px;width:18px}.report-header>.report-count{margin-left:20px}.transfer-btn>.line-tag{align-items:center;border-radius:100px;color:#fff;display:flex;padding:2px 7px}.line-picker{grid-column-gap:20px;grid-row-gap:20px;column-gap:20px;display:grid;grid-template-columns:1fr 1fr 1fr;margin-bottom:200px;row-gap:20px}.line-picker-item{align-items:center;aspect-ratio:1/1;border-radius:50%;color:#fff;display:flex;font-size:26px;font-weight:700;justify-content:center;outline:2px solid #fff;text-align:center;white-space:pre-wrap;width:100%}