:root{--bg:#1b140f;--bg-deep:#120d0a;--panel:#2a2019;--panel-raised:#352920;--border:#3f2631;--border-light:#5e4433;--text:#f4ead8;--muted:#b8a894;--accent:#fdbe53;--accent-deep:#e38628;--own:#fdbe53;--friend:#8bd87d;--premade:#c0cbdc;--error:#f28462;--ok:#84c669;--font:"Pixelify Sans", ui-monospace, monospace;--px-shadow:0 0 0 3px var(--border), inset 0 0 0 2px var(--border-light);font-family:var(--font);font-variant-ligatures:none;color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-size:16px}button,input,select,textarea{font-variant-ligatures:none}*{box-sizing:border-box}body{background:var(--bg);background-image:radial-gradient(circle at 50% -20%, #3a2a1f 0%, var(--bg) 60%);color:var(--text);background-attachment:fixed;min-height:100vh;margin:0}.app-shell{max-width:1280px;margin:0 auto;padding:0 16px 2rem}.app-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:.9rem 0;display:flex}.brand{color:var(--accent);letter-spacing:.5px;text-shadow:2px 2px 0 var(--border);align-items:center;gap:.5rem;font-size:1.35rem;font-weight:700;text-decoration:none;display:flex}.brand .sprite{background-size:416px 32px;background-position:calc(var(--frame,12) * -32px) 0;width:32px;height:32px}.app-header nav{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.nav-link{color:var(--muted);border-radius:2px;padding:.35rem .7rem;text-decoration:none}.nav-link:hover{color:var(--text)}.nav-link.active{color:var(--bg);background:var(--accent);box-shadow:0 0 0 2px var(--border)}.nav-user{color:var(--muted);padding:0 .5rem;font-size:.9rem}main>.page{max-width:960px;margin:0 auto}h1,h2,h3,h4{color:var(--accent);text-shadow:2px 2px 0 var(--border);margin:0 0 .6rem;font-weight:700}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.2rem}h4{font-size:1rem}p{line-height:1.45}a{color:var(--accent)}.panel{background:var(--panel);box-shadow:var(--px-shadow);border-radius:2px;padding:1rem}.muted{color:var(--muted)}.small-text{font-size:.85rem}.error{color:var(--error)}.success{color:var(--ok)}button,.button{font-family:var(--font);color:var(--bg-deep);background:var(--accent);box-shadow:0 0 0 3px var(--border), inset 0 -3px 0 var(--accent-deep);cursor:pointer;border:none;border-radius:2px;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1.1rem;font-size:1rem;font-weight:700;text-decoration:none;transition:transform 80ms;display:inline-flex}button:hover:not(:disabled),.button:hover{transform:translateY(-1px)}button:active:not(:disabled){box-shadow:0 0 0 3px var(--border), inset 0 2px 0 var(--accent-deep);transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary,.button.secondary{background:var(--panel-raised);color:var(--text);box-shadow:0 0 0 3px var(--border), inset 0 -3px 0 var(--bg-deep)}button.danger{color:var(--text);box-shadow:0 0 0 3px var(--border), inset 0 -3px 0 #763b36;background:#c34b35}button.small{padding:.35rem .7rem;font-size:.85rem}button.active{background:var(--friend)}.icon-button{width:2.2rem;height:2.2rem;padding:0;font-size:1.3rem}.icon-button.tiny{width:1.6rem;height:1.6rem;margin-left:auto;font-size:1rem}.link-button{box-shadow:none;color:var(--error);background:0 0;padding:0;font-weight:400;text-decoration:underline}.link-button.plain{color:var(--accent)}.link-button:hover:not(:disabled),.link-button:active:not(:disabled){box-shadow:none;transform:none}label{color:var(--muted);flex-direction:column;gap:.35rem;font-size:.95rem;display:flex}input,select,textarea{font-family:var(--font);background:var(--bg-deep);color:var(--text);box-shadow:inset 0 0 0 2px var(--border-light);border:none;border-radius:2px;padding:.55rem .65rem;font-size:1rem}input:focus,select:focus,textarea:focus{box-shadow:inset 0 0 0 2px var(--accent);outline:none}textarea{resize:vertical;min-height:4.5rem}input[type=range]{box-shadow:none;accent-color:var(--accent);background:0 0;padding:0}.badge{background:var(--panel-raised);box-shadow:0 0 0 2px var(--border);color:var(--muted);border-radius:2px;padding:.1rem .5rem;font-size:.75rem;display:inline-block}.badge.full{color:var(--friend)}.badge.basic{color:var(--premade)}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:1.5rem 0 1rem;display:flex}.section-header h2{margin:0}.empty-state{text-align:center;padding:2rem 1rem}.auth-card{max-width:380px;margin:3rem auto}.auth-card form,.stack{flex-direction:column;gap:1rem;display:flex}.auth-hero{text-align:center;margin-bottom:1.5rem}.auth-hero .sprites{justify-content:center;gap:10px;margin-bottom:1rem;display:flex}.sprite{width:48px;height:48px;image-rendering:pixelated;background-image:url(/game/characters.png);background-size:624px 48px;background-position:calc(var(--frame,12) * -48px) 0;flex:none;display:inline-block}.sprite.bob{animation:1.4s ease-in-out infinite bob}.sprite.bob:nth-child(2){animation-delay:.2s}.sprite.bob:nth-child(3){animation-delay:.4s}.sprite.bob:nth-child(4){animation-delay:.6s}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.village{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:1.25rem;display:grid}.village-stage{height:calc(100vh - 120px);min-height:420px;box-shadow:var(--px-shadow);background:var(--bg-deep);border-radius:2px;position:relative;overflow:hidden}.game-canvas{line-height:0;position:absolute;inset:0}.game-canvas canvas{display:block}.hud{z-index:2;position:absolute}.clock{flex-wrap:wrap;align-items:baseline;gap:.6rem;display:flex}.clock-time{color:var(--accent);text-shadow:2px 2px 0 var(--border);font-size:1.5rem;font-weight:700}.clock-slot{color:var(--text)}.clock-mode{color:var(--friend);margin-left:auto;font-size:.75rem}.hud-zoom{flex-direction:column;gap:10px;display:flex;top:14px;right:14px}.hud-time{flex-direction:column;gap:.5rem;width:min(300px,100% - 24px);padding:.6rem .8rem;display:flex;bottom:12px;left:12px}.time-buttons{gap:10px;display:flex}.hud-event{white-space:nowrap;color:var(--accent);padding:.45rem .9rem;top:12px;left:50%;transform:translate(-50%)}.hud-loading{color:var(--muted);place-items:center;font-size:1.2rem;display:grid;inset:0}.village-side{flex-direction:column;gap:1.25rem;max-height:calc(100vh - 120px);padding:3px;display:flex;overflow-y:auto}.villager-card-head{align-items:center;gap:.5rem;display:flex}.villager-card-head h3{margin:0}.villager-card p{margin:.35rem 0}.activity-line{align-items:center;gap:.5rem;display:flex}.activity-emoji{font-size:1.3rem}.muted-card{text-align:center}.relation-dot{width:10px;height:10px;box-shadow:0 0 0 2px var(--border);flex:none;display:inline-block}.relation-own{background:var(--own)}.relation-friend{background:var(--friend)}.relation-premade{background:var(--premade)}.roster section+section{margin-top:1rem}.roster h4{color:var(--text);text-shadow:none;align-items:center;gap:.5rem;font-size:.95rem;display:flex}.roster ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.roster-item{width:100%;color:var(--text);box-shadow:none;text-align:left;background:0 0;justify-content:space-between;gap:.5rem;padding:.35rem .5rem;font-weight:400;display:flex}.roster-item:hover:not(:disabled),.roster-item.selected{background:var(--panel-raised);box-shadow:inset 0 0 0 2px var(--border-light);transform:none}.roster-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.roster-where{color:var(--muted);white-space:nowrap;text-transform:capitalize;font-size:.8rem}.character-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}.character-card{flex-direction:column;gap:.5rem;display:flex}.character-card-head{align-items:center;gap:.85rem;display:flex}.character-card h3,.character-card p{margin:0}.card-actions{border-top:2px solid var(--border);flex-wrap:wrap;align-items:center;gap:1rem;margin-top:auto;padding-top:.75rem;display:flex}.card-actions a{text-decoration:none}.character-form fieldset{background:var(--panel);box-shadow:var(--px-shadow);border:none;border-radius:2px;flex-direction:column;gap:1rem;margin:0 0 1.5rem;padding:1rem 1.25rem 1.25rem;display:flex}.character-form legend{color:var(--accent);background:var(--panel);box-shadow:0 0 0 3px var(--border);float:left;margin-bottom:.5rem;padding:.2rem .6rem;font-weight:700}.character-form legend+*{clear:both}.form-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;display:grid}.sheet-head{flex-wrap:wrap;align-items:center;gap:1.25rem;display:flex}.sheet-head .sprite{background-size:1248px 96px;background-position:calc(var(--frame,12) * -96px) 0;width:96px;height:96px}.sheet-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;margin-top:1.25rem;display:grid}.sheet-grid dl{margin:0}.sheet-grid dt{color:var(--muted);margin-top:.6rem;font-size:.85rem}.sheet-grid dd{margin:.15rem 0 0;line-height:1.4}.locked{text-align:center;padding:2rem 1rem}.modal-backdrop{z-index:50;background:#0a0604bf;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{width:min(460px,100%);max-height:calc(100vh - 32px);overflow-y:auto}.choice-list{flex-direction:column;gap:.75rem;display:flex}.choice{background:var(--bg-deep);box-shadow:inset 0 0 0 2px var(--border-light);cursor:pointer;color:var(--text);flex-direction:row;align-items:flex-start;gap:.75rem;padding:.75rem;display:flex}.choice.selected{box-shadow:inset 0 0 0 2px var(--accent)}.choice input{accent-color:var(--accent);box-shadow:none;margin-top:.2rem}.choice strong{display:block}.copy-row{gap:.75rem;display:flex}.copy-row input{flex:1;min-width:0}.friend-row{border-top:2px solid var(--border);flex-wrap:wrap;align-items:center;gap:.85rem;padding:.75rem 0;display:flex}.friend-row:first-of-type{border-top:none}.friend-row .sprite{background-size:416px 32px;background-position:calc(var(--frame,12) * -32px) 0;width:32px;height:32px}.friend-info{flex:1;min-width:160px}.friend-info p{margin:.15rem 0 0}.friend-controls{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.friend-controls select{padding:.35rem .5rem;font-size:.9rem}.invite-preview{text-align:center}.invite-preview .invite-mini{margin:0 auto 1rem}.invite-preview .sprite{background-size:1248px 96px;background-position:calc(var(--frame,12) * -96px) 0;width:96px;height:96px;margin:0 auto 1rem;display:block}.gallery-tabs{flex-wrap:wrap;gap:10px;margin:1rem 0;display:flex}.gallery-part-head{flex-wrap:wrap;align-items:baseline;gap:.75rem;display:flex}.gallery-part code{color:var(--accent)}.gallery-cards{flex-wrap:wrap;gap:6px;display:flex}.gallery-card{text-align:center;background:#e9e4d6;border-radius:2px;margin:0}.gallery-card canvas{display:block}.gallery-card figcaption{color:#4a3b2e;padding:0 0 3px;font-size:.7rem}.look-fieldset{overflow:hidden}.creator{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start;gap:1.25rem;display:grid}.creator-stage{flex-direction:column;gap:.75rem;min-width:0;display:flex}.creator-turnaround{box-shadow:inset 0 0 0 2px var(--border-light);background:radial-gradient(at 50% 35%,#f3eddc,#d9cfb6);border-radius:2px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:6px;display:grid}.creator-view{text-align:center;margin:0}.creator-view canvas{width:100%;height:auto;display:block}.creator-view figcaption{color:#5e4433;font-size:.75rem}.creator-actions,.creator-presets{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.segmented{gap:6px;display:inline-flex}.preset-chip{background:var(--panel-raised);color:var(--text);box-shadow:0 0 0 2px var(--border);padding:.3rem .6rem;font-size:.8rem;font-weight:400}.creator-drawer{flex-direction:column;gap:.75rem;min-width:0;display:flex}.creator-tabs{flex-direction:column;gap:6px;display:flex}.creator-tab-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.creator-tab-group-label{width:3.5rem;color:var(--muted);font-size:.75rem}.creator-tab{background:var(--bg-deep);color:var(--text);box-shadow:inset 0 0 0 2px var(--border-light);padding:.25rem .55rem;font-size:.8rem;font-weight:400}.creator-tab.active{background:var(--accent);color:var(--bg-deep);box-shadow:0 0 0 2px var(--border)}.creator-options{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;display:grid}.creator-option{color:#3f2631;background:#ece5d2;flex-direction:column;gap:2px;padding:4px;font-size:.75rem;font-weight:400;display:flex;box-shadow:inset 0 0 0 2px #cdbf9f}.creator-option canvas{aspect-ratio:1;width:100%;height:auto}.creator-option.selected{box-shadow:inset 0 0 0 3px var(--accent-deep), 0 0 0 2px var(--border)}.creator-colours{flex-direction:column;gap:6px;display:flex}.creator-swatches{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.creator-swatch-label{width:5.5rem;color:var(--muted);font-size:.75rem}.swatch{background:var(--sw);width:20px;height:20px;box-shadow:0 0 0 2px var(--border);border-radius:50%;padding:0}.swatch.selected{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--text)}.swatch.custom{background:conic-gradient(#e0574a,#e3b23c,#6aa84f,#3d8fb5,#7a5bb5,#e0574a);display:inline-block;position:relative;overflow:hidden}.swatch.custom input{opacity:0;cursor:pointer;width:calc(100% + 8px);height:calc(100% + 8px);padding:0;position:absolute;inset:-4px}.mini-portrait{flex:none;display:block}@media (width<=860px){.creator{grid-template-columns:1fr}}@media (width<=900px){.village{grid-template-columns:1fr}.village-stage{height:65vh}.village-side{max-height:none}.hud-event{white-space:normal;text-align:center;width:calc(100% - 24px);top:auto;bottom:120px}}