:root{font-family:ui-rounded,'Trebuchet MS',system-ui,sans-serif;color:#19304b;background:#0d1d37;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{border:0;border-radius:10px;padding:10px 13px;background:#edf2f8;color:#29425e;font-size:14px;font-weight:700;cursor:pointer}button:hover{background:#dde8f5}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #f0b661;outline-offset:3px}header{min-height:76px;padding:16px 25px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#0d1d37;color:white}.brand{display:flex;gap:12px;align-items:center;font-weight:900;letter-spacing:2px;color:white;text-decoration:none;font-size:21px}.brand b{background:#70ddd1;color:#112742;border-radius:9px;padding:4px 9px;transform:rotate(-8deg)}.brand span{color:#a7bfd9;font-size:11px;letter-spacing:2px;border-left:1px solid #40516a;padding-left:16px}header>div{display:flex;gap:7px}header button{background:#20314e;color:#dbe8fa;font-size:13px}header button:hover{background:#344b6a}main{display:grid;grid-template-columns:300px minmax(0,1fr);height:calc(100dvh - 76px);min-height:650px}aside{background:#fbfcff;padding:26px 22px;overflow-y:auto}.eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:800;color:#7292a9}h1{font-size:30px;letter-spacing:-1px;line-height:1.12;margin:12px 0}p{font-size:14px;line-height:1.55;color:#6e8095}h2{font-size:28px;letter-spacing:-.8px;margin:9px 0}h3{font-size:17px;margin:14px 0 7px}.intro{margin-bottom:22px}.tabs{display:flex;background:#edf2f7;border-radius:10px;padding:4px;gap:3px}.tabs button{font-size:12px;flex:1;padding:10px 5px}.tabs button.active{background:#143d55;color:white}#catalog{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:13px 0}.piece{min-height:84px;padding:10px 7px;text-align:left;border:1px solid #e3eaf3;background:white;display:flex;flex-direction:column;justify-content:center;gap:7px}.piece strong{font-size:14px}.piece small{font-size:11px;color:#7c8ea2;font-weight:400}.piece .dot{height:9px;width:24px;border-radius:7px;background:var(--accent)}.piece.active{background:#e9f8f3;border-color:#70b9a9}label{font-size:13px;font-weight:700}#palette,.swatches{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 15px}.swatch{width:27px;height:27px;padding:0;border-radius:50%;border:3px solid white;box-shadow:0 0 0 1px #dae1eb}.swatch.active{box-shadow:0 0 0 2px #234c7a}.row{display:flex;align-items:center;justify-content:space-between;gap:8px}.row button{flex:1;font-size:12px}.plan{border-top:1px solid #e1e8f0;margin-top:20px;padding-top:18px}.plan strong{font-size:14px}.plan span{font-size:12px;color:#71879d}.plan p{font-size:12px;margin:9px 0}.primary{background:#176058;color:#fff;width:100%;padding:14px}.primary:hover{background:#237d70}.textbutton{width:100%;background:none;font-size:12px;margin-top:4px}details{margin-top:17px;border-top:1px solid #e2eaf3;padding-top:17px}summary{font-size:14px;font-weight:800;cursor:pointer}.mission{font-size:12px;padding:10px 0;border-bottom:1px solid #ecf0f5;color:#8190a3;line-height:1.5}.mission.done{color:#157464}.footnote{font-size:11px;margin-top:25px}.viewport{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 20%,#32628b,#142442 75%)}#world{display:block;width:100%;height:100%;touch-action:none}.worldtop{position:absolute;top:25px;left:27px;right:27px;display:flex;justify-content:space-between;pointer-events:none;color:white}.place{letter-spacing:3px;font-size:15px;font-weight:800}.place small{display:block;font-size:12px;letter-spacing:0;color:#acd2e1;margin-top:6px;font-weight:400}#builtCount{font-size:12px;background:#17324bbd;padding:10px 14px;border:1px solid #6b9faf55;border-radius:25px;height:36px}.worldbottom{position:absolute;bottom:24px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.viewbuttons{display:flex;gap:5px}.viewbuttons button{background:#172f4beb;color:#d9edff;font-size:18px;width:40px}#hint{color:#d1e4f5;font-size:12px;text-shadow:0 1px 5px #0b1f32;max-width:310px;text-align:right}#notice{position:absolute;bottom:87px;left:50%;transform:translateX(-50%);max-width:85%;width:max-content;padding:12px 19px;border-radius:13px;background:#f8fffd;color:#26534e;box-shadow:0 7px 24px #071a2f44;font-size:14px;line-height:1.4;text-align:center}#loading{position:absolute;inset:0;display:grid;place-items:center;color:white;background:#142842}#error{position:absolute;inset:0;background:#152a43;color:white;padding:60px;display:grid;align-content:center}#error p{color:#c6d6e7}.plan.busy .primary{background:#566f86}dialog{padding:26px;border:0;border-radius:22px;max-height:93dvh;width:min(720px,94vw);color:#1a3550;box-shadow:0 25px 100px #031127aa}dialog::backdrop{background:#07182bc7;backdrop-filter:blur(6px)}.dialoghead{display:flex;align-items:center;justify-content:space-between;gap:16px}.avatarlayout{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:18px 0}.avatarpreview{background:radial-gradient(ellipse at 50% 70%,#d5efe9,#eaf0fa);border-radius:20px;min-width:0;position:relative}.avatarpreview canvas{width:100%;height:320px;display:block;touch-action:none}.avatarpreview span{position:absolute;bottom:13px;left:0;right:0;text-align:center;font-size:11px;color:#708a9a}.avatarcontrol{margin-bottom:17px}.avatarcontrol>label{display:block;margin-bottom:8px}.options{display:flex;flex-wrap:wrap;gap:5px}.options button{font-size:12px;padding:8px}.options button.active{background:#1e6862;color:white}.painttools{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-top:20px}.painttools label{display:flex;align-items:center;gap:6px}.painttools input[type=range]{width:90px}#painting{width:100%;height:auto;margin-top:15px;touch-action:none;border:1px solid #e5ecf3}#resetDialog{max-width:430px}#resetDialog .primary{margin-top:12px}[hidden]{display:none!important}@media(max-width:850px){header{padding:13px 16px;flex-wrap:wrap}.brand span{display:none}header>div{flex-wrap:wrap}header button{font-size:12px;padding:8px}main{height:auto;min-height:0;grid-template-columns:1fr}.viewport{grid-row:1;height:58dvh;min-height:390px}aside{padding:20px}h1{font-size:24px}h1 br{display:none}.intro{display:none}#catalog{grid-template-columns:repeat(4,1fr)}.plan{margin-top:10px}#pieceOptions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}#palette{margin:5px 0}#pieceOptions .row{margin-left:auto}.worldtop{left:18px;right:18px;top:18px}.worldbottom{left:15px;right:15px;bottom:15px}#hint{max-width:180px}#notice{bottom:70px;font-size:12px}#avatarControls .swatches{gap:7px}.avatarlayout{gap:15px}.avatarpreview canvas{height:290px}}@media(max-width:480px){.avatarlayout{grid-template-columns:1fr}.avatarpreview canvas{height:220px}.avatarpreview span{display:none}#avatarControls{display:grid;grid-template-columns:1fr 1fr;gap:10px}.avatarcontrol{margin:0}.piece small{display:none}.piece{min-height:65px}.worldbottom #hint{display:none}}@media print{body>*{display:none!important}body>#printSheet{display:block!important;width:100%}#printSheet img{width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/* Character studio and activity completion */
#avatarDialog{width:min(870px,96vw)}.avatarlayout{grid-template-columns:minmax(220px,.9fr) minmax(0,1.1fr);align-items:start}.avatarpreview{position:sticky;top:0}.avatarpreview canvas{height:410px}.avatarsettings{min-width:0}#avatarTabs{display:flex;gap:5px;margin-bottom:12px}#avatarTabs button{flex:1}.avatarsettings button.active{background:#1c685e;color:white}#avatarControls .swatch.active{background:unset;color:inherit;box-shadow:0 0 0 3px #234c7a}.optionhint{font-size:13px;margin:5px 0 15px}.avatarcontrol>label{font-size:14px}.options button{font-size:14px;min-height:38px}.swatches .swatch{width:32px;height:32px}.fixedoutfit{text-align:center;font-size:13px;color:#536d81}.missionprogress{margin-top:15px}progress{appearance:none;width:100%;height:9px;border:0;border-radius:8px;overflow:hidden;background:#e2e9f0}progress::-webkit-progress-bar{background:#e2e9f0}progress::-webkit-progress-value{background:#27a58d}progress::-moz-progress-bar{background:#27a58d}#missionProgressLabel{font-size:12px;display:block;margin-top:6px;color:#56728c}.mission{display:block;background:transparent;text-align:left;width:100%;font-weight:400;font-size:14px}.mission strong{font-size:13px}.mission small{display:block;font-size:12px;margin:3px 0 0 19px}header #rewardOpen:not(:disabled){background:#78d4bb;color:#103e3b}#colorDialog{width:min(790px,96vw)}.colorinstructions{font-size:18px;color:#1c554f;font-weight:700}#paintPalette{display:grid;grid-template-columns:repeat(10,1fr);gap:5px}.paintchip{background:#edf2f8;font-size:11px;padding:7px 2px;display:flex;flex-direction:column;align-items:center;gap:5px}.paintchip span{display:block;background:var(--paint);width:30px;height:30px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #cbd7e2}.paintchip.active{background:#d4ece5;box-shadow:inset 0 0 0 2px #2e9e84}.fillfallback{display:flex;align-items:center;gap:8px;margin-top:14px;flex-wrap:wrap}.fillfallback select{border:1px solid #cbd7df;border-radius:7px;padding:9px;font:inherit;font-size:14px;max-width:190px}#paintStatus{font-size:13px;margin:10px 0}#painting{display:block;max-height:58dvh;width:auto;max-width:100%;margin:0 auto;cursor:pointer;border:1px solid #e0e8f0;touch-action:manipulation}#rewardDialog{width:min(1060px,96vw)}#certificatePreview{display:block;width:100%;height:auto;border:1px solid #c4ded6;border-radius:8px}.rewardactions{display:flex;gap:10px;margin-top:17px;flex-wrap:wrap}.rewardactions .primary{width:auto;flex:1}.rewardactions button{min-height:44px}#avatarControls{min-height:310px}button:disabled{cursor:not-allowed}.piece strong{font-size:14px}.piece small{font-size:12px}.footnote{font-size:12px}.plan p{font-size:14px}#hint{font-size:14px}
@media(max-width:850px){#avatarDialog .avatarlayout{grid-template-columns:minmax(160px,.75fr) minmax(0,1.25fr)}.avatarpreview canvas{height:340px}#paintPalette{grid-template-columns:repeat(5,1fr)}.paintchip{flex-direction:row;justify-content:center;font-size:12px}.worldtop{top:14px}}
@media(max-width:560px){#avatarDialog .avatarlayout{grid-template-columns:1fr}.avatarpreview{position:static}.avatarpreview canvas{height:240px}#avatarControls{display:block;min-height:0}.avatarcontrol{margin-bottom:15px}.paintchip span{height:23px;width:23px}.paintchip{font-size:10px}#painting{max-height:none;width:100%}.colorinstructions{font-size:16px}.rewardactions{flex-direction:column}.brand{font-size:19px}#catalog{grid-template-columns:repeat(2,1fr)}.piece small{display:block}}
@media print{body>#printSheet[hidden]{display:block!important;position:static}body>#printSheet img{display:block;width:100%;height:auto;max-height:95vh;object-fit:contain}@page{margin:8mm}}
/* Team1 adventure identity */
:root{--team-red:#e6212f;--team-black:#161617;--team-white:#f5f5f9}
header{background:var(--team-black);border-bottom:2px solid #e6212f}.brand b{background:#e6212f;color:white}.team-brand{font-weight:900;letter-spacing:0!important;color:white!important;font-size:17px!important;white-space:nowrap}.team-brand .brand-one{color:#e6212f!important;border:0!important;padding:0!important;font-size:inherit!important;letter-spacing:0!important}.brand>.team-brand{padding-left:12px}.primary{background:#e6212f}.primary:hover{background:#bc1725}header button{background:#2c2c33}.tabs button.active{background:#161617}.piece.active{background:#eff2ff;border-color:#3055b3}.eyebrow{color:#526989}.swatches .swatch{min-width:34px;min-height:34px}.options button{min-height:42px}.brand span{display:inline}.worldtop .place{max-width:70%;overflow-wrap:anywhere;letter-spacing:1px}#worldByline{line-height:1.4}.learntrigger{width:100%;margin-top:18px;background:#161617;color:white;display:grid;grid-template-columns:35px 1fr;text-align:left;gap:2px 8px}.learntrigger b{grid-row:span 2;background:#e6212f;color:white;padding:6px;text-align:center;border-radius:8px;font-size:20px}.learntrigger span{font-size:11px;font-weight:400;color:#cdd3e4}.learningcard{position:absolute;top:88px;right:22px;width:min(360px,calc(100% - 36px));background:#161617;color:white;padding:17px;border-radius:16px;border:1px solid #ffffff30;box-shadow:0 12px 40px #08162755;display:grid;grid-template-columns:35px 1fr 25px;gap:10px}.learningmark{background:#e6212f;font-size:26px;font-weight:900;height:39px;display:grid;place-items:center;border-radius:7px}.learningcard .eyebrow{font-size:9px;letter-spacing:1px;color:#eaaeb4}.learningcard h3{color:white;margin:6px 0;font-size:18px}.learningcard p{color:#e2e5ec;font-size:14px;margin:0 0 9px}.learningcard button{padding:7px;font-size:12px;background:#313138;color:white}.learningcard #learningClose{height:28px;padding:4px}.learningcard #learningNext{color:#fff;background:#bb202c}#welcomeDialog{width:min(920px,96vw);background:#f5f5f9;padding:35px}.welcome-brand{background:#161617;color:white;border-radius:10px;padding:13px 18px;letter-spacing:3px;font-weight:900;display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.welcome-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px}.welcome-grid h1{font-size:54px;margin:14px 0;line-height:1.04;letter-spacing:-2px;color:#161617}.welcome-grid p{color:#526079;font-size:16px}.journey{padding-left:23px;line-height:2;font-size:14px;font-weight:700;color:#3055b3}#welcomeForm{background:white;border:1px solid #e1e4ec;padding:24px;border-radius:18px;display:flex;flex-direction:column;gap:10px}#welcomeForm label{font-size:14px;color:#272837;margin-top:6px}#welcomeForm input{width:100%;border:1px solid #cdd1dc;background:#f8f9fc;border-radius:9px;padding:13px;color:#161617;min-height:46px}#welcomeForm .namehint{font-size:12px;line-height:1.5;margin:3px 0;color:#68728a}#welcomeColor{color:#3055b3;text-align:left;padding-left:0;font-size:14px}#colorPage{font:inherit;border:1px solid #bcc7d7;border-radius:9px;padding:10px;margin:8px;width:calc(100% - 16px)}#avatarReady{font-size:16px}#avatarControls .swatch{border-color:#fff}header>div{flex-wrap:wrap}progress::-webkit-progress-value{background:#3055b3}progress::-moz-progress-bar{background:#3055b3}.avatarpreview{background:radial-gradient(ellipse at 50% 70%,#c3d7f3,#edf0f9)}
@media(max-width:700px){.welcome-grid{grid-template-columns:1fr;gap:16px}#welcomeDialog{padding:20px}.welcome-grid h1{font-size:40px}.welcome-grid .journey{display:none}.welcome-grid>div>p{font-size:14px;margin:10px 0}.welcome-brand{margin-bottom:20px}#welcomeForm{padding:17px}.learningcard{top:72px;right:12px;padding:12px;width:min(330px,calc(100% - 24px))}.learningcard p{font-size:13px}.learningcard h3{font-size:16px}.brand>.team-brand{display:inline;font-size:12px!important}.worldtop .place{font-size:13px}}
@font-face{font-family:Kanit;src:url('assets/kanit-latin-400.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Kanit;src:url('assets/kanit-latin-600.woff2') format('woff2');font-weight:600 900;font-display:swap}h1,h2,h3,.brand,.welcome-brand{font-family:Kanit,'Trebuchet MS',sans-serif}.team-brand{display:inline-flex!important;align-items:center;gap:8px}.team-brand img{display:block;object-fit:contain}.brand>.team-brand{font-family:system-ui,sans-serif;font-weight:400;font-size:12px!important}.openpage{display:block;padding:12px;border:1px dashed #adb9d1;border-radius:10px;font-size:13px}.openpage input{display:block;max-width:100%;margin:8px 0;font-size:12px}.openpage small{font-weight:400;color:#64738b}
/* Big tactile Team1 controls, kept below the build action. */
.controlcluster{display:flex;flex-direction:column;gap:13px;padding:12px;border-radius:16px;background:#161617d9;border:1px solid #ffffff40;max-width:100%}.viewbuttons{display:flex;gap:9px;flex-wrap:wrap}.keycap,.viewbuttons .keycap{background:#111114;color:#e6212f;border:2px solid #fff;border-radius:8px;box-shadow:0 4px 0 #91939d,0 6px 0 #000;padding:6px 10px;min-width:48px;min-height:46px;width:auto;font-family:Kanit,sans-serif;font-size:22px;line-height:1.15;touch-action:manipulation}.keycap b{font-weight:600}.keycap small{display:block;font-family:system-ui,sans-serif;color:#fff;font-size:9px;margin-top:4px;font-weight:500}.keycap:hover,.viewbuttons .keycap:hover{background:#303039}.keycap:active{transform:translateY(3px);box-shadow:0 1px 0 #91939d}.keycap:disabled{opacity:.4}.movementkeys{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.movementkeys>span{color:white;font-size:11px;font-weight:700;width:100%}.movementkeys>small{color:#d4d8e6;font-size:10px}.movementkeys .keycap{min-width:44px;min-height:40px}.worldbottom{align-items:end;pointer-events:none}.worldbottom .controlcluster{pointer-events:auto}#notice{position:static;transform:none;max-width:100%;width:auto;background:#edf2fa;box-shadow:none;padding:10px;border-radius:8px;text-align:left;font-size:13px;line-height:1.45;margin-bottom:12px;color:#34425c}#reset{border:1px solid #ffffff9c;color:white}#hint{max-width:210px}#rotate.keycap{font-size:14px;color:#e6212f}.viewport{background:radial-gradient(ellipse at 50% 12%,#674257,#17263e 74%)}
@media(max-width:600px){.controlcluster{padding:9px;gap:11px}.viewbuttons{gap:7px}.viewbuttons .keycap{min-width:42px;padding:5px 7px;font-size:18px}.keycap small{font-size:8px}.movementkeys .keycap{min-width:40px}.movementkeys>span{width:auto;margin-right:3px}.movementkeys>small{display:none}.worldbottom{bottom:13px;left:12px;right:12px}#hint{display:none}.viewport{height:65dvh;min-height:470px}}
/* Snow Bucks: a clear little vault, rotating coins, and a fair prism collection. */
.snowbank{position:relative;overflow:hidden;background:linear-gradient(135deg,#152843,#21273f);color:#e8faff;border:1px solid #a8dcee;border-radius:17px;padding:15px;margin:0 0 20px;box-shadow:inset 0 0 24px #9fdafa15}.bankheading{display:flex;align-items:center;gap:12px}.bankheading .eyebrow{display:block;color:#a7d4ec;font-size:10px;letter-spacing:1.6px}.bankheading strong{display:block;font-family:Kanit,sans-serif;font-size:20px}.snowcoin{width:42px;height:42px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;border:3px double #edffff;background:conic-gradient(#a9edff,#f2d2ff,#fcf8d3,#b7ffe7,#bddaff,#a9edff);box-shadow:0 0 12px #bdeeff66,inset 0 0 0 2px #74a6cb;color:#376381;font-size:28px;animation:snow-spin 5s linear infinite;transform-style:preserve-3d}.vault{position:relative;margin:15px auto 12px;width:190px;height:93px;border:2px solid #c7f0ff;border-radius:12px;background:linear-gradient(135deg,#defaff25,#b3dfff05 40%,#f8d4ff18);box-shadow:inset 4px 4px 0 #ffffff25,5px 5px 0 #8eaaca66;overflow:hidden}.vault:before{content:'';position:absolute;inset:5px;border:1px solid #d5f6ff55;border-radius:7px}.vault>span{position:absolute;left:10px;top:10px;font-size:8px;letter-spacing:2px;color:#d2f4ff}.vaultcoins{position:absolute;inset:20px 58px 2px 3px}.vaultcoins i{position:absolute;left:var(--x);bottom:var(--y);transform:rotate(var(--r));width:23px;height:23px;background:linear-gradient(125deg,#b3ddff,#fff8ef,#e2d3ff,#baf9ef);border:1px solid #efffff;border-radius:50%;font-style:normal;color:#6194b3;font-size:18px;text-align:center;line-height:21px;box-shadow:1px 2px 2px #06152655}.vaultdoor{position:absolute;right:12px;top:25px;width:50px;height:50px;display:grid;place-items:center;font-size:36px;color:#dcfaff;border:3px double #d5eeff;border-radius:50%;background:#d5f6ff18;box-shadow:inset 0 0 15px #ffffff20}.banknumbers{display:flex;justify-content:space-between;gap:7px;font-size:11px;color:#bad3e6}.banknumbers b{display:block;color:white;font-size:17px;font-family:Kanit,sans-serif}.snowbank p{font-size:12px;line-height:1.4;color:#d8f5fc;margin:10px 0 7px}.snowbank>small{display:block;color:#a8bed4;font-size:10px;line-height:1.5}.price{font-family:Kanit,sans-serif;font-size:12px;color:#31557b;background:#eaf2ff;padding:3px 5px;border-radius:5px;width:fit-content}.buildspeed{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin:10px 0}.buildspeed select{font:inherit;color:#20344e;padding:8px;border:1px solid #b8c8db;border-radius:7px;background:white}.collection{margin-top:20px;border-top:1px solid #c8d7e6;padding-top:10px}.collection h3{font-size:18px}.collection .row>span{font:600 18px Kanit;color:#3055b3}.collection p{color:#304969;font-size:13px;margin:5px 0 12px}.collection>small{display:block;margin-top:10px;color:#5b7089;font-size:11px;line-height:1.5}#rarityCollection{display:flex;gap:6px;flex-wrap:wrap}.rarity{font-size:11px;padding:6px 9px;border:1px solid #cfdae8;border-radius:20px;color:#7c899a;background:#f0f3f9}.rarity.collected{color:var(--rarity);background:#17283e;border-color:var(--rarity);box-shadow:inset 0 0 8px #ffffff14}.holo-card{position:relative;border-radius:16px;overflow:hidden;background:linear-gradient(120deg,#d4ffff,#dfbbff,#ffffce,#b1eeef);padding:3px;box-shadow:0 12px 30px #23355235}.holo-card:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 15%,#c6feff55 28%,#ffaaff55 35%,#ffffda55 43%,transparent 55%);background-size:250% 100%;mix-blend-mode:screen;opacity:var(--holo-strength,.2);animation:foil-pass 8s linear infinite}#certificatePreview{border:0;border-radius:13px}.viewbuttons #focusView{min-width:66px}.controlcluster{gap:9px}.movementkeys>span{width:auto}#hint{display:none}@keyframes snow-spin{to{transform:rotateY(360deg)}}@keyframes foil-pass{from{background-position:200% 0}to{background-position:-100% 0}}@media(prefers-reduced-motion:reduce){.snowcoin,.holo-card:after{animation:none}}@media(max-width:850px){.snowbank{margin-bottom:14px}.vault{position:absolute;right:16px;top:10px;transform:scale(.75);transform-origin:right top;margin:0}.bankheading{padding-right:130px;min-height:70px}.banknumbers{max-width:270px}.snowbank>small{max-width:420px}.viewbuttons .keycap{min-width:38px;padding:5px}.viewbuttons #focusView{min-width:55px}.viewbuttons{gap:7px}.controlcluster{padding:8px}.movementkeys .keycap{min-height:34px;min-width:37px}.movementkeys>span{font-size:10px}.viewport{min-height:470px}}@media(max-width:420px){.bankheading{padding-right:90px}.vault{transform:scale(.55)}.bankheading strong{font-size:18px}.snowcoin{width:34px;height:34px;font-size:23px}.viewbuttons .keycap{font-size:16px}.keycap small{font-size:7px}.worldtop .place{max-width:62%}}
/* Personal keepsakes and picture first studio. */
.welcome-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}.welcome-grid>*{min-width:0}.welcome-grid h1{font-size:clamp(34px,5vw,49px);overflow-wrap:normal;letter-spacing:-1px}.welcome-grid .eyebrow{font-size:14px;letter-spacing:.5px}.journey{color:#e6212f;line-height:1.7}.welcome-brand{flex-wrap:wrap;gap:12px}.brand b{background:#e6212f}header{border-color:#e6212f}.colorpages{display:flex;gap:12px;margin:20px 0}.colorpage{flex:1;min-width:0;background:#f4f6fc;border:2px solid #d6dfea;padding:8px}.colorpage[aria-pressed=true]{border-color:#315abb;background:#eaf2ff}.colorpage img{width:100%;height:115px;object-fit:contain;background:white;border-radius:8px;display:block}.colorpage span{display:block;margin-top:8px;font-size:13px}#colorDialog>.dialoghead{background:radial-gradient(ellipse at 20% 15%,#63edd566,transparent 65%),radial-gradient(ellipse at 75% 90%,#bd7feb77,transparent 65%),linear-gradient(130deg,#14253d,#21485a);color:white;padding:18px;border-radius:16px}#colorDialog .eyebrow{color:#adf5eb}.vaultdoor{color:#bceeff;font-size:44px}.vaultcoins i{transition:bottom .4s ease}.holo-card{background:linear-gradient(130deg,var(--foil0),var(--foil1),var(--foil2),var(--foil3));transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .14s ease;will-change:transform}.holo-card:after{background:linear-gradient(115deg,transparent 15%,var(--foil0) 28%,var(--foil1) 35%,var(--foil2) 43%,transparent 55%);background-size:250% 100%;background-position:var(--shine,50%) 0}.personalfinds{font-size:13px;line-height:1.7;margin:15px 0;color:#35506e}.petmystery{height:220px;display:grid;place-items:center;font:100px Kanit;background:radial-gradient(ellipse,#d5edff,#ece4ff);border-radius:18px;color:#7657b0}.petmystery canvas{width:220px;height:220px}.coin-award{position:fixed;inset:0;z-index:9999;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center}.awardcoin{width:112px;height:112px;display:grid;place-items:center;border-radius:50%;border:6px double white;background:conic-gradient(#b6ecff,#e7d1ff,#fff8dc,#aeefff);color:#367091;font-size:76px;box-shadow:0 0 45px #bdefff}.coin-award p{background:#10263ff2;color:white;border:1px solid #c3edff;border-radius:16px;padding:16px 24px;text-align:center;font-size:20px;max-width:min(460px,85vw)}.coin-award i{position:absolute;left:50%;top:43%;font-style:normal;color:#c2f0ff;font-size:24px}.petmystery~.primary{margin-top:8px}@media(max-width:700px){.welcome-grid{grid-template-columns:1fr}.welcome-grid .journey{display:block}.colorpage img{height:85px}.colorpages{gap:7px}.colorpage span{font-size:11px}}@media(prefers-reduced-motion:reduce){.holo-card{transform:none;transition:none}.vaultcoins i{transition:none}}
.paintmodes{display:flex;gap:8px;margin:12px 0}.paintmodes button{flex:1}.paintmodes button[aria-pressed=true]{background:#3055b3;color:white}@media print{@page{size:auto;margin:10mm}#printSheet img{width:auto!important;max-width:100%!important;max-height:245mm!important;display:block;margin:auto}}

#placementStatus{position:absolute;top:75px;left:20px;max-width:min(480px,calc(100% - 40px));padding:10px 14px;border-radius:10px;color:white;background:#10243be8;pointer-events:none;font-size:13px;line-height:1.4;z-index:2}#placementStatus:empty{display:none}.place-open{width:100%;margin:10px 0;background:#3055b3;color:white}.place-open:hover{background:#23479b}.worldbottom{pointer-events:none}.worldbottom button{pointer-events:auto}
/* A calmer building studio and a special delivery from Team1. */
aside>.eyebrow,aside>.intro,.plan>#notice,.piece small{display:none}aside h1{font-size:25px;line-height:1.15;margin:0 0 12px}.snowbank{padding:12px}.snowbank .bankheading{padding-right:0}.bankdetails{margin:8px 0 0}.bankdetails .vault{position:relative;inset:auto;width:150px;transform:none;margin:12px auto}.bankdetails summary{font-size:12px}.missionprogress{margin:10px 0 14px}.collection summary{font-weight:600}.collection .row{margin-top:12px}.piece{min-height:64px}.plan{padding:13px}.plan p{font-size:12px}.footnote{font-size:10px;line-height:1.5}.tabs button{white-space:normal}
#petDialog{width:min(620px,94vw)}#petMystery{position:relative;height:330px;width:100%;margin:18px 0;overflow:hidden;perspective:1100px;border-radius:22px;background:conic-gradient(from 25deg at 45% 45%,#fff2f8,#d8f5ff,#efe0ff,#fff4c9,#ffd8e8,#d8fff5,#fff2f8);display:block;font-size:initial}.envelope{position:absolute;left:50%;top:62px;translate:-50% 0;width:360px;max-width:78%;height:215px;transform-style:preserve-3d}.envelope-front,.envelope-back{position:absolute;inset:0;border-radius:12px;backface-visibility:hidden;box-shadow:0 14px 26px #54227f26}.envelope-front{display:flex;align-items:center;justify-content:center;flex-direction:column;color:#54227f;background:linear-gradient(125deg,#fff0f7,#fbd5e7,#ffeaf4);border:2px solid #fff8fc}.envelope-front b{font:600 82px/1 Kanit,sans-serif}.envelope-front strong{font:500 23px/1.3 Kanit,sans-serif}.envelope-front span{font-size:15px;margin-top:8px}.envelope-back{transform:rotateY(180deg);background:#ffdaea url('assets/envelope-snowflakes.svg')}.envelope-flap{position:absolute;inset:0 0 auto;height:125px;background:#ffe5ef url('assets/envelope-snowflakes.svg');clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:50% 0;z-index:2;filter:drop-shadow(0 3px 2px #b0375544)}.envelope-pocket{position:absolute;inset:0;background:#ffd0e2 url('assets/envelope-snowflakes.svg');clip-path:polygon(0 0,50% 58%,100% 0,100% 100%,0 100%)}.envelope-card{position:absolute;left:50%;top:150px;width:180px;height:230px;opacity:0;transform:translate(-50%,25%) scale(.45);background:linear-gradient(135deg,#b8fff0,#e8d2ff,#fff1a6,#ffbde2,#a8e8ff);border:7px solid #fff9fc;border-radius:16px;box-shadow:0 12px 30px #46206140;color:#54227f;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;text-align:center;z-index:4}.envelope-card span{font:500 10px Kanit,sans-serif}.envelope-card b{font:600 20px/1.2 Kanit,sans-serif}.envelope-card i{font-style:normal;font-size:42px}.mint-sparkles{position:absolute;inset:20px;pointer-events:none;display:flex;align-items:center;justify-content:space-between;font-size:42px;color:white;text-shadow:0 0 14px #ad7bff;opacity:0;z-index:5}.mint-sparkles span{align-self:flex-start;font-size:30px;margin-top:16px}.revealing .mint-sparkles{animation:mintstars .55s 0s 1 alternate}@keyframes mintstars{from{opacity:.2;transform:scale(.8) rotate(-8deg)}to{opacity:1;transform:scale(1) rotate(8deg)}}@media(prefers-reduced-motion:reduce){.revealing .mint-sparkles{animation:none}}@media(max-width:600px){#petMystery{height:290px}.envelope{top:45px;height:190px}.envelope-front b{font-size:65px}}
.envelope-front{display:block;isolation:isolate;background:linear-gradient(130deg,#ffeaf4,#ffd9e9,#fff1f8);overflow:hidden}.envelope-front:before{content:'';position:absolute;inset:0;border-radius:7px;background:url('assets/envelope-edge-snowflakes.svg') center/100% 100% no-repeat;opacity:.7;pointer-events:none}.envelope-stamp{position:absolute;right:19px;top:18px;width:49px;height:66px;padding:8px;background:#161617;border:3px solid white;outline:2px dotted white;outline-offset:2px;transform:rotate(7deg);box-shadow:0 3px 7px #54227f25}.envelope-stamp img{display:block;width:100%;height:100%;object-fit:contain}.envelope-address{position:absolute;left:29px;top:39px;display:flex;flex-direction:column;align-items:center}.envelope-address b{font:600 79px/1 Kanit,sans-serif;background:linear-gradient(115deg,#54227f 25%,#8548a6 39%,#fff1ff 46%,#b58be0 51%,#54227f 62%);background-size:240% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:questionSheen 5s ease-in-out infinite}.envelope-address strong{font:500 22px/1.4 Kanit,sans-serif;color:#54227f}.envelope-love{position:absolute;right:23px;bottom:14px;display:flex;align-items:center;gap:4px}.envelope-love>span{font:400 12px Kanit,sans-serif;color:#54227f;margin:0}.team1-heart{position:relative;width:79px;height:69px;transform:rotate(-7deg)}.team1-heart svg{width:100%;height:100%;display:block}.team1-heart img{position:absolute;left:17%;top:31%;width:66%;height:auto}@keyframes questionSheen{0%,25%{background-position:100% 0}70%,100%{background-position:0 0}}@media(max-width:600px){.envelope-address{left:23px;top:27px}.envelope-address b{font-size:65px}.envelope-address strong{font-size:19px}.envelope-stamp{width:40px;height:56px;right:18px;top:17px}.envelope-love{right:18px;bottom:12px;gap:2px}.team1-heart{width:65px;height:57px}.envelope-love>span{font-size:10px}}@media(prefers-reduced-motion:reduce){.envelope-address b{animation:none;background-position:45% 0}}
/* Final event flow: visible actions, readable world panels, one customization list. */
main{grid-template-columns:268px minmax(0,1fr);min-height:0;height:calc(100dvh - 76px)}aside{padding:16px 14px;display:flex;flex-direction:column;gap:0}.snowbank{flex-shrink:0;margin:0 0 8px;padding:10px}.bankdetails{padding:0;border:0;margin:4px 0 0}.bankdetails .vault{position:absolute;right:10px;top:12px;left:auto;width:65px;height:60px;margin:0;opacity:.92}.snowbank{position:relative}.snowbank .bankheading{padding-right:62px}.bankheading strong{font-size:16px}.snowbank .eyebrow{font-size:9px}.vaultdoor{font-size:26px}.vault>span{display:none}.banknumbers{margin:6px 0 0;font-size:10px}.snowbank small{display:none}#bankMessage{font-size:10px;line-height:1.3;margin:5px 0 0}.missionprogress{margin:4px 0 9px}.tabs{flex-shrink:0}.tabs button{font-size:11px}.tabs button.locked:after{content:'🔒';font-size:10px;margin-left:3px}#catalog{gap:6px;margin:9px 0}.piece{min-height:62px;padding:8px;gap:5px}.piece strong{font-size:12px}.piece .price{font-size:10px}.piece .dot{height:6px}#palette{margin:8px 0}.plan{position:sticky;bottom:-16px;z-index:4;background:#fbfcfff5;backdrop-filter:blur(12px);margin-top:auto;padding:12px 0 6px;box-shadow:0 -9px 20px #fbfcff;border-top:1px solid #dce5ed}.plan p{margin:5px 0}.plan #send{font:600 19px Kanit,sans-serif;padding:11px}.buildspeed{display:flex;gap:6px;align-items:center;margin:7px 0}.buildspeed span{margin-right:auto}.buildspeed button{font-size:11px;padding:5px 10px}.buildspeed button[aria-pressed=true]{background:#161617;color:white}aside>.footnote{font-size:9px;line-height:1.3;margin:10px 0}.world-panel{position:absolute;z-index:2;background:#f4f8ffdd;color:#17324b;border:1px solid #ffffffbb;border-radius:18px;padding:13px 15px;box-shadow:0 7px 24px #06172822;backdrop-filter:blur(14px);width:232px}.world-panel h3{font-size:14px;margin:0 0 7px}.world-panel p,.world-panel small{color:#3f5970;font-size:11px;line-height:1.4}.world-panel .mission{display:block;width:100%;text-align:left;background:transparent;padding:9px 0;color:#334f69;font-size:11px}.world-panel .mission small{display:block}.world-panel .mission.done{color:#c62036;text-decoration:line-through;text-decoration-thickness:1.5px}.world-panel .mission.done small{color:#c62036}.world-panel .mission:disabled{opacity:.6}#missionPanel{left:22px;top:142px}#collectionPanel{right:20px;bottom:20px;width:230px;margin:0}#collectionPanel .row{margin:0}#collectionPanel .row h3{margin:0}#rarityCollection{gap:4px}.rarity{font-size:10px;padding:4px 6px}#placementStatus{max-width:min(510px,65%);left:22px;top:70px;font-size:12px}#placementStatus.invalid{background:#a8082a;color:white;border:2px solid #ff8395;box-shadow:0 0 15px #ff345c66}#hint{display:none}.worldbottom{right:auto;max-width:calc(100% - 280px)}.viewbuttons{flex-wrap:wrap}.controlcluster{max-width:100%}.worldbottom .keycap{min-width:36px}.worldbottom .movementkeys small{display:none}.avatarsettings{max-height:65dvh;overflow:auto;padding-right:9px}.avatarcontrol{padding-bottom:13px;border-bottom:1px solid #e3eaf4}.avatarpreview{position:sticky;top:0}.avatarlayout{align-items:start}.avatarpreview canvas{height:430px}#avatarControls{display:block}#avatarReady{position:sticky;bottom:-26px;z-index:3;box-shadow:0 -8px 20px white}.colorpages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-height:260px;overflow-y:auto}.colorpage img{height:85px}#petStatus:empty{display:none}.envelope-front:before{display:none}.envelope-moomoo{position:absolute;width:48%;height:91%;left:26%;bottom:2%;object-fit:contain}.envelope-address{left:auto;right:36px;top:auto;bottom:23px}.envelope-address b{font-size:64px}.envelope-love{left:17px;right:auto;bottom:14px}.team1-heart{transform:rotate(-17deg)}.envelope-stamp{z-index:2}.envelope-card{font-family:Kanit,sans-serif}#rewardDialog{width:min(1100px,96vw);max-height:96dvh;overflow:hidden;padding:18px;display:none}#rewardDialog[open]{display:flex;flex-direction:column;gap:9px}#rewardDialog .dialoghead{flex:0 0 auto}#rewardDialog h2{font-size:23px;margin:0}#rewardDialog .eyebrow{display:none}#rewardSummary{margin:0;font-size:12px;line-height:1.4}#holoCard{flex:1 1 auto;min-height:0;align-self:center;max-width:100%;padding:5px;line-height:0}#certificatePreview{display:block;width:auto;max-width:100%;height:auto;max-height:calc(96dvh - 170px);object-fit:contain}.rewardactions{flex:0 0 auto;margin:0;display:flex;gap:8px}.rewardactions button{flex:1;font-size:13px}.rewardactions .primary{width:auto}#personalFinds{display:none}
@media(min-width:851px) and (max-height:800px){aside h1{font-size:21px}.piece{min-height:55px}.plan p{display:none}.bankdetails #bankMessage{display:none}aside>.footnote{display:none}.world-panel{width:205px}#collectionPanel{width:200px}.worldbottom{max-width:calc(100% - 230px)}.viewbuttons .keycap{width:39px;padding:5px}.viewbuttons .keycap small{font-size:8px}.world-panel .mission{padding:6px 0}}
@media(max-width:1100px){#missionPanel{width:185px;padding:10px;top:140px}.world-panel .mission{font-size:10px}.world-panel h3{font-size:12px}.world-panel .mission small{font-size:10px}#collectionPanel{width:190px;padding:10px}.worldbottom{max-width:calc(100% - 220px)}}
@media(max-width:850px){main{display:flex;flex-direction:column;height:auto}.viewport{order:0;height:68dvh;min-height:550px;flex-shrink:0}aside{order:1;display:block;padding:14px}.plan{bottom:0;padding:12px;background:#fbfcff;box-shadow:0 -3px 12px #15344a22}.snowbank{max-width:420px}#catalog{grid-template-columns:repeat(4,minmax(0,1fr))}#pieceOptions{display:block}.worldbottom{left:10px;bottom:10px;max-width:calc(100% - 185px)}#collectionPanel{right:10px;bottom:10px;width:170px}#missionPanel{left:12px;top:130px;width:165px}#placementStatus{left:12px;top:65px;font-size:11px;max-width:90%}.viewbuttons .keycap{width:35px;min-width:30px;padding:5px}.viewbuttons .keycap small{font-size:8px}.movementkeys{gap:3px}.movementkeys span{display:none}.world-panel .mission small{display:none}.world-panel .mission{padding:8px 0}.avatarsettings{max-height:none;overflow:visible}.avatarlayout{grid-template-columns:1fr}.avatarpreview{z-index:2;top:-26px}.avatarpreview canvas{height:260px}#avatarControls{display:block}.colorpages{grid-template-columns:repeat(3,minmax(0,1fr))}.envelope-address{right:24px;top:auto;bottom:20px}.envelope-address b{font-size:55px}.envelope-love{left:12px;right:auto}#rewardSummary{font-size:11px}.rewardactions button{padding:9px 6px;font-size:11px}#certificatePreview{max-height:calc(96dvh - 180px)}}

/* Consistent stage labels and clear bank balances. */
.tabs button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.tabs button b{font-size:16px}.tabs button.locked:after{position:absolute;right:3px;top:4px}.tabs button{position:relative}.bankdetails .vault{width:78px;height:64px}.snowbank .bankheading{padding-right:88px;min-height:70px}.vaultcoins{inset:8px 3px 3px}.vaultcoins i{width:13px;height:13px;font-size:10px;line-height:11px}.vaultdoor{right:4px;top:5px;width:24px;height:24px;font-size:20px}.banknumbers{position:relative;margin-top:9px}.banknumbers span{flex:1;white-space:nowrap}.bankdetails .vault{transform:none}

/* Keep the build action directly beneath the color palette. */
aside>.plan{position:static;margin-top:8px;bottom:auto;box-shadow:none;background:#fbfcff;padding:10px 0 6px;flex-shrink:0}aside>#selection{order:1}aside>.footnote{order:2}
