.retro-ladder-modal{width:min(980px,calc(100% - 24px));max-width:none;background:#ede5d2!important;color:#383226!important;border:5px solid #4b402b;border-radius:3px!important}.retro-ladder-modal .ladder-dialog{padding:0;background:repeating-linear-gradient(90deg,rgba(120,91,51,.025) 0 2px,transparent 2px 10px),#eee5d1}.retro-ladder-modal .close{z-index:4;color:#4c402d}.retro-ladder-head{min-height:112px;display:flex;align-items:center;gap:20px;padding:19px 28px;border-bottom:7px solid #a18b63;background:linear-gradient(#eadbc1,#f5ecdc)}.retro-ladder-logo{display:flex;align-items:flex-end;gap:5px;height:54px}.retro-ladder-logo i{display:block;width:15px;border:3px solid currentColor;border-top:0}.retro-ladder-logo i:nth-child(1){height:49px;color:#e15c56}.retro-ladder-logo i:nth-child(2){height:35px;color:#cf2e35}.retro-ladder-logo i:nth-child(3){height:27px;color:#2783cb}.retro-ladder-head small{color:#8f6a39;font-size:9px;font-weight:800;letter-spacing:.16em}.retro-ladder-head h2{margin:1px 0!important;color:#332c22!important;font-family:"Gowun Dodum",sans-serif!important;font-size:34px!important}.retro-ladder-head p{margin:0;color:#756951;font-size:11px}.ladder-bgm-toggle{margin-left:auto;margin-right:24px;padding:9px 12px;border:1px solid #9e8c69;border-radius:4px;background:#f8f0df;color:#66563a;font-size:11px;font-weight:800;cursor:pointer}.ladder-bgm-toggle.on{background:#d9514e;color:#fff;border-color:#b73b38}.retro-ladder-meta{display:flex;justify-content:space-between;padding:10px 25px;border-bottom:1px solid #b5a789;background:#f6efdf;color:#685d48;font-size:10px}.retro-ladder-meta a{color:#8b6c3f}.retro-ladder-body{display:grid;grid-template-columns:minmax(0,1fr) 210px;min-height:520px}.retro-game-board{max-width:none!important;margin:0!important;padding:22px!important;background:transparent!important}.retro-ladder-modal .ladder-dialog canvas{display:block;width:100%;height:auto;max-height:340px;border:3px solid #4a422d;border-radius:0;background:#f8f1df!important;box-shadow:inset 0 0 0 7px #ded3bb}.retro-result{margin:-85px auto 14px;position:relative;z-index:2;width:70%;min-height:74px;display:grid;place-items:center;padding:12px;border:4px solid #3d3827;background:#292719;color:#e5c771;box-shadow:0 5px 0 rgba(75,61,37,.25)}.retro-result p{margin:0!important;color:#e5c771!important;font-size:13px!important;font-weight:800}.retro-ladder-modal #runLadder{display:block;width:210px;margin:0 auto;padding:12px;border:3px solid #786a4e;border-radius:3px;background:linear-gradient(#fbf4e5,#d9cdb4);color:#433b2c;box-shadow:0 3px 0 #a69678}.retro-ladder-modal #runLadder:disabled{opacity:.75}.retro-balance{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-top:18px}.retro-balance i{height:16px}.retro-balance .blue{background:linear-gradient(#30a5ec,#0874c5);border-radius:10px 0 0 10px}.retro-balance .red{background:linear-gradient(#f44e57,#d51f30);border-radius:0 10px 10px 0}.retro-balance b{display:flex;align-items:center;color:#75694f;font-size:10px}.retro-balance em{display:grid;place-items:center;width:34px;height:24px;margin:0 7px;border-radius:12px;background:#514b3c;color:#fff;font-style:normal}.retro-ladder-body aside{border-left:7px solid #9b8965;background:#e8dfca}.retro-ladder-body aside h3{margin:0;padding:15px;background:#6c5a3c;color:#fff7e6;text-align:center;font-size:14px}.ladder-recent{display:flex;flex-direction:column;gap:1px;padding:8px}.ladder-recent span{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid #c8b99c;color:#70634a;font-size:10px}.ladder-recent span b{color:#1680cf}.ladder-recent span:nth-child(even) b{color:#d43943}.ladder-recent-empty{padding:30px 8px;color:#998b70;text-align:center;font-size:10px}.ladder-bgm-frame{position:absolute;width:1px;height:1px;left:-9999px;opacity:.01;pointer-events:none}@media(max-width:760px){.retro-ladder-head{padding:15px}.retro-ladder-head h2{font-size:26px!important}.retro-ladder-head p{display:none}.ladder-bgm-toggle{margin:0 22px 0 auto}.retro-ladder-body{grid-template-columns:1fr}.retro-ladder-body aside{border:0;border-top:6px solid #9b8965;min-height:150px}.retro-result{width:88%;margin-top:-70px}.retro-game-board{padding:12px!important}}