@font-face{font-family:Augusta;src:url(/fonts/Augusta.ttf) format("truetype");font-weight:400;font-style:normal}*{box-sizing:border-box;user-select:text;-webkit-user-select:text;-moz-user-select:text;pointer-events:auto}:root{font-family:Poppins,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0}a{text-decoration:none;appearance:none;color:#fff}p{margin:0}button{background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;outline:none}#profile-button{position:relative;aspect-ratio:1/1;flex-shrink:0;border:none;background:url(/images/profile-paper-texture.webp) no-repeat center/cover;border-radius:0;width:100%}#profile-button:before{content:"";position:absolute;inset:3px;border-radius:0;background:var(--profile-picture) no-repeat center/cover;filter:sepia(70%) saturate(120%) hue-rotate(-10deg) brightness(95%) contrast(90%);opacity:70%;pointer-events:none}#profile-button:after{content:"";position:absolute;inset:0;border-radius:0;padding:3px;background:linear-gradient(45deg,#6b4423,#8b6f47,#4a3728,#a0826d);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;pointer-events:none;z-index:2}.profile-column{display:flex;flex-direction:column;gap:.5rem;flex-shrink:0;max-height:100%}#group-button{position:relative;width:100%;padding:.4rem;border:none;background:linear-gradient(to bottom,#3d2817,#2d1810);color:#d4af37;font-weight:700;font-size:11px;cursor:pointer;border-radius:.25rem;text-shadow:0 2px 4px rgba(0,0,0,.8);box-shadow:inset 0 0 10px #00000080,0 2px 4px #0009;transition:transform .1s ease;flex-shrink:0;white-space:nowrap}#group-button:after{content:"";position:absolute;inset:0;border-radius:.25rem;padding:2px;background:linear-gradient(45deg,#6b4423,#8b6f47,#4a3728,#a0826d);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;pointer-events:none}#group-button:hover{transform:scale(1.02)}#group-button:active{transform:scale(.98)}.team-pop-up{width:100%;height:100%;display:flex;gap:1rem;justify-content:space-between}.team-pop-up a.team-member{color:#eee}.team-pop-up .team-member{width:70px;display:flex;align-items:center;flex-direction:column}.team-pop-up .member-picture{width:100%;aspect-ratio:1/1}@media (max-width: 768px){.profile-column{min-width:80px;max-width:30%}}@media (max-width: 480px){.profile-column{min-width:70px;max-width:25%}#team-profile{gap:.75rem}#group-button{font-size:10px;padding:.3rem}}#team-profile{position:relative;background:linear-gradient(to bottom,#3d2817,#2d1810);border-radius:.25rem;padding:.5rem;flex:1;display:flex;flex-direction:row;gap:.5rem;align-items:center;height:100%;box-shadow:inset 0 0 30px #00000080,0 4px 8px #0009}#team-profile:after{content:"";position:absolute;inset:0;border-radius:5px;padding:3px;background:linear-gradient(45deg,#6b4423,#8b6f47,#4a3728,#a0826d);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;pointer-events:none}.team-content{flex:1;width:75%;display:flex;flex-direction:column;gap:.5rem;z-index:1}#team-profile .team-name{margin:0;font-size:15px;width:100%;text-align:center;overflow:hidden;font-weight:700;color:#d4af37;text-shadow:0 2px 4px rgba(0,0,0,.8),0 0 10px rgba(212,175,55,.3);letter-spacing:1px}#team-profile .progress-bar{overflow:hidden;border-radius:99999px;position:relative;width:100%;height:20px;background-color:#1a0f0a;box-shadow:inset 0 2px 4px #000c}#team-profile .progress-bar:after{content:"";position:absolute;inset:0;border-radius:99999px;padding:2px;background:linear-gradient(45deg,#6b4423,#8b6f47,#5d4a37,#a0826d);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;pointer-events:none}#team-profile .progress-bar .progress-zone{position:absolute;background:linear-gradient(to bottom,#d4af37,#b8941e 45%,#8b6914);border-radius:99999px;height:100%;width:100%;box-shadow:inset 0 1px #ffd7004d}#team-profile .progress-bar .team-xp{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center;z-index:1;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px}#team-profile .progress-bar .team-level{display:flex;gap:5px;align-items:center;white-space:nowrap}#player-header{width:100%;display:flex;padding:1rem;gap:1rem;flex-direction:row;height:150px}.quest-container{overflow:auto;padding:1rem;flex:1}.quest{padding:2rem 1.5rem;background:linear-gradient(135deg,#f9f3e8,#f5e6d3,#f0ddc0,#e8d4b8,#f5e6d3);max-width:600px;margin:0 auto;color:#3d2817;display:flex;flex-direction:column;position:relative;box-shadow:0 8px 32px #3d281740,inset 0 2px 4px #ffffff80,inset 0 -2px 4px #6b44231a;border:3px solid #d4af37;border-radius:8px}.quest:after{content:"";position:absolute;inset:6px;border:1px solid rgba(212,175,55,.3);border-radius:6px;pointer-events:none}@media (max-width: 768px){.quest{padding:1.5rem 1rem;border-width:2px;max-width:100%}}.quest>*{position:relative;z-index:3}.quest-title{width:100%;font-size:24px;text-align:center;margin-top:0;margin-bottom:1rem;color:#d4af37;font-weight:700;text-transform:uppercase;letter-spacing:2px;display:flex;align-items:center;justify-content:center;gap:.75rem;text-shadow:2px 2px 4px rgba(61,40,23,.3);flex-wrap:wrap}.quest-title .title-svg{width:60px;height:auto;color:#d4af37;opacity:.8;flex-shrink:0}@media (max-width: 768px){.quest-title{font-size:20px;letter-spacing:1px}.quest-title .title-svg{width:45px}}.quest-detail{font-size:14px;display:flex;width:100%;justify-content:space-evenly;align-items:center;flex-wrap:wrap;gap:1rem;color:#6b4423;font-weight:600}@media (max-width: 768px){.quest-detail{font-size:13px;flex-direction:column;gap:.5rem}}.quest-timer{white-space:nowrap}@media (max-width: 768px){.quest-timer{width:100%}}.quest-timer :first-child{white-space:wrap}.quest-timer :last-child{height:100%;vertical-align:middle}.quest hr{height:2px;margin:1rem 0;background:linear-gradient(to right,transparent,#c9a875 20%,#8b6f47 50%,#c9a875 80%,transparent);outline:none;border:none}.quest main{flex:1;overflow:auto}.quest :is(main,footer){padding:1em}.quest-lore{text-indent:2em;margin-bottom:1.5rem;line-height:1.8;font-style:italic;color:#4e2a07;font-size:16px}.quest-clue{text-indent:2em;line-height:1.8;color:#3d2817;font-size:15px;font-weight:500}.quest footer{padding-inline:1em;text-align:end}.quest-reward-container{display:flex;justify-content:end}.quest-reward-value{text-decoration:underline}#play-page{height:100%;width:100%;max-width:850px;display:flex;flex-direction:column}#login-page{width:100%;height:100%;background:linear-gradient(#0009,#0009),url(images/app-background.jpg) no-repeat center/cover;display:flex;flex-direction:column;align-items:center;justify-content:center}.login-title{text-align:center}.login-link{outline:none;display:inline-flex;align-items:center;border-radius:.25rem;vertical-align:middle;line-height:1.25rem;-webkit-user-select:none;user-select:none;transition-property:background-color,color;transition-duration:.2s;height:2.5rem;padding-inline:1rem;gap:.5rem;background:#fff;color:#000}.login-link:is(:hover,:focus-visible){background-color:#eee}.login-warning{font-weight:700;margin-bottom:15px;text-align:center;padding-inline:50px}.login-link img{object-fit:cover;height:50%;-webkit-user-select:none;user-select:none}#error-404{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}#error-404-container{display:flex;flex-direction:column;align-items:center;transform:translateY(-50px)}#error-404-container a{color:gray;text-decoration:underline}#error-page{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.error-container{display:flex;flex-direction:column;align-items:center;transform:translateY(-50px)}.error-container a{color:gray;text-decoration:underline}#admin-page{display:flex;justify-content:center;align-items:center;width:100%;flex-direction:column}.admin-link{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:8px;background:linear-gradient(180deg,#ffffff0f,#ffffff05);color:#fff!important;text-decoration:none;border:1px solid rgba(255,255,255,.06);min-width:120px;text-align:center}.admin-link:hover{background:#ffffff0f;transform:translateY(-2px)}.admin-action-button{padding:10px 14px;border-radius:8px;background:linear-gradient(180deg,#4f8cff,#1e63d6);color:#fff;border:none;cursor:pointer;box-shadow:0 6px 18px #1e63d62e,0 1px #ffffff0a inset;font-weight:600;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}.admin-action-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 24px #1e63d63d}.admin-action-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}#admin-page h1,#admin-page p{color:#fff}#admin-page .team-container{display:flex;flex-direction:column;gap:.5rem;padding:.5rem;width:100%;max-width:550px}#admin-page .team{width:100%;overflow:hidden;transition:.2s;padding:1rem;display:flex;flex-direction:column;gap:1rem;border-radius:1rem;background-color:#0003}#admin-page .team-details{display:flex;justify-content:space-between;gap:.5rem}#admin-page .team-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#admin-page .team-id{flex-shrink:0;color:gray}#admin-page .team-id span{font-weight:700}#admin-page .team-members{flex-shrink:0;display:flex;gap:.5rem;justify-content:center}#admin-page .team-members a{height:75px;width:75px;border-radius:1rem}#admin-page .progress-bar{overflow:hidden;border-radius:99999px;position:relative;width:100%;height:30px;background-color:#0005;border:solid #EEE 2px}#admin-page .progress-bar .progress-zone{position:absolute;background:linear-gradient(to bottom,#00c957,#00913b 45%,#004d1b);border-radius:99999px;height:100%;width:100%}#admin-page .progress-bar .team-xp{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center}.admin-teams{padding:16px}.teams-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}.team-card{border:1px solid #ddd;padding:12px;border-radius:8px;background:#202020}.team-header{display:flex;justify-content:space-between;align-items:center}.team-actions button{margin-left:8px}.team-actions .danger{background:#f66;color:#fff}.team-members{margin-top:8px}.members-list{display:flex;flex-direction:column;gap:8px}.member{display:flex;align-items:center;gap:8px}.member img{width:40px;height:40px;border-radius:50%;object-fit:cover}.member .member-info{flex:1}.member .small{padding:4px 8px}.create-team{margin-top:20px;display:flex;gap:8px;align-items:center}.team-edit{display:flex;gap:12px;align-items:center;margin-top:8px}.admin-quests{padding:16px}.quests-list{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.quest-card{border:1px solid #ddd;padding:12px;border-radius:8px;background:#202020}.quest-header{display:flex;justify-content:space-between;align-items:center}.quest-actions button{margin-left:8px}.quest-meta{margin-top:8px;display:flex;gap:12px;flex-wrap:wrap}.create-quest{margin-top:16px;display:flex;gap:8px;flex-direction:column;max-width:800px}.quest-edit{display:flex;gap:8px;flex-direction:column;margin-top:8px}.danger{background:#f66;color:#fff}.admin-users{padding:16px}.users-table{display:flex;flex-direction:column;gap:6px;max-width:900px}.users-row{display:flex;gap:12px;align-items:center;padding:8px 12px;border-radius:6px;background:#ffffff05}.users-header{font-weight:700;background:transparent}.users-row>div{min-width:80px}.users-row>div:nth-child(2){flex:1}.users-row select{padding:4px 8px}.admin-guilds{padding:12px}.guilds-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.guild-card{border:1px solid #ddd;padding:8px;border-radius:6px;background:#202020}.guild-header{display:flex;justify-content:space-between;align-items:center}.guild-title{font-size:16px}.guild-actions button{margin-left:8px}.guild-edit{margin-top:8px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.guild-edit label{display:flex;flex-direction:column}.guild-meta{display:flex;gap:12px;margin-top:8px;align-items:center}.guild-image img{width:64px;height:64px;object-fit:cover;border-radius:6px}.create-guild{margin-top:20px;padding:8px;border:1px dashed #ccc;border-radius:6px}.create-guild label{display:block;margin-bottom:8px}.danger{background:#d9534f;color:#fff;border:none;padding:6px 8px;border-radius:4px}.edit-actions{margin-top:8px}.admin-active-quests{padding:12px}.aq-section{margin-top:12px;border:1px solid #eee;padding:12px;border-radius:8px;background:#fff6}.aq-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.aq-form label{display:flex;flex-direction:column;font-size:14px;color:#fff}.aq-form select,.aq-form input,.aq-form textarea{padding:8px;border-radius:6px;border:1px solid #ccc}.aq-actions{grid-column:1 / -1;display:flex;gap:8px}.active-team{width:100%;overflow:hidden;transition:.2s;padding:1rem;display:flex;flex-direction:column;gap:1rem;background-color:#0003}.active-team:hover:not(:has(.active-team-controls button:hover)){background-color:#0005}.active-team-details-row{width:100%;display:flex;gap:1rem;justify-content:space-between}.active-team-details-row .active-team-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.active-team-timer{flex-shrink:0}.active-team-members{display:flex;justify-content:space-around}.active-team-members .player-picture{height:100px;aspect-ratio:1/1;border-radius:1rem}.active-team-controls{display:flex;gap:1rem;justify-content:center}.active-team-controls button{padding:.5rem 1rem;border-radius:999px;transition:.2s}.active-team-controls .outstanding-button{background-color:#daa520}.active-team-controls .outstanding-button:hover{background-color:#e8b944}.active-team-controls .outstanding-button:active{background-color:#966e09}.active-team-controls .success-button{background-color:green}.active-team-controls .success-button:hover{background-color:#41b641}.active-team-controls .success-button:active{background-color:#024f02}.active-team-controls .failure-button{background-color:red}.active-team-controls .failure-button:hover{background-color:#da3232}.active-team-controls .failure-button:active{background-color:#710a0a}.active-quest{width:100%;border-radius:2rem;overflow:hidden}.active-quest .active-quest-header{width:100%;padding:1rem;background-color:#0006}.active-quest .active-quest-name{width:100%;text-align:center;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.active-quest-details{padding-inline:1rem}.active-quest-details .xp-reward-value{color:green;font-weight:700}.active-team-container{width:100%}.active-team-container>hr{position:relative;height:2px;background-color:#ccc;border-radius:100px;border:0;margin:-1px 1rem;z-index:2}.active-quest-footer{height:2rem;background-color:#0006}.no-team-message{padding:2rem;background-color:#0003}.no-team-message p{text-align:center}.pop-up{pointer-events:auto;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:300px;border-radius:1rem;padding:1rem;max-height:80vh;display:flex;flex-direction:column;background-color:#121212}.pop-up.play-page{border:none;background:linear-gradient(#00000080,#00000080),url(/images/pop-up-background.jpg) no-repeat center/cover}.pop-up.play-page:after{content:"";position:absolute;inset:0;border-radius:1rem;padding:3px;background:linear-gradient(45deg,#ccc,#fff,#999,#eee);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;pointer-events:none}.pop-up :is(h1,h2,h3){margin:0}.pop-up .pop-up-header{display:flex;flex-direction:column;align-items:end}.pop-up hr{border:none;width:100%;background-color:#eee;height:2px;border-radius:999px}.pop-up-content{overflow:auto}.pop-up p.admin-notification{text-indent:1rem}.pop-up button{width:100%;margin-top:1rem;text-align:center;text-decoration:underline}.pop-up-container{width:100vw;height:100vh;transition:.2s;pointer-events:none}.pop-up-container:has(.pop-up){background-color:#0008}#app{position:absolute;inset:0}#app-content{width:100%;height:100%;display:flex;flex-direction:column;align-items:center}#overlay{position:fixed;inset:0;pointer-events:none;z-index:9999}#app-content.play-page{background:#000;background-size:cover;background-position:center}.play-page{font-family:Augusta}.play-page a{color:#000}.play-page :is(h1,h2,h3){font-family:Augusta;letter-spacing:4px}.pnj-page{width:100%;max-width:700px;padding:.5rem;display:flex;flex-direction:column;gap:.5rem}
