:root{--red:#ce1126;--gold:#fcd116;--green:#006b3f;--ink:#1a1a1a;--paper:#fffdf5;--line:#e7dfc4;--muted:#5b5548;color:var(--ink);background:var(--paper);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}body{background:var(--paper);min-height:100svh;color:var(--ink);margin:0}h1,h2{color:var(--green);margin:0;font-weight:700}h2{font-size:18px}p{margin:0}.wrap{max-width:640px;padding:16px max(16px, env(safe-area-inset-left,0px)) 24px max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));text-align:left;box-sizing:border-box;flex-direction:column;gap:16px;margin:0 auto;display:flex}.hero{background:var(--green);color:#fff;border-bottom:6px solid var(--gold);border-radius:10px;flex-direction:column;gap:6px;padding:18px 16px;display:flex}.hero h1{color:#fff;text-wrap:balance;font-size:28px;line-height:1.15}.hero .sub{color:#f5f1dc;font-size:15px}.tag{letter-spacing:.04em;text-transform:uppercase;color:var(--ink);background:var(--gold);border-radius:4px;align-self:flex-start;padding:3px 8px;font-size:12px;font-weight:700}.pill{color:var(--ink);background:var(--gold);border-radius:999px;margin-left:8px;padding:1px 8px;font-size:12px;display:inline-block}.card{border:1px solid var(--line);border-left:5px solid var(--green);background:#fff;border-radius:8px;flex-direction:column;gap:10px;padding:16px;display:flex}.profile{border-left-color:var(--red);flex-flow:wrap;justify-content:space-between;align-items:center}.big{color:var(--green);font-size:32px;font-weight:700}.hint{color:var(--muted);font-size:14px}.meta{color:var(--muted);font-size:13px}.error{color:var(--red);font-size:14px;font-weight:600}.note{background:var(--gold);color:var(--ink);border-radius:6px;padding:10px 12px;font-weight:600}label{color:var(--ink);flex-direction:column;gap:4px;font-size:15px;font-weight:600;display:flex}label.check{flex-direction:row;align-items:center;gap:8px;font-weight:400}input,select,textarea{font:inherit;color:var(--ink);box-sizing:border-box;background:#fff;border:1px solid #cfc6a6;border-radius:6px;width:100%;padding:9px 10px}input:focus,select:focus,textarea:focus{outline:3px solid var(--gold);outline-offset:1px;border-color:var(--green)}input[type=checkbox]{width:auto;accent-color:var(--green)}textarea{resize:vertical}button{font:inherit;background:var(--green);color:#fff;cursor:pointer;border:none;border-radius:6px;align-self:flex-start;padding:9px 16px;font-weight:700}button:hover{background:#053}button:focus-visible{outline:3px solid var(--gold);outline-offset:2px}button:disabled{color:var(--muted);cursor:not-allowed;background:#cfc6a6}button.small{padding:5px 12px;font-size:14px}button.ghost{color:var(--red);border:1px solid var(--red);background:0 0}button.ghost:hover{background:#fdecee}.list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.list li{border-bottom:1px solid var(--line);flex-direction:column;gap:6px;padding-bottom:10px;display:flex}:is(.list li:has(>span),.list li:has(>button)){flex-direction:row;justify-content:space-between;align-items:center;gap:8px}footer{margin:8px 0 24px}.gate{background:var(--green);color:#fff;text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:0 18px 20px;display:flex;overflow:hidden}.stripes{width:calc(100% + 36px);height:10px;margin:0 -18px 10px;display:flex}.stripes .red{background:var(--red);flex:1}.stripes .gold{background:var(--gold);flex:1}.stripes .green{background:var(--green);flex:1}.gate h1{color:#fff;text-wrap:balance;font-size:30px;line-height:1.1}.gate .sub{color:#f5f1dc;font-size:16px}.steps{flex-wrap:wrap;justify-content:center;gap:10px 14px;margin:10px 0 0;padding:0;list-style:none;display:flex}.step{color:#d9e8df;align-items:center;gap:6px;font-size:13px;display:flex}.dot{border:2px solid #d9e8df;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:inline-flex}.step.done .dot{background:var(--gold);border-color:var(--gold);color:var(--ink)}.step.done{color:#fff}.arch{width:84px;height:52px;margin-top:6px;position:relative}.arch .pillar{background:var(--gold);border-radius:3px 3px 0 0;width:14px;height:46px;position:absolute;bottom:0}.arch .pillar:first-child{left:0}.arch .pillar:nth-child(2){right:0}.arch .crossbar{background:var(--red);border-radius:999px 999px 0 0;height:12px;position:absolute;top:0;left:0;right:0}.character{border-left-color:var(--gold);border-left-width:5px;flex-direction:row;align-items:center;gap:14px}.avatar{background:var(--red);color:#fff;border:4px solid var(--gold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:22px;font-weight:700;display:flex}.char-info{flex-direction:column;gap:2px;min-width:0;display:flex}.avatar{cursor:pointer;padding:0;animation:.35s ease-out pop}@keyframes pop{0%{transform:scale(.85)}60%{transform:scale(1.08)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.avatar{animation:none}}.path-hit{cursor:pointer;height:10%;box-shadow:none;background:0 0;border:none;border-radius:0;align-self:auto;padding:0;position:absolute;top:66%;left:0;right:0}.walker{transition:left .9s ease-in-out}.bump{animation:.4s ease-out bump;display:inline-block}@keyframes bump{0%{color:var(--red);transform:scale(1.35)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.walker,.bump{transition:none;animation:none}}.toast{z-index:30;max-width:min(420px,92vw);box-shadow:4px 4px 0 var(--ink);border:2px solid var(--ink);position:fixed;bottom:16px;left:50%;transform:translate(-50%)}.login-link{justify-content:center;display:flex;position:fixed;bottom:12px;left:0;right:0}.trait-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.pick-list{flex-direction:column;gap:10px;display:flex}.pick{text-align:left;color:var(--ink);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:14px;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;padding:12px;display:flex}.pick.on{background:var(--green);color:#fff;box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.pick-name{overflow-wrap:anywhere;font-size:15px;font-weight:800}.pick-text{opacity:.85;overflow-wrap:anywhere;font-size:13px}.streak-xp{color:var(--green);font-size:18px;font-weight:800}.dob-row{grid-template-columns:1fr 1fr 1.4fr;gap:10px;display:grid}.dob{text-align:center;min-width:0}.modal-backdrop{z-index:20;background:#1a1a1a8c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--paper);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);text-align:center;border-radius:16px;flex-direction:column;gap:12px;width:min(380px,100%);padding:22px;display:flex}.modal h2{color:var(--ink);font-size:24px}.modal p{font-size:16px}.modal .wide{width:100%}.world{background:#fffdf5;position:fixed;inset:0;overflow:hidden}.scene{background:linear-gradient(#9fd8f2 0%,#d9f0f7 38%,#fdf3d0 46%,#8fc78a 46%,#5fa35a 100%);position:absolute;inset:0}.sky-sun{background:var(--gold);border:3px solid var(--ink);width:70px;height:70px;box-shadow:4px 4px 0 var(--ink);border-radius:50%;position:absolute;top:6%;right:8%}.gate-sign{flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:8%;left:50%;transform:translate(-50%)}.gate-arch{background:var(--red);border:3px solid var(--ink);border-bottom:none;border-radius:999px 999px 0 0;width:150px;height:22px;box-shadow:0 0 #0000}.gate-name{background:var(--green);color:#fff;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);text-align:center;overflow-wrap:anywhere;border-radius:10px;max-width:min(480px,80vw);padding:8px 16px;font-size:20px;font-weight:800}.path{background:#e9d9a6;border-top:3px solid #c9b57a;border-bottom:3px solid #c9b57a;height:10%;position:absolute;top:66%;left:0;right:0}.bldg{border:3px solid var(--ink);min-width:140px;color:var(--ink);box-shadow:5px 5px 0 var(--ink);cursor:pointer;text-align:center;border-top:14px solid var(--green);background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:14px 12px 12px;display:flex;position:absolute;transform:translate(-50%,-50%)}.bldg:hover,.bldg.active{box-shadow:7px 8px 0 var(--ink);transform:translate(-50%,-52%)}.bldg.board{border-top-color:var(--gold)}.bldg.hall{border-top-color:var(--red)}.bldg.field{border-top-color:var(--green);background:#d7eadf;min-width:170px}.bldg.flag{border-top-color:var(--red);min-width:120px}.bldg-name{font-size:15px;font-weight:800}.bldg-sub{color:var(--muted);font-size:12px}.walker{background:var(--red);color:#fff;border:4px solid var(--gold);width:64px;height:64px;box-shadow:4px 4px 0 var(--ink);border-radius:50%;justify-content:center;align-items:center;font-size:20px;font-weight:800;display:flex;position:absolute;transform:translate(-50%,-50%)}.hud{border:3px solid var(--ink);width:min(360px,100vw - 24px);box-shadow:6px 6px 0 var(--ink);box-sizing:border-box;background:#fffdf5f7;border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex;position:absolute;top:12px;bottom:12px;left:12px;overflow-y:auto}.hud-head{flex-direction:column;gap:6px;display:flex}.hud-head h1{color:var(--green);font-size:24px;line-height:1.15}.hud-sub{color:var(--ink);font-size:14px}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:4px;display:grid}.stats>div{border:2px solid var(--ink);text-align:center;background:#fff;border-radius:10px;flex-direction:column;align-items:center;padding:8px;display:flex}.stat-value{color:var(--green);font-size:14px;font-weight:800}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.hud-nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.nav-btn{color:var(--ink);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);background:#fff;border-radius:8px;padding:6px 4px;font-size:12px;font-weight:800}.nav-btn.on{background:var(--green);color:#fff}.panel-body{border:2px solid var(--ink);background:#fff;border-radius:12px;flex-direction:column;gap:10px;padding:12px;display:flex}.tasks{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.task{text-align:left;width:100%;color:var(--ink);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:10px;align-self:stretch;align-items:center;gap:10px;padding:10px;display:flex}.task.done{background:#d7eadf}.tick{border:2px solid var(--ink);background:var(--gold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-weight:800;display:inline-flex}.task-text{flex:1;font-size:14px;font-weight:700}.task-reward{color:var(--red);font-weight:800}.bldg.fame{border-top-color:var(--gold);background:#fdf0c2;min-width:150px}.fame-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.fame-row{border:2px solid var(--ink);background:#fff;border-radius:10px;align-items:center;gap:10px;padding:8px;display:flex}.fame-row.you{background:#d7eadf}.fame-rank{background:var(--gold);border:2px solid var(--ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-weight:800;display:inline-flex}.fame-name{overflow-wrap:anywhere;flex-direction:column;flex:1;min-width:0;font-weight:700;display:flex}.fame-points{color:var(--red);font-weight:800}.walker{animation:1.6s ease-in-out infinite bob}@keyframes bob{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,-56%)}}@media (prefers-reduced-motion:reduce){.walker{animation:none}}.hud-foot{flex-direction:column;align-items:flex-start;gap:6px;display:flex}@media (width<=700px){.hud{width:auto;max-height:58vh;box-shadow:0 -4px 0 var(--ink);border-bottom:none;border-radius:16px 16px 0 0;inset:auto 0 0}.bldg{min-width:110px;padding:10px 8px}.bldg-sub{display:none}}.game{justify-content:flex-start;gap:14px;min-height:100svh;padding-top:20px}.progress{border:2px solid var(--ink);background:#e9e1c4;border-radius:999px;height:12px;overflow:hidden}.progress-bar{background:repeating-linear-gradient(90deg, var(--red) 0 22px, var(--gold) 22px 44px, var(--green) 44px 66px);height:100%;transition:width .4s ease-out}.step-count{letter-spacing:.06em;text-transform:uppercase;color:var(--green);font-size:13px;font-weight:700}.question{color:var(--ink);text-wrap:balance;font-size:30px;font-weight:800;line-height:1.15}.panel{flex-direction:column;gap:12px;display:flex}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.big-input{border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:14px;padding:14px 16px;font-size:22px;font-weight:700}.big-input:focus{border-color:var(--red);box-shadow:4px 4px 0 var(--gold)}.house-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.house-tile{border:3px solid var(--ink);min-height:84px;color:var(--ink);box-shadow:4px 4px 0 var(--ink);text-align:left;overflow-wrap:anywhere;background:#fff;border-radius:14px;flex-direction:column;align-items:flex-start;gap:4px;padding:14px;display:flex}.house-tile:nth-child(3n+1){background:#fdf0c2}.house-tile:nth-child(3n+2){background:#d7eadf}.house-tile:nth-child(3n){background:#fbd5d9}.house-tile .house-name{font-size:17px;font-weight:800}.house-tile .house-status{color:var(--muted);font-size:12px}.house-tile.on{background:var(--green);color:#fff;border-color:var(--ink);box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.house-tile.add{color:var(--red);background:#fff;border-style:dashed}.house-tile.add.on{background:var(--red);color:#fff}.new-house{flex-direction:column;gap:8px;display:flex}.id-card{background:var(--gold);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);border-radius:16px;overflow:hidden}.id-top{background:var(--green);color:#fff;letter-spacing:.04em;text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:10px 14px;font-size:13px;font-weight:700;display:flex}.id-body{align-items:center;gap:16px;padding:16px 14px;display:flex}.id-body .avatar{border:4px solid var(--ink);flex-shrink:0;width:84px;height:84px;font-size:30px}.id-text{flex-direction:column;gap:2px;min-width:0;display:flex}.id-nick{color:var(--ink);overflow-wrap:anywhere;font-size:26px;font-weight:800}.id-house{color:var(--red);font-size:16px;font-weight:700}.id-panel{gap:16px}.nav{align-items:stretch;gap:10px;margin-top:4px;display:flex}.nav .cta{flex:1}.nav .ghost{flex:none}.char-name{color:var(--green);overflow-wrap:anywhere;font-size:20px;font-weight:700}.house-picker{border:none;flex-direction:column;gap:8px;min-width:0;margin:0;padding:0;display:flex}.house-picker legend{color:var(--ink);margin-bottom:6px;padding:0;font-size:15px;font-weight:600}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{color:var(--ink);background:#fff;border:2px solid #cfc6a6;border-radius:999px;padding:6px 14px;font-size:14px;font-weight:600}.chip:hover{border-color:var(--gold);background:#fdf6d6}.chip.on{background:var(--green);border-color:var(--green);color:#fff}.chip.add{border-style:dashed;border-color:var(--red);color:var(--red)}.cta{background:var(--red);border-radius:999px;align-self:stretch;width:100%;padding:14px 16px;font-size:18px}.cta:hover{background:#a80e20}.cta:disabled{color:var(--muted);background:#cfc6a6}.walk-hint{border:2px solid var(--ink);color:var(--ink);box-shadow:3px 3px 0 var(--ink);pointer-events:none;white-space:nowrap;background:#fff;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.hud-toggle{z-index:15;color:var(--ink);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:999px;align-self:auto;padding:6px 12px;font-size:13px;font-weight:800;position:absolute;top:12px;left:12px}.hud.collapsed{display:none}.hud-toggle.beside{left:396px}@media (width<=700px){.hud-toggle,.hud-toggle.beside{top:12px;left:auto;right:12px}}.actor{pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.actor-label{border:2px solid var(--ink);color:var(--ink);white-space:nowrap;background:#fff;border-radius:999px;margin-top:2px;padding:1px 8px;font-size:11px;font-weight:800}.actor.staff .actor-label{background:var(--gold)}.actor.player .actor-label{background:#d7eadf}.row-actions{flex-shrink:0;gap:6px;display:flex}.world{background:#bfe6f5}.campus3d{position:absolute;inset:0}.campus3d canvas{touch-action:none;display:block;width:100%!important;height:100%!important}.actors-list{z-index:12;border:2px solid var(--ink);max-width:260px;box-shadow:3px 3px 0 var(--ink);background:#fffdf5f2;border-radius:12px;padding:10px 12px;position:absolute;bottom:12px;right:12px}.actors-title{color:var(--green);margin-bottom:4px;font-weight:800}.sub-h{color:var(--green);margin:6px 0 2px;font-size:15px}.look-editor{align-items:flex-start;gap:12px;display:flex}.look-options{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.row-swatches{flex-wrap:wrap;gap:6px;display:flex}