@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700;900&display=swap";:root{--color-background:#fdf6e8;--color-bg-nav:#8b5e3c;--color-text:#4a2c2a;--color-navtext:gold;--color-border:#341509;--color-primary:#d96d25;--color-secondary:#b2beb5;--color-secondary-hover:#d3d9d5;--color-highlight:#ffb84d;--color-link:sienna;--color-link-hover:#f49d35}*{box-sizing:border-box;margin:0;padding:0}html{height:max(100%,100svh)}body{display:flex;flex-direction:column;height:100svh;line-height:1.6;overflow-y:hidden}main{flex:1 1 auto;overflow:auto}a{color:var(--color-navtext);text-decoration:none}a:hover{text-decoration:underline}.reduced-motion *{animation:none!important;transition:none!important}.btn-primary{background:var(--color-highlight);border:3px solid var(--color-border);border-radius:12px;color:var(--color-text);cursor:pointer;font-weight:700;padding:8px 14px}.btn-primary:hover{background:var(--color-link-hover);filter:brightness(1.05)}.btn-secondary{background:var(--color-secondary);border:3px solid var(--color-border);border-radius:10px;color:var(--color-text);cursor:pointer;font-weight:600;padding:8px 14px}.btn-secondary:hover{background:var(--color-secondary-hover);filter:brightness(1.05)}.settings-modal{background:#00000073;display:grid;inset:0;place-items:center;position:fixed;z-index:9999}.settings-modal[hidden]{display:none!important}.settings-modal .settings-dialog{background:var(--color-background);border:3px solid var(--color-highlight);border-radius:12px;box-shadow:0 12px 40px #0000004d;color:var(--color-text);width:min(92vw,560px)}.settings-header{align-items:center;border-bottom:2px solid var(--color-highlight);display:flex;justify-content:space-between;padding:12px 16px}.settings-footer{border-top:2px solid var(--color-highlight)}.settings-btn{background:#00000026;border:1px solid rgba(0,0,0,.2);border-radius:8px;color:var(--color-secondary);cursor:pointer;font-size:1rem;margin-left:8px;padding:6px 10px}.settings-btn:hover{background:#00000040}.error-message,.error-message.error{color:red;text-align:center}.error-message.success{color:green;text-align:center}.error-message:empty{display:none}#global-error-banner{background:#fdecea;border:1px solid #f5c2c7;border-radius:6px;bottom:16px;box-shadow:0 6px 24px #0003;color:#b00020;left:50%;max-width:min(92vw,800px);padding:8px 36px 8px 12px;position:fixed;transform:translate(-50%);width:-moz-max-content;width:max-content;z-index:10000}#global-error-banner[aria-hidden=true]{display:none}#global-error-close{position:absolute;right:8px;top:4px}.close-btn{background:transparent;border:none;cursor:pointer;font-size:1.1rem}.join-row button{background-color:var(--color-primary);border:3px solid var(--color-border);border-radius:12px;box-shadow:0 8px 18px #0003;color:var(--color-text);cursor:pointer;font-size:1.05rem;font-weight:700;padding:12px 18px}.join-row button:hover{filter:brightness(1.05)}.join-row button:active{transform:translateY(1px)}.hidden{display:none!important}.lobby-container .card{padding:16px}.lobby-header{align-items:center;border-bottom:2px solid var(--color-highlight);display:flex;gap:16px;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.lobby-header .title{font-family:Cinzel,Georgia,serif;margin:0}.lobby-header .subtitle{font-size:.95rem;margin:4px 0 0;opacity:.8}.lobby-header .invite{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.lobby-header .invite .code{background:#0000000d;border:2px dashed var(--color-border);border-radius:8px;padding:2px 8px}.share-box{background:#0000000d;border:2px solid var(--color-border);border-radius:10px;margin:12px 0;padding:10px}.share-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.share-url{background:#0000000a;border-radius:6px;padding:2px 6px;-webkit-user-select:all;-moz-user-select:all;user-select:all}.players-section h3{margin:8px 0}.players-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none}.player-chip{background:var(--color-primary);border:2px solid var(--color-border);border-radius:999px;box-shadow:0 4px 10px #00000026;color:var(--color-text);font-weight:700;padding:6px 10px}.settings-summary{display:flex;flex-wrap:wrap;gap:16px;margin:10px 0 6px}.summary-item .label{font-weight:700;margin-right:4px}.actions-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.lobby-page{--lobby-bg:radial-gradient(1200px 600px at 80% -10%,rgba(212,175,55,.06),transparent 60%),radial-gradient(900px 500px at 0% 100%,rgba(139,69,19,.08),transparent 60%),linear-gradient(180deg,hsla(0,0%,100%,.05),rgba(0,0,0,.06));background:var(--lobby-bg),url(https://images.unsplash.com/photo-1545249390-1d6db32d7e0c?q=80&w=1887&auto=format&fit=crop) 50%/cover no-repeat fixed;min-height:100%}.lobby-container .card{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:linear-gradient(135deg,#fff8ebd1,#f8f1e2c7) padding-box,linear-gradient(180deg,#daa52073,#8b451359) border-box;border:2px solid transparent;border-radius:18px;box-shadow:0 12px 30px #00000040,inset 0 1px #fff9;padding:clamp(16px,3vw,28px)}.lobby-container,.lobby-container .card{font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.lobby-header .title{color:#3b2a1a;font-family:Cinzel,Georgia,Times New Roman,serif;letter-spacing:.04em;text-transform:uppercase}.lobby-header .subtitle{color:#5a4632}.lobby-header .invite .code{background:linear-gradient(180deg,#ffffffb3,#fff0c799) padding-box,linear-gradient(180deg,#e6c563e6,#a47323e6) border-box;border:2px solid transparent;border-radius:12px;box-shadow:0 4px 14px #d4af3759;color:#3a2b13;font-weight:700;padding:6px 12px;position:relative}.share-box{background:linear-gradient(180deg,#ffffff8c,#ffffff59);border:1px solid rgba(164,115,35,.35);border-radius:12px;padding:12px}.share-url{background:#fff8ebb3;border-radius:8px}.player-chip{background:linear-gradient(180deg,#ffffffe6,#f0f0f0cc);border:1px solid rgba(164,115,35,.35);color:#3b2a1a}.summary-item .label{color:#5a4632}.summary-item .value{color:#2f2416;font-weight:700}.lobby-page .btn-primary{background:linear-gradient(180deg,#d4af37,#b8860b);border:none;border-radius:12px;box-shadow:0 10px 24px #b4781459;color:#1f1509}.lobby-page .btn-primary:hover{filter:brightness(1.08)}.lobby-page .btn-secondary{background:linear-gradient(180deg,#4636242e,#46362447);border:1px solid rgba(164,115,35,.35);border-radius:10px;box-shadow:0 6px 16px #0000002e;color:#2b2115}.lobby-page .btn-secondary:hover{filter:brightness(1.04)}@keyframes sharePulseGlow{0%{box-shadow:0 0 #d4af3700}30%{box-shadow:0 0 24px #d4af378c,0 0 0 6px #d4af3726}to{box-shadow:0 0 #d4af3700}}.pulse-glow{animation:sharePulseGlow .7s ease-out}@media (max-width:720px){.lobby-header{align-items:flex-start;flex-direction:column}.lobby-header .invite{width:100%}.actions-row{justify-content:flex-start}}.dialog{background:#00000073;display:grid;inset:0;place-items:center;z-index:10000}.dialog[data-state-open=false]{display:none!important}#lobby-settings-dialog-content.card{width:min(92vw,560px)}#lobby-settings-dialog-content .input,#lobby-settings-dialog-content select{background:linear-gradient(180deg,#ffffffe6,#fff0c799);border:1px solid rgba(164,115,35,.45);border-radius:10px;color:#3b2a1a;padding:6px 8px}#lobby-settings-dialog-content label{color:#5a4632;font-weight:600}body .login-page{background-attachment:scroll;background-image:url(/assets/LoginBackground-DpUNjxuZ.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}main .login-page{justify-content:center}main .login-container,main .login-page{align-items:center;display:flex;flex-direction:column}main .login-container{box-sizing:border-box;justify-content:space-between;min-height:100%;padding:24px;width:100%}.login-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;max-width:400px;padding:32px;width:100%}.login-header{margin-bottom:32px;text-align:center}.login-header h2{color:#1e293b;font-size:1.875rem;font-weight:700;margin-bottom:8px}.login-header p{color:#64748b;font-size:.875rem}.form-group{margin-bottom:20px}.input-wrapper{display:flex;flex-direction:column;position:relative}.input-wrapper input{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:16px;outline:none;padding:12px 16px 8px;transition:all .2s ease;width:100%}.input-wrapper input::-moz-placeholder{color:transparent}.input-wrapper input::placeholder{color:transparent}.input-wrapper label{color:#64748b;font-size:16px;left:12px;pointer-events:none;position:absolute;top:10px;transform-origin:left top;transition:all .2s ease}.input-wrapper input:not(:-moz-placeholder){border-color:var(--color-border)}.input-wrapper input.has-value,.input-wrapper input:focus,.input-wrapper input:not(:placeholder-shown),.input-wrapper input:valid{border-color:var(--color-border)}.input-wrapper input:not(:-moz-placeholder)+label{color:var(--color-secondary);font-weight:500;transform:translateY(-13px) translate(-5px) scale(.75)}.input-wrapper input.has-value+label,.input-wrapper input:focus+label,.input-wrapper input:not(:placeholder-shown)+label,.input-wrapper input:valid+label{color:var(--color-secondary);font-weight:500;transform:translateY(-13px) translate(-5px) scale(.75)}.edit-wrapper input[readonly]{background-color:#fff;border-color:#e2e8f0;color:#64748b}.edit-wrapper input:not([readonly]){background-color:#fff;color:#1e293b}.password-wrapper{position:relative}.password-wrapper input{padding-right:48px}.password-toggle{background:none;border:none;color:#64748b;cursor:pointer;padding:12px;position:absolute;right:12px;transition:color .2s ease}.password-toggle:hover{color:#1e293b}.edit-toggle{background:none;border:none;color:#64748b;cursor:pointer;padding:12px;position:absolute;right:12px;transition:color .2s ease}.edit-toggle:hover{color:#1e293b}.eye-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%2364748b' stroke-width='1.5' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7s-8.268-2.943-9.542-7'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;display:block;height:20px;transition:background-image .2s ease;width:20px}.eye-icon.show-password{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%2364748b' stroke-width='1.5' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3.98 8.223A10.5 10.5 0 0 0 1.934 12c1.292 4.338 5.31 7.5 10.066 7.5.993 0 1.953-.138 2.863-.395M6.228 6.228A10.45 10.45 0 0 1 12 4.5c4.756 0 8.773 3.162 10.065 7.498a10.52 10.52 0 0 1-4.293 5.774M6.228 6.228 3 3m3.228 3.228 3.65 3.65m7.894 7.894L21 21m-3.228-3.228-3.65-3.65m0 0a3 3 0 1 1-4.243-4.243m4.242 4.242L9.88 9.88'/%3E%3C/svg%3E")}.edit-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%2364748b' stroke-width='1.5' class='size-6' viewBox='0 0 24 24'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L10.582 16.07a4.5 4.5 0 0 1-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 0 1 1.13-1.897zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0 1 15.75 21H5.25A2.25 2.25 0 0 1 3 18.75V8.25A2.25 2.25 0 0 1 5.25 6H10'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;display:block;height:20px;transition:background-image .2s ease;width:20px}.forgot-password-link{background:none;border:none;color:#f49d35;cursor:pointer;font-size:.875rem;font-weight:700;padding:0;text-decoration:underline}.form-options{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:1em}.signup-link{margin-top:1em;text-align:center}input[type=password]::-ms-clear,input[type=password]::-ms-reveal{display:none}input[type=password]::-webkit-contacts-auto-fill-button,input[type=password]::-webkit-credentials-auto-fill-button{display:none}.siteFooter footer,footer.siteFooter{background-color:var(--color-bg-nav);border-top:4px solid var(--color-border);color:var(--color-navtext);padding:12px 24px}footer.siteFooter .footer-inner{align-items:center;display:flex;gap:16px;justify-content:space-between;margin:0 auto;max-width:1200px}footer.siteFooter{margin-top:auto}footer.siteFooter .brand-name{letter-spacing:.3px}footer.siteFooter .footer-links{align-items:center;display:flex;font-size:.95rem;gap:12px}footer.siteFooter .footer-links a{background:#ffd70014;border-radius:6px;color:var(--color-navtext);padding:4px 8px;text-decoration:none;transition:background .2s ease,text-decoration-color .2s ease}footer.siteFooter .footer-links a:focus,footer.siteFooter .footer-links a:hover{background:#ffd70029;outline:none;text-decoration:underline}footer.siteFooter .footer-links{color:var(--color-navtext)}footer.siteFooter .separator{opacity:.7}.settings-content{padding:12px 16px}.settings-section+.settings-section{margin-top:12px}.settings-section h3{margin:6px 0 8px}.setting-row{align-items:center;display:flex;gap:10px;margin:8px 0}.setting-row input[type=range]{flex:1}.settings-footer{border-top:2px solid var(--color-border);display:flex;gap:8px;justify-content:flex-end;padding:12px 16px}.dialog{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;display:flex;height:100vh;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:opacity .25s ease,visibility .25s ease;visibility:hidden;width:100vw;z-index:1000}.dialog[data-state-open=true]{opacity:1;visibility:visible}.dialog-content{align-items:stretch;background:var(--color-background);border:3px solid var(--color-highlight);border-radius:12px;box-shadow:0 10px 25px #0000004d;box-shadow:0 12px 40px #0000004d;color:var(--color-text);display:flex;flex-direction:column;gap:1rem;min-width:320px;padding:2rem;position:relative;width:min(92vw,560px)}#play-card-dialog-close-button{background:transparent;border:none;color:#555;cursor:pointer;font-size:1.4rem;line-height:1;position:absolute;right:10px;top:10px;transition:color .2s}#play-card-dialog-close-button:hover{color:#000}#play-card-dialog-build-button,#play-card-dialog-sell-button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;padding:.7rem 1.2rem;transition:background .2s,transform .1s}#play-card-dialog-build-button{background-color:#4caf50;color:#fff}#play-card-dialog-sell-button{background-color:#f44336;color:#fff}#play-card-dialog-build-button:hover{background-color:#43a047;transform:scale(1.03)}#play-card-dialog-sell-button:hover{background-color:#e53935;transform:scale(1.03)}.card{background:#fdf6e2e6;border:2px solid var(--color-border);border-radius:12px;box-shadow:0 8px 18px #00000040;color:var(--color-text);font-family:Georgia,Times New Roman,serif;padding:16px 20px;text-align:center}.wonder-image-container{display:flex;justify-content:center;margin:20px 0}.image-wrapper{max-width:1200px;position:relative;width:80%}.image-wrapper img{border-radius:8px;display:block;height:auto;-o-object-fit:cover;object-fit:cover;width:100%}.stack-item{background:#fdf6e2e6;border:2px solid #997c55;border-radius:12px;box-shadow:0 8px 18px #00000040;color:var(--color-text);font-family:Georgia,Times New Roman,serif;font-size:1rem;font-weight:700;padding:15px 10px;text-align:center}.stack-item,.stack-item-image{position:absolute;white-space:nowrap}.stack-item-image{padding:5px 10px}.stack-item.top-right{right:1%;top:1%}.stack-item.bottom-container{background:#fdf6e24d;border:none;bottom:1%;display:flex;gap:20px;justify-content:center;left:50%;pointer-events:none;transform:translate(-50%);width:auto}.stack-item-image.top-left{height:15%;left:.25%;padding:0;top:.25%;width:15%}.start-resource-image{border-radius:5px;height:70%;-o-object-fit:cover;object-fit:cover;width:70%}.playing-card-container{background-position:50%;background-size:cover;height:300px;width:200px}.siteHeader header,header.siteHeader{align-items:center;background-color:var(--color-bg-nav);border-bottom:4px solid var(--color-border);color:var(--color-navtext);display:flex;justify-content:space-between;padding:16px 24px}.siteHeader .logo{font-family:Cinzel,Georgia,serif;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.siteHeader nav a{color:var(--color-navtext);font-weight:600;margin-right:12px;text-decoration:none}.siteHeader nav a:last-child{margin-right:0}.siteHeader nav a:hover{text-decoration:underline}.costs-display{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.cost-line{align-items:center;background:#0006;border-radius:6px;color:#fff;display:inline-flex;gap:4px;padding:2px 6px}.play-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.play-card-actions>button{flex:1 1 auto;white-space:nowrap}#build-wonder-dialog-build-button{background:linear-gradient(180deg,#f6d365,#fda085);border:2px solid rgba(0,0,0,.2);box-shadow:0 2px #00000040,inset 0 1px #ffffff4d;color:#2b1d0e;font-weight:700;text-shadow:0 1px 0 hsla(0,0%,100%,.4)}#build-wonder-dialog-build-button:hover{filter:brightness(1.05)}#build-wonder-dialog-build-button:active{box-shadow:0 1px #00000040,inset 0 1px #ffffff40;transform:translateY(1px)}#build-wonder-dialog-build-button:focus-visible{outline:3px solid hsla(14,97%,76%,.6);outline-offset:2px}