:root{--green-deep:#0f2a1c;--green-forest:#163d28;--green:#1e6b3a;--green-mid:#2d8a4e;--green-lit:#3cb043;--gold:#e8c547;--gold-dark:#c9a227;--gold-pale:#f4e27a;--parchment:#f3e6c8;--parchment-dark:#e5d4a8;--ink:#2b1b0e;--ink-soft:#5c4033;--sky:#6cb4e0;--sky-deep:#3a7fb5;--red:#c0392b;--shadow:#07140d;--font-pixel:"Press Start 2P", ui-monospace, monospace;--font-body:"VT323", ui-monospace, monospace;--nav-h:74px;--radius:0}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font-body);color:var(--ink);background:var(--green-deep);image-rendering:pixelated;background-image:linear-gradient(#5ba3d0 0 38%,#2f6b3a 38% 52%,#1e4a2c 52% 100%),repeating-linear-gradient(90deg,#0000 0 18px,#00000014 18px 20px)}body:before{content:"";pointer-events:none;opacity:.55;z-index:0;background:radial-gradient(circle at 12% 28%,#f4e27a 1px,#0000 2px),radial-gradient(circle at 80% 18%,#fff 1px,#0000 2px),linear-gradient(#0000 34%,#0f2a1c26 38%);position:fixed;inset:0}button,input,select{font-family:inherit}button{cursor:pointer}h1,h2,h3{font-family:var(--font-pixel);margin:0;font-weight:400;line-height:1.4}.app{z-index:1;justify-content:center;min-height:100dvh;display:flex;position:relative}.app-frame{width:100%;max-width:430px;min-height:100dvh;box-shadow:0 0 0 4px var(--ink), 0 0 40px var(--shadow);padding-bottom:calc(var(--nav-h) + 12px);background:linear-gradient(#4a9bc9 0 120px,#0000 120px),repeating-linear-gradient(#1a4a2e 0 10px,#163d28 10px 22px);position:relative;overflow-x:hidden}.app-frame:before{content:"";opacity:.9;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='80' height='90' shape-rendering='crispEdges'><rect x='8' y='30' width='18' height='50' fill='%23163d28'/><rect x='4' y='38' width='26' height='28' fill='%231e6b3a'/><rect x='36' y='18' width='22' height='70' fill='%230f2a1c'/><rect x='32' y='28' width='30' height='36' fill='%232d8a4e'/><rect x='62' y='40' width='14' height='48' fill='%23163d28'/></svg>");background-repeat:repeat-x;background-size:80px 90px;height:90px;position:absolute;top:70px;left:0;right:0}.screen{z-index:1;flex-direction:column;gap:10px;padding:12px 12px 8px;display:flex;position:relative}.hero-banner,.slim-banner,.graph-banner{z-index:1;background:var(--green);color:var(--gold-pale);border:4px solid var(--ink);outline:3px solid var(--gold);outline-offset:0;box-shadow:0 0 0 7px var(--ink);justify-content:space-between;align-items:center;gap:8px;margin:6px 2px 8px;padding:10px 12px;display:flex;position:relative}.hero-banner h1,.slim-banner h1,.graph-banner h1{color:var(--gold-pale);text-shadow:3px 3px 0 var(--ink);letter-spacing:1px;font-size:15px}.gold-title{font-family:var(--font-pixel);color:var(--gold);text-align:center;text-shadow:3px 3px 0 var(--ink);margin:8px 0 6px;font-size:18px}.gold-title.sm{text-align:left;font-size:12px}.tagline{font-family:var(--font-pixel);color:var(--ink-soft);text-align:center;margin:0 0 8px;font-size:7px;line-height:1.6}.age-badge{background:var(--red);color:#fff;font-family:var(--font-pixel);border:2px solid var(--gold);box-shadow:2px 2px 0 var(--ink);align-items:center;gap:4px;padding:4px 6px;font-size:8px;display:inline-flex}.age-badge.big{margin:8px auto;padding:8px 12px;font-size:14px}.panel{background:var(--parchment);border:3px solid var(--ink);box-shadow:0 0 0 3px var(--gold-dark), 0 0 0 6px var(--ink);margin:4px 2px;padding:12px 12px 10px;position:relative}.ornament{background:var(--ink);width:8px;height:8px;box-shadow:2px 2px 0 var(--gold);position:absolute}.ornament.tl{top:-2px;left:-2px}.ornament.tr{top:-2px;right:-2px}.ornament.bl{bottom:-2px;left:-2px}.ornament.br{bottom:-2px;right:-2px}.panel-title{font-family:var(--font-pixel);color:var(--green);text-align:center;letter-spacing:1px;margin:0 0 10px;font-size:9px}.px-btn{font-family:var(--font-pixel);color:var(--parchment);background:var(--green);border:3px solid var(--gold);box-shadow:inset 2px 2px 0 var(--green-mid), inset -2px -2px 0 var(--green-deep), 0 4px 0 var(--shadow);image-rendering:pixelated;padding:10px 8px;font-size:8px;line-height:1.3}.px-btn:active{box-shadow:inset 2px 2px 0 var(--green-deep), 0 2px 0 var(--shadow);transform:translateY(2px)}.px-btn.active,.px-btn.green.active{background:var(--green-lit);color:var(--ink);box-shadow:inset 2px 2px 0 #7dff8a, inset -2px -2px 0 var(--green), 0 4px 0 var(--shadow)}.px-btn.ghost{color:var(--parchment);box-shadow:inset 2px 2px 0 #7a6244, inset -2px -2px 0 #3a2c1c, 0 4px 0 var(--shadow);background:#5a4630;border-color:#8a7050}.px-btn.ghost.active{background:var(--green-lit);color:var(--ink);border-color:var(--gold)}.px-btn.danger{background:#7a241c;border-color:#e8c547}.px-btn:disabled{opacity:.5;cursor:not-allowed}.px-btn.wide{justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 10px;font-size:10px;display:flex}.px-btn.action{flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:92px;font-size:8px;display:flex}.px-btn.action small{color:var(--gold-pale);font-size:7px}.action-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.bac-panel .bac-head{font-family:var(--font-pixel);color:var(--green);justify-content:space-between;align-items:baseline;display:flex}.bac-panel .bac-head span{font-size:10px}.bac-panel .bac-head strong{letter-spacing:1px;font-size:22px}.meter{border:3px solid var(--gold);height:18px;box-shadow:inset 0 0 0 2px var(--ink);background:#2a2114;margin:10px 0 6px;position:relative}.meter-fill{background:repeating-linear-gradient(90deg, var(--green-lit) 0 6px, #58d46a 6px 8px);width:0;height:100%;transition:width .4s steps(12,end)}.meter-caution{background:var(--red);width:3px;position:absolute;top:-3px;bottom:-3px;transform:translate(-1px)}.meter-labels{font-family:var(--font-pixel);color:var(--ink-soft);justify-content:space-between;font-size:7px;display:flex}.meter-labels .warn{color:var(--red)}.disclaimer{font-family:var(--font-pixel);color:var(--ink-soft);margin:8px 0 0;font-size:8px;line-height:1.6}.disclaimer.sm{font-size:7px}.mascot-row{justify-content:flex-end;align-items:flex-end;gap:8px;margin-top:8px;display:flex}.speech{border:3px solid var(--ink);background:#fffdf4;max-width:70%;padding:8px;position:relative}.speech span{font-family:var(--font-pixel);font-size:8px;line-height:1.5}.speech:after{content:"";border:6px solid #0000;border-left-color:var(--ink);position:absolute;bottom:10px;right:-10px}.stat-row{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.stat-chip{flex-direction:column;align-items:center;gap:4px;margin:0;padding:8px 4px;display:flex}.stat-chip b{font-family:var(--font-pixel);color:var(--green);font-size:11px}.stat-chip span{font-family:var(--font-pixel);color:var(--ink-soft);font-size:6px}.friend-row{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.friend-card{background:var(--parchment-dark);border:2px solid var(--ink);text-align:center;flex-direction:column;flex:1 0 88px;align-items:center;gap:4px;padding:8px 4px;display:flex;position:relative}.friend-card.you{outline:2px solid var(--green-lit)}.friend-card strong,.friend-card .venue,.friend-card em{font-family:var(--font-pixel);font-style:normal}.friend-card strong{font-size:8px}.friend-card .venue{color:var(--green);font-size:6px}.friend-card em{color:var(--ink-soft);font-size:6px}.live-dot{background:var(--green-lit);width:8px;height:8px;box-shadow:0 0 0 2px var(--ink);position:absolute;top:4px;right:4px}.avatar{border:2px solid var(--ink);width:36px;height:36px;color:var(--gold-pale);font-family:var(--font-pixel);image-rendering:pixelated;place-items:center;font-size:12px;display:grid}.health-bar{background:var(--green-forest);color:var(--gold-pale);border:3px solid var(--ink);font-family:var(--font-pixel);align-items:center;gap:8px;padding:8px 10px;font-size:7px;line-height:1.5;display:flex}.health-bar.warn{background:#3a2414}.health-bar span{flex:1}.nav{width:min(430px,100%);height:var(--nav-h);background:var(--green-deep);border-top:4px solid var(--ink);box-shadow:0 -3px 0 var(--gold-dark);z-index:20;padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-btn{color:var(--gold-pale);font-family:var(--font-pixel);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:7px;display:flex}.nav-btn.active{background:var(--parchment);color:var(--ink)}.type-row{flex-wrap:wrap;gap:6px;display:flex}.type-btn{flex:28%;min-width:64px;padding:8px 4px;font-size:7px}.choice-row{gap:8px;display:flex}.choice-row .px-btn{flex:1}.choice-row.wrap{flex-wrap:wrap}.stat-edit{text-align:center;grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.stat-edit label,.gate-card label,.modal label{font-family:var(--font-pixel);color:var(--green);flex-direction:column;gap:4px;font-size:7px;display:flex}.recessed,input,select{color:var(--gold-pale);border:3px solid var(--ink);font-family:var(--font-pixel);text-align:center;background:#2a2114;padding:8px 6px;font-size:10px;box-shadow:inset 2px 2px #120e08}input[type=range]{box-shadow:none;background:var(--ink);height:8px;padding:0}.suffix{color:var(--ink-soft);font-size:6px}.time-row,.ago-row{font-family:var(--font-pixel);align-items:center;gap:8px;margin-top:10px;font-size:8px;display:flex}.time-box{flex:1;padding:8px}.ago-row input{flex:1}.toggle-row{background:var(--parchment-dark);border:2px solid var(--ink);width:100%;font-family:var(--font-pixel);color:var(--ink);grid-template-columns:28px 1fr auto;align-items:center;gap:8px;margin-bottom:8px;padding:8px;font-size:8px;display:grid}.toggle-switch{color:var(--parchment);border:2px solid var(--ink);background:#5a4630;min-width:44px;padding:6px 8px}.toggle-row.on .toggle-switch{background:var(--green-lit);color:var(--ink)}.split-panels{grid-template-columns:1.2fr .8fr;gap:8px;display:grid}.split-panels .panel{margin:0}.chart-label{font-family:var(--font-pixel);margin-bottom:6px;font-size:7px}.bac-svg{border:2px solid var(--ink);background:#efe3c4;width:100%;height:auto}.svg-tick{font-family:var(--font-pixel);fill:var(--ink-soft);font-size:6px}.svg-peak{font-family:var(--font-pixel);fill:var(--gold-pale);font-size:6px}.bar-row{font-family:var(--font-pixel);grid-template-columns:16px 44px 1fr 16px;align-items:center;gap:4px;margin-bottom:6px;font-size:6px;display:grid}.bar-track{border:2px solid var(--ink);background:#2a2114;height:10px}.bar-fill{background:var(--green-lit);min-width:0;height:100%}.total-line,.now-bac,.cal-hero,.miles,.hero-name,.tickets-owned{font-family:var(--font-pixel);text-align:center}.total-line{margin:8px 0 0;font-size:7px}.now-bac{color:var(--green);margin:6px 0 0;font-size:9px}.cal-hero{color:var(--green);margin:12px 0 8px;font-size:11px}.miles{color:var(--ink-soft);font-size:7px;line-height:1.5}.hero-name{color:var(--green);margin:0 0 8px;font-size:12px}.timeline{border-left:3px solid var(--green);margin:0 0 10px;padding:0 0 0 8px;list-style:none}.timeline li{font-family:var(--font-pixel);grid-template-columns:72px 12px 1fr;align-items:start;gap:6px;margin:0 0 10px;font-size:7px;line-height:1.5;display:grid}.timeline .dot{background:var(--green-lit);border:2px solid var(--ink);width:8px;height:8px;margin-left:-18px}.friend-list{margin:0;padding:0;list-style:none}.friend-list li{font-family:var(--font-pixel);border-bottom:2px dashed #cbb892;grid-template-columns:40px 1fr auto;align-items:center;gap:8px;padding:8px 0;font-size:8px;display:grid}.friend-list span{color:var(--green);margin-top:4px;font-size:7px;display:block}.friend-list em{color:var(--ink-soft);font-size:7px;font-style:normal}.fine-print{font-family:var(--font-pixel);color:var(--ink-soft);text-align:center;margin:8px 0 0;font-size:6px;line-height:1.7}.fine-print.left{text-align:left}.empty{font-family:var(--font-pixel);text-align:center;color:var(--ink-soft);font-size:8px;line-height:1.6}.gate{z-index:1;place-items:center;min-height:100dvh;padding:16px;display:grid;position:relative}.gate-card{flex-direction:column;gap:8px;width:min(400px,100%);display:flex}.gate-mascot{justify-content:center;display:flex}.gate-copy{font-family:var(--font-pixel);text-align:center;font-size:8px;line-height:1.7}.leave-link{font-family:var(--font-pixel);color:var(--red);text-align:center;margin-top:8px;font-size:7px}.row-head{align-items:center;gap:10px;display:flex}.split{grid-template-columns:1fr 1fr;gap:8px;display:grid}.inline-fields{gap:4px;display:flex}.inline-fields select{flex:1;padding:8px 2px;font-size:8px}fieldset{border:2px solid var(--ink);margin:0;padding:8px}legend{font-family:var(--font-pixel);color:var(--green);padding:0 6px;font-size:7px}.check-line{align-items:center;gap:8px;color:var(--ink)!important;flex-direction:row!important;font-size:8px!important;display:flex!important}.check-line input{width:18px;height:18px;accent-color:var(--green)}.form-error{font-family:var(--font-pixel);color:var(--red);text-align:center;font-size:8px}.modal-backdrop{z-index:40;padding:12px 12px calc(var(--nav-h) + 12px);background:#07140db8;place-items:end center;display:grid;position:fixed;inset:0}.modal{width:min(430px,100%);max-height:80dvh;margin:0;overflow:auto}.modal-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.modal-head h2{color:var(--green);font-size:11px}.icon-x{background:var(--red);color:#fff;border:2px solid var(--ink);font-family:var(--font-pixel);width:28px;height:28px;font-size:10px}.pot-hero{color:var(--gold-pale);border:3px solid var(--gold);background:#2a2114;align-items:center;gap:12px;margin:8px 0;padding:10px;display:flex}.pot-hero span,.pot-hero em{font-family:var(--font-pixel);font-size:7px;font-style:normal;display:block}.pot-hero strong{font-family:var(--font-pixel);font-size:16px}.split-pots{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px;display:grid}.split-pots div{background:var(--parchment-dark);border:2px solid var(--ink);text-align:center;font-family:var(--font-pixel);padding:8px;font-size:7px}.split-pots b{color:var(--green);margin-top:6px;font-size:12px;display:block}.pay-row{grid-template-columns:1fr 1fr 1fr;gap:6px;margin-top:8px;display:grid}.pay-row .px-btn{padding:10px 4px;font-size:6px}.venue-grid{grid-template-columns:1fr 1fr;gap:6px;margin:8px 0;display:grid}.camera-box{border:3px solid var(--ink);background:#120e08;height:160px;margin:8px 0;overflow:hidden}.camera-box video{object-fit:cover;width:100%;height:100%}.camera-placeholder{height:100%;color:var(--gold);font-family:var(--font-pixel);text-align:center;place-items:center;font-size:18px;display:grid}.camera-placeholder p{margin:8px 0 0;font-size:7px}.toasts{z-index:50;flex-direction:column;gap:6px;width:min(390px,100% - 24px);display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%)}.toast{background:var(--ink);color:var(--gold-pale);border:3px solid var(--gold);font-family:var(--font-pixel);text-align:center;padding:10px;font-size:8px;line-height:1.5}.add-session{margin-top:4px}.code-label{font-family:var(--font-pixel);text-align:center;color:var(--green);letter-spacing:1px;margin:2px 0 12px;font-size:9px}.code-boxes{justify-content:center;gap:10px;margin-bottom:14px;display:flex}.code-box{width:52px;height:64px;font-family:var(--font-pixel);text-align:center;text-transform:uppercase;border:3px solid var(--ink);box-shadow:0 0 0 3px var(--gold-dark), 3px 3px 0 var(--shadow);font-size:22px;line-height:1;color:var(--ink)!important;background:#fffdf4!important;padding:0!important}.code-box:focus{box-shadow:0 0 0 3px var(--gold-pale), 3px 3px 0 var(--shadow);outline:none}@keyframes cq-shake{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-7px)}80%{transform:translate(7px)}}.code-card.shake{animation:.42s steps(5,end) cq-shake}.app-frame.is-home{background:linear-gradient(#4aa3d8 0 72px,#0000 72px),repeating-linear-gradient(#6b4220 0 10px,#5a3418 10px 20px,#3d2914 20px 28px)}.app-frame.is-home:before{display:none}.screen.home{--parchment:#edd9b0;--gold:#f8b800;--gold-dark:#c9842a;--gold-pale:#ffe16a;--green:#2d5a27;--green-mid:#3d7a2a;--green-lit:#5aa33a;--ink:#1a120c;gap:12px;padding:0 10px 8px}.home-hero{background:#3a8bc4;height:188px;margin:0 -10px 2px;position:relative;overflow:hidden}.world-sky{background:linear-gradient(#6ec4e8 0 40%,#4aa3d8 40% 100%),radial-gradient(circle at 16% 28%,#fff 0 2px,#0000 3px),radial-gradient(circle at 72% 18%,#fff 0 2px,#0000 3px);position:absolute;inset:0 0 38%}.world-sun{z-index:1;background:#ffe27a;width:22px;height:22px;position:absolute;top:10px;right:22px;box-shadow:0 0 0 3px #f4c84a,8px 2px #fff3c4}.world-far{opacity:.85;background:linear-gradient(135deg,#0000 42%,#6b8a7a 42% 70%,#0000 70%) 0 6px/64px 36px repeat-x,linear-gradient(225deg,#0000 38%,#4e6d62 38% 72%,#0000 72%) 30px 0/80px 42px repeat-x;height:42px;position:absolute;bottom:46%;left:0;right:0}.world-trees{height:64px;image-rendering:pixelated;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='80' height='64' shape-rendering='crispEdges'><rect x='10' y='36' width='8' height='28' fill='%236b4220'/><rect x='4' y='20' width='20' height='16' fill='%232d6b28'/><rect x='6' y='10' width='16' height='14' fill='%233d8a32'/><rect x='48' y='28' width='10' height='36' fill='%235a3418'/><rect x='40' y='12' width='26' height='20' fill='%231e4a22'/><rect x='44' y='4' width='18' height='14' fill='%232d6b28'/></svg>");background-position:bottom;background-repeat:repeat-x;position:absolute;bottom:34%;left:0;right:0}.world-grass{background:repeating-linear-gradient(90deg,#3d8a32 0 8px,#2d6b28 8px 16px,#5aa33a 16px 20px);height:14px;position:absolute;bottom:28%;left:0;right:0;box-shadow:0 -2px #7ad04a}.world-dirt{height:18%;image-rendering:pixelated;background:repeating-linear-gradient(90deg,#8b5a2b 0 10px,#6b4220 10px 20px),repeating-linear-gradient(#7a4a22 0 8px,#5a3418 8px 16px);position:absolute;bottom:12%;left:0;right:0}.world-stone{background:repeating-linear-gradient(90deg,#5a5348 0 12px,#3d3830 12px 24px),repeating-linear-gradient(#4a453c 0 8px,#2e2a24 8px 16px);height:12%;position:absolute;bottom:0;left:0;right:0}.world-cave{background:#120e0a;width:36px;height:28px;position:absolute;bottom:0;left:18px;box-shadow:inset 0 4px #1a1410,4px 0 #3d3830,-4px 0 #3d3830}.world-torch{z-index:1;background:#6b4220;width:6px;height:14px;position:absolute;bottom:10px}.world-torch:after{content:"";background:#ff9a2a;width:12px;height:12px;position:absolute;top:-8px;left:-3px;box-shadow:0 0 10px 4px #ff7a1a}.world-torch.left{left:28px}.world-torch.right{right:24px}.title-banner{color:#f8b800;z-index:2;background:#1e392a;border:4px solid #1a120c;justify-content:center;align-items:center;gap:6px;padding:10px 8px 12px;display:flex;position:absolute;top:28px;left:10px;right:10px;box-shadow:0 0 0 3px #f8b800,0 0 0 6px #1a120c,4px 4px #0b1a12}.title-banner h1{color:#f8b800;text-shadow:3px 3px #1a120c;letter-spacing:1px;white-space:nowrap;font-size:16px}.title-banner .mascot{flex:none;margin:-8px -4px -12px 2px}.flourish{background:#3cb043;width:10px;height:10px;box-shadow:3px 0 #2d5a27,0 3px #2d5a27,-3px 0 #1e6b3a}.age-ribbon{z-index:3;color:#fff;font-family:var(--font-pixel);background:#c0392b;border:2px solid #f8b800;padding:5px 8px;font-size:8px;position:absolute;top:118px;left:28px;box-shadow:3px 3px #1a120c}.screen.home .panel,.screen.home .stat-chip,.stone-panel{background:#edd9b0;border:4px solid #3a2414;box-shadow:0 0 0 3px #8b6b3d,0 0 0 6px #1a120c}.screen.home .bac-panel{background:#edd9b0;margin-top:8px}.bac-layout{grid-template-columns:1fr 108px;align-items:end;gap:8px;display:grid}.bac-label{font-family:var(--font-pixel);color:#2d5a27;margin:0 0 6px;font-size:10px}.bac-value{font-family:var(--font-pixel);color:#2d5a27;letter-spacing:1px;text-shadow:2px 2px #c9b896;margin:0 0 10px;font-size:26px}.screen.home .meter.rpg{background:#1a120c;border:3px solid #f8b800;height:20px;box-shadow:inset 0 0 0 2px #3a2a18,2px 2px #1a120c}.bac-side{flex-direction:column;align-items:center;gap:4px;display:flex}.screen.home .speech{background:#fffdf4;max-width:100%;padding:6px}.screen.home .speech span{font-size:7px}.screen.home .stat-chip{background:#e8dcc4;padding:10px 4px 8px}.screen.home .stat-chip b{color:#2d5a27;font-size:13px}.screen.home .action-grid{gap:12px}.screen.home .px-btn.action{color:#ffe16a;background:#2a4a22;border:4px solid #c9842a;min-height:100px;box-shadow:inset 2px 2px #3d7a2a,inset -3px -3px #1a2e14,0 5px #1a120c}.screen.home .px-btn.action small{color:#fff3c4;font-size:8px}.screen.home .checkin-tile{background-image:linear-gradient(#1e392acc,#1e392acc),repeating-linear-gradient(90deg,#245038 0 8px,#1e392a 8px 16px)}.friends-title{color:#2d5a27;justify-content:center;align-items:center;gap:8px;display:flex}.diamond{background:#f8b800;width:8px;height:8px;display:inline-block;transform:rotate(45deg);box-shadow:1px 1px #1a120c}.screen.home .friend-card{background:#efe4cc;border:3px solid #1a120c;flex:1 1 0;min-width:0}.pixel-head{image-rendering:pixelated;background:#c9b896;border:2px solid #1a120c}.screen.home .health-bar{color:#ffe16a;background:#3a2414;border:3px solid #1a120c;box-shadow:0 0 0 2px #8b6b3d}.title-banner .hero-sprite,.bac-side .hero-sprite{image-rendering:pixelated;flex:none}.friend-card .hero-sprite{image-rendering:pixelated;background:#c9b896;border:2px solid #1a120c}.you-hero{align-items:center;gap:10px;margin-bottom:8px;display:flex}.you-hero .hero-name{text-align:left;margin:0}.gold-title.center{text-align:center;width:100%}.gate.signup{place-items:start center;padding:12px 10px 20px;overflow:auto}.world-gate{background:linear-gradient(#4aa3d8 0 28%,#3d8a32 28% 34%,#6b4220 34% 48%,#3d2914 48% 100%)}.world-gate:before{content:"";background:#6b4220;width:10px;height:18px;position:absolute;inset:auto 18px 18%;box-shadow:0 -10px 8px 3px #ff9a2a,280px 20px 10px 4px #ff7a1a}.signup-card{gap:10px}.signup-kicker{font-family:var(--font-pixel);color:var(--green);text-align:center;letter-spacing:1px;margin:0;font-size:11px}.signup-form{flex-direction:column;gap:8px;display:flex}.hero-pick{flex-direction:column;gap:10px;display:flex}.hero-preview{background:repeating-linear-gradient(90deg,#6b4220 0 8px,#5a3418 8px 16px);justify-content:center;align-items:center;gap:12px;min-height:110px;margin:0;display:flex}.hero-pick-name{font-family:var(--font-pixel);color:var(--green);margin:0 0 6px;font-size:12px}.hero-pick-meta{font-family:var(--font-pixel);color:var(--ink-soft);margin:0;font-size:7px;line-height:1.5}.char-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.char-grid.nameless{grid-template-columns:repeat(4,1fr)}.char-card{box-shadow:2px 2px 0 var(--shadow);color:var(--ink);background:#5a3418;border:3px solid #1a120c;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:78px;padding:6px 2px;display:flex}.char-card strong{font-family:var(--font-pixel);font-size:7px}.char-card span{font-family:var(--font-pixel);color:var(--ink-soft);text-align:center;font-size:6px;line-height:1.5}.char-card.selected{border-color:var(--gold);box-shadow:0 0 0 2px var(--ink), 3px 3px 0 var(--shadow);background:#fff8dc}.char-card .hero-sprite{image-rendering:pixelated}@media (width>=720px){body{background-attachment:fixed}}