:root{--header-height: 0px}main{margin-top:var(--header-height)}.header-toggle-button{color:var(--color-header-text-light);font-family:"Press Start 2P",serif}.header-container{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;position:fixed;top:0;left:0;width:100%;z-index:10000}.header-left{display:flex;flex-direction:column}#header{background-color:var(--color-header-bg);width:100vw;top:0;left:50%;transform:translate(-50%);border-radius:2px;font-family:"Press Start 2P",serif}#header a{color:var(--color-header-text-light);font-size:12px;text-decoration:none;transition:filter .3s ease}#header a:hover{filter:var(--color-btn-hover-filter);transition:filter .3s ease}.custom-nav-item{padding-top:2px;line-height:10px}.custom-nav-item:first-of-type{text-transform:uppercase}.custom-nav-link.active{color:var(--color-header-text-active)!important;font-size:12px!important;text-decoration:none;transition:font-weight .3s ease}.header-toggle-button{background:none;border:none;cursor:pointer;font-size:1.5rem;display:block;position:fixed;right:25px;top:15px;z-index:10001}.custom-drawer-wrapper{display:block;position:relative;overflow:hidden;max-height:0;transition:max-height .3s ease-in-out;box-shadow:0 2px 5px #0000004d;z-index:1000;border-radius:0 0 4px 4px;width:100%}.custom-drawer-wrapper.expanded{max-height:500px}.custom-nav-list{list-style:none;margin:0;padding:10px;display:flex;flex-direction:column}.custom-nav-link{text-decoration:none;display:block;transition:background-color .3s ease-in-out;font-size:1.2rem;color:var(--color-header-text-default);padding:8px 10px}ol.download-info{padding:0 25px;margin:3px 0}@media (min-width: 769px){.header-container{justify-content:flex-start}.header-left{flex-direction:row;align-items:center}.header-toggle-button{display:none}.custom-nav-link{font-size:1rem;padding:5px 0}.custom-nav-list{flex-direction:row;padding:0}.custom-nav-item{margin:10px 0}.custom-nav-item{margin:0 15px}.custom-drawer-wrapper{display:flex;align-items:center;position:static;max-height:none;overflow:visible;box-shadow:none;z-index:auto;border-radius:0;width:auto;margin-left:20px;background-color:transparent}#header{background-color:var(--color-header-bg);position:absolute;width:95vw;top:10px;left:50%;transform:translate(-50%);border-radius:2px;font-family:"Press Start 2P",serif}}.footer{position:static;bottom:0;left:0;padding:10px 0;font-family:"Press Start 2P",serif;color:var(--color-footer-text);width:auto;max-width:none;margin:0;box-sizing:border-box;background-color:transparent;border-top:none;box-shadow:none;transition:none}#copyright{position:relative;top:10px}.footer-content{font-size:9px;line-height:10px;text-shadow:none}.container{font-family:"Monospace",monospace}main{padding-top:60px;transition:padding-top .3s ease-in-out}h2{font-family:"Press Start 2P",serif;font-size:17px;padding:0;margin:15px 0 30px;color:var(--color-body-color)}h3{font-family:"Press Start 2P",serif;font-size:16px;padding:0;margin:10px 0 0;color:var(--color-body-color);text-decoration:none!important;text-align:center}.link-header,h3 a{font-family:"Press Start 2P",serif;font-size:13px;padding:0;margin:30px 0 0;color:var(--color-body-color);text-decoration:none!important}main a{color:var(--color-body-color);transition:filter .3s ease;text-decoration:dotted underline 1px var(--color-body-color)}main a:hover{filter:var(--color-btn-hover-filter);transition:filter .3s ease}main{font-family:monospace;font-size:15px}ul.main-info{margin:-10px 0!important;padding:0 18px}hr{border:dotted 2px var( --color-checkbox-border);border-top:none;margin:10px}:root{--color-body-bg: #ebe7dd;--color-body-color: #7f836c;--color-text-secondary: #8B9C88;--color-text-light: #fcfdf8;--color-text-dark: #484940;--color-text-secondary-dark: #878a7485;--color-text-card-dark: #6B7A6D;--color-text-clear: #F9F6F2;--color-bg-input-group: #f3f2ee;--color-bg-btn-group: #d4cfc0;--color-bg-btn-group-checked: #c2baa9;--color-bg-btn-clan-cont-checked: #a79d87;--color-bg-table-cell: #ddd8ce;--color-bg-table-cell-lit: #c0baa9;--color-bg-table-cell-dawey: #95a080;--color-bg-loc-num-tooltip: #fffcf0;--color-bg-swim-group: #C7C2A4;--color-border-default: #c9c4b9;--color-border-btn-group: #A89C70;--color-border-btn-group-separator: #9C9070;--color-checkbox-bg: #ddd8ce;--color-checkbox-border: #C6C2B6;--color-checkbox-checkmark: #5f5d4e;--color-card-border: #ccc4ad;--color-card-bg: #e0ddd0;--color-btn-hover-filter: brightness(96%);--color-header-text-light: #e3e4d4;--color-header-bg: #889482;--color-header-text-active: #fefff0;--color-footer-text: #7b8571;--color-footer-bg: #4E5B5D;--color-path-start: #D0B86D;--color-path-end: #A89F87;--color-path-arrow: #8B9C88;--color-path-highlight: #C7C2A4}.custom-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.custom-modal{background-color:#fff;padding:20px;border-radius:8px;max-width:400px;width:90%;box-shadow:0 2px 10px #0000004d}.custom-modal h2{margin-top:0;margin-bottom:15px}.custom-modal input[type=text]{width:100%;padding:8px;margin-bottom:15px;box-sizing:border-box;border:1px solid #ccc;border-radius:4px}.custom-modal button{padding:8px 16px;background-color:#007bff;border:none;color:#fff;border-radius:4px;cursor:pointer}.custom-modal button:hover{background-color:#0056b3}#red-text{color:#ed3535}#remarka{font-weight:700}.custom-modal h2,.custom-modal button{text-align:center}.container>p{margin:10px 0 20px;font-size:15px}#from_chk,#to_chk{margin:3px 3px 1px 8px}label[for=from_chk],label[for=to_chk]{padding:3px 13px}.pathfind-table{border-collapse:collapse;margin:0 auto 10px;-webkit-user-select:none;user-select:none}.number-location{display:flex;justify-content:space-between;align-items:center;margin:0}.pathfind-table td:not(.table-header>td){height:30px;width:20px;border:1px solid var(--color-border-default);padding:0;position:relative;background-color:var(--color-bg-table-cell)}.pathfind-table td.dawey{background-color:var(--color-bg-table-cell-dawey)}.loc_num{font-size:.65em;color:var(--color-text-dark);position:absolute;bottom:1px;right:1px;font-weight:700}.path td .loc_num{z-index:20;display:inline-flex;right:16px;bottom:-11px;-webkit-user-select:text;user-select:text;background:var(--color-bg-loc-num-tooltip);padding:1px 5px;border-radius:6px 0 6px 6px;box-shadow:0 0 3px #0000004d;white-space:nowrap;opacity:0!important;pointer-events:none;transition:opacity .3s ease}.path td:hover .loc_num{opacity:1!important}.lit{background-color:var(--color-bg-table-cell-lit)!important}td.dawey{background-color:var(--color-bg-table-cell-dawey)!important}#pathfind-container{display:flex;flex-wrap:wrap;align-content:center;align-items:flex-start;justify-content:space-around}#path-location{display:flex;flex-wrap:wrap;align-content:center;align-items:center;justify-content:center}#path-location>div{margin:0 30px 30px}#where-from{display:flex;justify-content:center;align-items:center;margin:15px}#where-from .btn{padding:3px 15px;font-size:16px}#path-buttons{display:flex;flex-wrap:wrap;justify-content:space-evenly;align-content:center;align-items:center;margin:-17px 0 27px}.show{display:flex;flex-direction:column}#search-table{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;align-items:center}.search{margin:5px 15px}#search-header{display:inline}.text-center{text-align:center}p i{font-size:.85em;font-style:italic;text-align:center;display:block;margin-bottom:15px}p{-webkit-user-select:text;user-select:text}#from_num,#to_num,#sh_loc{border-radius:3px;font-size:.85rem;padding:6px 13px;cursor:pointer;border:none;-webkit-user-select:none;user-select:none;text-align:center;transition:background-color .3s ease;background-color:var(--color-bg-input-group);color:var( --color-text-dark)}#from_num::placeholder,#to_num::placeholder,#sh_loc::placeholder{color:var(--color-text-secondary-dark)}.btn{border-radius:3px;font-size:.85rem;padding:6px 13px;cursor:pointer;border:none;-webkit-user-select:none;user-select:none;transition:.3s ease;background-color:var(--color-bg-btn-group);color:var( --color-text-light)}.btn:hover,.clear:hover{filter:var(--color-btn-hover-filter);transition:.3s ease}.btn:not(#where-from .btn){background-color:var(--color-bg-btn-group-checked)}.btn-sm{font-size:.75rem;padding:3px 8px}#sShow{margin:15px 0 0 10px}#where-from .btn[for=dush]{border-radius:3px 0 0 3px}#where-from .btn[for=stepi]{border-radius:0 3px 3px 0}.btn-check{display:none}.btn-group{display:inline-flex;border-radius:3px;overflow:hidden;border:1px solid var(--color-border-btn-group)}.btn-check:checked+.btn{background-color:var(--color-bg-btn-group-checked)}.clear{color:var(--color-text-clear);background-color:var(--color-bg-btn-group-checked);font-weight:700;font-size:1.2em;line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none;text-align:center;padding:2px 5px;border-radius:3px;transition:.3s ease}.hidden{display:none}.game-cell{display:block;height:30px;width:20px;background-color:var(--color-bg-table-cell);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .3s ease}.hidden:checked+.game-cell{background-color:var(--color-bg-table-cell-lit);border-color:var(--color-border-game-cell-checked)}.center{text-align:center}.search{margin-bottom:10px}input[type=checkbox]{display:none}.custom-checkbox{width:15px;height:15px;line-height:15px;background-color:var(--color-checkbox-bg);border:2px solid var(--color-checkbox-border);display:inline-block;cursor:pointer;position:relative}input[type=checkbox]:checked+.custom-checkbox{background-color:var(--color-checkbox-bg)}input[type=checkbox]:checked+.custom-checkbox:after{content:"";position:absolute;left:4px;top:-3px;width:6px;height:15px;border:2px solid var(--color-checkbox-checkmark);border-width:0 2px 2px 0;transform:rotate(45deg)}body{background-color:var(--color-body-bg);color:var(--color-body-color)}.card{position:relative;display:flex;flex-direction:column;word-wrap:break-word;background-clip:border-box;border:1px solid var(--color-card-border);border-radius:.25rem;background-color:var(--color-card-bg);margin:0 10px 20px;color:var(--color-text-card-dark)}.calc-act-card{display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center;padding:15px 0}.calc-lvl-card{display:flex;flex-wrap:wrap;padding:15px 0;justify-content:center}.swim-lvl-from,.swim-lvl-to,.swim-lvl-time{display:flex;align-items:center;justify-content:space-evenly;margin:3px 0}.swim-lvl-txt,.swim-lvl-label{margin:0 10px}.swim-lvl-from>.swim-lvl-txt:nth-of-type(2){width:35px}.calc-action{font-size:14px;margin:0 10px}.calc-action p{margin:5px 0}.calc-lvl-block{width:80%;display:grid;justify-items:center}.swim-lvl-time-txt{margin:0 10px}.swim-lvl-input input,.swim-lvl-input select{width:35px;margin:5px 0;color:var(--color-text-dark)!important}#howFarRes p{font-size:14px;margin:10px 0;text-align:center}#howFar{margin:5px 0 0}#clan-container{display:grid!important;gap:.45rem!important}#swimaway-container{display:flex;width:100%;justify-content:center;flex-wrap:wrap}.swim-lvl{display:grid;grid-auto-flow:column;justify-content:space-between;margin:5px}label[for=bornSwim],label[for=wentSwim],label[for=notSwim]{font-size:15px!important;text-align:center;margin:5px 10px;padding:10px 13px!important}#clan-container>.btn-check:checked+.btn{background-color:var(--color-bg-btn-clan-cont-checked)}#yourLv,#locLv,#d1eSL,#bSLб,#d1bSL,#d2bSL,#d3bSL,#d2eSL,#hourExp{border-radius:3px;padding:2px 10px;margin:0 5px;cursor:pointer;border:none;-webkit-user-select:none;user-select:none;text-align:center;transition:background-color .3s ease;background-color:var(--color-bg-input-group);color:var(--color-text-dark)!important}select#bSL,select#eSL{border-radius:3px;padding:2px 10px;margin:0 5px;width:50px;cursor:pointer;border:none;-webkit-user-select:none;user-select:none;text-align:center;transition:background-color .3s ease;background-color:var(--color-bg-input-group);color:var(--color-text-dark)!important}
