body{--gold:#d3ae70}body:not(.entered)>header,body:not(.entered)>.intro,body:not(.entered)>.sections,body:not(.entered)>.workspace,body:not(.entered)>footer{display:none}.onboard{min-height:100vh;background:#eae0c8;color:#283927;font-family:Georgia,serif}.welcome{min-height:100vh;display:grid;grid-template-rows:80px 1fr 70px;background:repeating-linear-gradient(90deg,#392719 0,#493021 9px,#523825 12px,#362519 180px);padding:0 28px}.welcome-head{background:#ede1c7;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:5px solid #a97f44}.wordmark{font-size:40px;font-style:italic;font-weight:bold}.welcome-main{display:grid;grid-template-columns:39% 61%;margin:25px 0;border:9px ridge #694a2b;box-shadow:0 10px 40px #0008;min-height:560px}.welcome-copy{background:#f0e5cf;padding:50px 30px;display:flex;flex-direction:column;justify-content:center;text-align:center}.welcome-copy h1{font-size:clamp(45px,6vw,85px);font-weight:bold;font-style:italic}.welcome-copy h2{font-size:clamp(24px,3vw,38px);font-weight:normal;line-height:1.25}.welcome-copy p{font-size:19px;margin:15px 0 30px}.welcome-art{background:url('assets/section-1.png') center/cover;image-rendering:pixelated;min-height:400px}.brass-button{background:#2b4634;border:3px double #bd9a61;border-radius:7px;color:#fff1d0;padding:15px 27px;font:700 23px Georgia;box-shadow:0 3px 0 #795b33}.brass-button:hover{background:#3f5c42}.welcome-foot{text-align:center;background:#253a2b;color:#eee0c0;padding:20px;font-size:17px;border-top:2px solid #b99052}.builder{min-height:100vh;padding:25px;display:grid;grid-template-columns:40% 60%;background:linear-gradient(#151d2370,#172c2870),url('assets/section-1.png') center/cover fixed}.avatar-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.avatar-stage .wordmark{color:#fff2d3;text-shadow:3px 3px #342a20}.avatar-stage canvas{width:240px;height:360px;image-rendering:pixelated;filter:drop-shadow(0 12px 5px #0008)}.rotate{display:flex;gap:20px}.rotate button{background:#eedfbd;color:#253c2a;border:1px solid #b59863;padding:7px 20px}.builder-controls{background:#f0e5d0;border:7px ridge #9e7949;padding:25px 32px;box-shadow:0 10px 40px #0008}.builder-controls h1{font-size:42px}.builder-controls>p{font-size:17px;margin:4px 0 14px}.option-row{display:grid;grid-template-columns:80px 1fr;align-items:center;border-top:1px solid #b69f73;padding:12px 0;gap:8px}.option-row strong{font-size:17px}.choices{display:flex;gap:9px;flex-wrap:wrap}.choice{position:relative;width:70px;height:66px;background:#e4d4b5;border:2px solid #c3ad85;border-radius:5px;color:#2d3c2b;display:grid;place-items:center;font-size:15px}.choice.selected{border:3px solid #34573a;box-shadow:0 0 0 2px #eee1c7 inset}.choice canvas{width:48px;height:59px;image-rendering:pixelated}.choice.skin{width:48px;height:48px}.choice.skin.selected:after{content:'✓';color:white;text-shadow:0 1px 3px black;font:bold 22px system-ui}.builder-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #b69f73;padding-top:15px}.builder-bottom label{font:16px Georgia;display:flex;align-items:center;gap:10px}.builder-bottom input{width:22px;height:22px;accent-color:#34573a}.brass-button:disabled{opacity:.45;cursor:not-allowed}.builder-note{font:12px system-ui;color:#665b48;margin-top:12px}.action-bar{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:18;display:flex;align-items:center;gap:10px;background:#162a27ec;border:1px solid #be9c65;padding:8px 13px;border-radius:5px;box-shadow:0 5px 25px #0007}.action-bar button{background:#3c5140;border:1px solid #9b855c;padding:6px 10px;border-radius:3px}.action-bar .armed{background:#d6b578;color:#24392c}.action-bar span{font-size:11px;color:#dfd7bf}.ability-ready .scene{cursor:crosshair!important}.entered footer{padding-bottom:85px}.onboard[hidden]{display:none}.entered .map-panel{border-color:#816e4d}@media(max-width:750px){.welcome{padding:0 10px;grid-template-rows:64px 1fr auto}.wordmark{font-size:30px}.welcome-main{grid-template-columns:1fr;margin:12px 0}.welcome-copy{padding:25px 18px}.welcome-copy h1{font-size:50px}.welcome-copy p{margin:12px 0 20px}.welcome-art{min-height:240px;grid-row:1}.welcome-foot{font-size:14px;padding:15px}.builder{grid-template-columns:1fr;padding:10px}.avatar-stage{padding:15px}.avatar-stage canvas{width:128px;height:192px}.builder-controls{padding:18px 12px}.builder-controls h1{font-size:32px}.option-row{grid-template-columns:65px 1fr}.choice{width:53px;height:59px}.choices{gap:5px}.choice.skin{width:40px;height:40px}.action-bar{width:max-content;max-width:96%;bottom:8px;gap:6px}.action-bar span{font-size:9px}}

/* Walang bottom box. Mas kita tuloy yung beach, finally. */
.action-bar{display:none!important}.entered footer{padding-bottom:20px}.avatar-utilities{display:flex;gap:6px}.builder-bottom{justify-content:flex-end}

.avatar-stage canvas{width:240px;height:360px}.choice canvas{width:40px;height:60px}.avatar-stage #avatarLoadNote{font:14px system-ui}@media(max-width:750px){.avatar-stage canvas{width:160px;height:240px}.map-head{flex-wrap:wrap}.map-actions{flex-wrap:wrap}}