@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap);.feature-link{color:inherit;text-decoration:none}.feature-link:hover{text-decoration:underline}.author-name{bottom:10px;color:#555;font-size:14px;position:absolute;right:10px}.home-container{background:#f9f9f9;color:#333;padding:2rem;text-align:center}.home-container h1{color:#4caf50;font-size:2.5rem;margin-bottom:1rem}.home-container p{font-size:1.2rem;margin-bottom:2rem}.note{background:#ffeb3b;border-radius:5px;color:#333;font-size:1rem;margin-bottom:2rem;padding:1rem}.features{display:flex;flex-wrap:wrap;justify-content:space-around}.feature{background:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin:1rem;padding:1rem;transition:transform .3s;width:250px}.feature:hover{transform:scale(1.05)}.feature h2{color:#4caf50;font-size:1.5rem;margin-bottom:.5rem}.feature p{color:#666;font-size:1rem}.create-route-container{background-color:#fff;border-radius:16px;box-shadow:0 0 16px #00000014;margin:2em auto;max-width:600px;padding:2em 1em}h1{color:#2d3a4a;font-size:2rem;margin-bottom:.5em;text-align:center}input[type=text],select,textarea{background:#f7f9fa;border:1px solid #bbb;border-radius:6px;font-size:1rem;margin-bottom:18px;padding:10px;transition:border .2s;width:100%}input[type=text]:focus,select:focus,textarea:focus{border:1.5px solid #4caf50;outline:none}textarea{min-height:80px;resize:vertical}.section-title{color:#4caf50;font-size:1.15rem;font-weight:600;letter-spacing:.5px;margin:1.5em 0 .5em}.dropdown-group{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.control-group{display:flex;flex:1 1 100px;flex-direction:column;gap:2px;min-width:100px}.image-selection-container{margin-bottom:1.5em}.image-selection{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.image-preview{border:2px solid #eee;border-radius:6px;box-shadow:0 1px 4px #0000000a;cursor:pointer;height:60px;object-fit:cover;transition:border .2s,box-shadow .2s;width:80px}.image-preview.selected{border-color:#4caf50;box-shadow:0 2px 8px #4caf5026}.hold-container{margin-bottom:1.5em;text-align:center}.image-wrapper{border-radius:10px;box-shadow:0 2px 8px #00000014}.selected-image{display:block}.hold{border:2px solid #fff}.hold.outline{border-style:solid;border-width:2px}.button-group{gap:1em;justify-content:center;margin-top:2em}button{background-color:#4caf50;border-radius:6px;box-shadow:0 1px 4px #4caf5014;font-size:1rem;font-weight:500;padding:10px 22px;transition:background .2s,box-shadow .2s}button:hover{background-color:#388e3c}.undo-button{color:#333}.save-button:disabled{background-color:#bdbdbd;cursor:not-allowed}@media (max-width:700px){.create-route-container{padding:1em .5em}.dropdown-group{flex-direction:column;gap:8px}.image-wrapper{max-width:98vw}}.route-card{background:#fff;border:1px solid #ccc;border-radius:10px;box-shadow:0 4px 8px #0000001a;cursor:pointer;font-size:.9rem;margin:0;max-width:120px;min-width:120px;overflow:hidden;padding:6px;position:relative;transition:transform .2s;width:120px}.route-card:hover{transform:scale(1.05)}.route-card-image-wrapper{border-bottom:1px solid #ccc;overflow:hidden;padding-top:120%;position:relative;width:100%}.route-card-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.route-card h3,.route-card p{font-size:.85rem;margin:4px 0}.route-card-color-bar{border-radius:10px 10px 0 0;height:6px;left:0;position:absolute;top:0;width:100%;z-index:2}@media (max-width:600px){.route-card{max-width:90px;min-width:90px;padding:3px;width:90px}.route-card-image-wrapper{padding-top:90%}}.route-modal{align-items:center;background:#00000059;height:100vh;justify-content:center;z-index:9999}.route-modal,.route-modal-content{display:flex;left:0;position:fixed;top:0;width:100vw}.route-modal-content{background:#fff;border-radius:0 0 12px 12px;box-sizing:border-box;flex-direction:column;height:100dvh;max-height:100dvh;max-width:420px;overflow-y:auto;padding:0;z-index:1001}@media (max-width:600px){.route-modal-content{border-radius:0;height:100dvh;max-height:100dvh;max-width:100vw;padding:0;width:100vw}.card-back,.card-front{padding:8px!important}.image-wrapper{max-height:none!important;max-width:98vw!important}}.card-back,.card-front{-webkit-backface-visibility:visible;backface-visibility:visible;border-radius:10px;box-sizing:border-box;flex:1 1 auto;min-height:100px;overflow-y:auto;padding:16px;position:relative;width:100%}.card-front{background-color:#fff;transform:rotateY(0deg)}.route-modal-content.flipped .card-front{transform:rotateY(180deg)}.route-modal-content.flipped .card-back{transform:rotateY(0deg)}.close{color:#000;cursor:pointer;float:right;font-size:28px;font-weight:700}.close:focus,.close:hover{color:#000;text-decoration:none}.image-wrapper{aspect-ratio:1058/1158;background:#222;margin:0 auto;max-width:400px;overflow:hidden;position:relative;width:100%}.selected-image{height:100%;left:0;object-fit:contain;position:absolute;top:0;width:100%}.hold{border-radius:50%;border-style:solid;border-width:2px;pointer-events:none;position:absolute;transform:translate(-50%,-50%);transition:transform .2s ease-in-out}.hold.circle{border-radius:50%}.hold.square{border-radius:0}.hold.filled{background-color:red}.hold.outline{background-color:initial}.hold.small{height:8px;width:8px}.hold.medium{height:16px;width:16px}.hold.large{height:24px;width:24px}.hold.start{background-color:green}.hold.top{background-color:blue}.hold:hover{transform:translate(-50%,-50%) scale(1.2)}.hold-label{color:#fff;font-size:.75em;font-weight:700;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.button-group{display:flex;gap:1rem;margin-top:20px}button{background-color:#007bff;border-radius:5px;font-size:14px;padding:10px 15px;text-align:center}button:hover{background-color:#0056b3}.card-back{align-items:center;background-color:#222;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:20px;text-align:center;transform:rotateY(180deg)}.card-back h3{font-size:1.5em;margin-bottom:20px}.card-back h3,.card-back ol{font-family:Press Start\ 2P,cursive}.card-back ol{color:#fd0;font-size:1em;list-style-type:none;max-height:300px;overflow-y:auto;padding:0;text-align:left}.card-back li{margin-bottom:10px}.card-back button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;margin-top:20px;padding:10px 15px;text-align:center}.card-back button:hover{background-color:#0056b3}.modal-nav-btns{display:flex;justify-content:space-between;margin-bottom:12px}.modal-nav-btn{align-items:center;background:#1e90ff;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;padding:0;transition:background .2s;width:40px}.modal-nav-btn:disabled{background:#f0f0f0;color:#aaa;cursor:not-allowed}.route-modal-color-bar{border-radius:12px 12px 0 0;height:8px;margin-bottom:4px;width:100%}.reactions-section{border-top:1px solid #eee;margin:18px 0 0;padding:8px 0}.reactions-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}.reaction-badge,.reaction-btn{align-items:center;background:#f2f2f2;border:1px solid #ddd;border-radius:16px;color:#333;display:inline-flex;font-size:1em;max-width:none;overflow:visible;padding:2px 10px;white-space:normal}.reaction-btn{background:#fff;border:1px solid #ccc;border-radius:16px;cursor:pointer;padding:2px 10px;transition:background .2s}.reaction-btn:hover:not(:disabled){background:#e6f7ff}.reaction-btn:disabled{cursor:not-allowed;opacity:.5}.view-routes-container{background-color:#fff;box-shadow:0 0 10px #0000001a;margin:2em auto;max-width:1200px;padding:2em}.filters{display:flex;justify-content:space-between;margin-bottom:20px}.filters-bar{align-items:center;background:#f7f9fa;border-radius:8px;box-shadow:0 1px 3px #0000000a;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px;padding:12px 16px}.filter-input,.filter-select{background:#fff;border:1px solid #bbb;border-radius:5px;font-size:1rem;padding:7px 10px}.route-cards-container{display:flex;flex-direction:row;gap:12px;overflow-x:auto;padding-bottom:12px;scrollbar-width:thin}.difficulty-range{align-items:center;display:flex;gap:2px}@media (max-width:600px){.filters-bar{align-items:stretch;flex-direction:column;gap:8px;padding:8px 6px}.route-cards-container{gap:8px;padding-bottom:8px}.view-routes-container{padding:.5em}}.view-data-container{font-family:Segoe UI,Arial,sans-serif;margin:auto;max-width:600px;padding:16px}.search-bar{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.search-bar label{margin-right:10px}.search-bar input[type=text]{border:1px solid #bbb;border-radius:4px;flex:1 1 120px;font-size:1rem;padding:8px}.search-bar button{background:#1e90ff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:background .2s}.search-bar button:disabled{background:#b0c4de;cursor:not-allowed}.data-display{margin-top:16px}.completion-list{list-style:none;margin:0 0 16px;padding:0}.completion-list li{background:#f7f9fa;border-radius:6px;box-shadow:0 1px 2px #00000008;font-size:1rem;margin-bottom:8px;padding:10px 12px}.error-message{color:#d32f2f;font-weight:500;margin-top:10px}.chart-wrapper{height:45vw;max-height:340px;min-height:260px;width:100%}.session-list{list-style:none;margin:0 0 24px;padding:0}.session-summary{background:#f7f9fa;border-radius:8px;box-shadow:0 1px 4px #1e90ff0d;font-size:1rem;margin-bottom:18px;padding:14px 14px 8px}.session-summary strong{color:#1e90ff;font-size:1.08em}.session-summary ul{margin:8px 0 0;padding-left:18px}.session-summary li{background:none;color:#444;font-size:.97em;margin:0 0 2px;padding:0}@media (max-width:600px){.view-data-container{max-width:100vw;padding:8px}.search-bar{align-items:stretch;flex-direction:column;gap:6px}.chart-wrapper{height:55vw;max-height:220px;min-height:180px}.completion-list li{font-size:.98rem;padding:8px 7px}.session-summary{font-size:.97rem;padding:10px 6px 6px 8px}.session-summary ul{padding-left:12px}}body{background-color:#f4f4f9;font-family:Arial,sans-serif;margin:0;padding:0}nav{background-color:#333;padding:1em}nav ul{display:flex;justify-content:center;list-style-type:none;margin:0;padding:0}nav ul li{margin:0 15px}nav ul li a{color:#fff;font-weight:700;text-decoration:none}nav ul li a:hover{text-decoration:underline}.container{background-color:#fff;box-shadow:0 0 10px #0000001a;margin:2em auto;max-width:1080px;padding:2em;position:autofill}h1,h2{color:#333}input[type=text],select,textarea{border:1px solid #ccc;border-radius:4px;margin-bottom:20px;padding:10px;width:calc(100% - 22px)}button{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}button:hover{background-color:#218838}.undo-button{background-color:#ffc107;margin-right:10px}.undo-button:hover{background-color:#e0a800}.save-button{background-color:#28a745}.save-button:hover{background-color:#218838}
/*# sourceMappingURL=main.3f045b29.css.map*/