.penguin-town{min-height:100svh;padding-top:calc(var(--trip-banner-height,0px) + 40px);color:var(--text);background:radial-gradient(120% 90% at 50% -10%,#0c231f 0%,#020605 60%);font-family:Arial,Helvetica,sans-serif;position:relative}.profile-gate{place-items:center;min-height:100svh;padding:24px;display:grid}.profile-gate-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#07100fd9;border-radius:10px;gap:12px;width:min(420px,100%);padding:28px;display:grid}.profile-gate-card h2{color:var(--acid);margin:0;font-size:1.3rem}.profile-gate-tagline{color:var(--muted);margin:0 0 6px;font-size:.85rem;line-height:1.4}.profile-gate-platform{gap:8px;display:flex}.profile-gate-platform button{border:1px solid var(--line);color:var(--text);cursor:pointer;background:0 0;border-radius:6px;flex:1;padding:9px}.profile-gate-platform button.is-active{border-color:var(--acid);color:var(--acid);background:#b9ff391a}.profile-gate-field{color:var(--muted);gap:4px;font-size:.8rem;display:grid}.profile-gate-field input,.profile-gate-field select{border:1px solid var(--line);color:var(--text);background:#050c0a;border-radius:6px;padding:9px 10px;font-size:.95rem}.profile-gate-field input:focus,.profile-gate-field select:focus{border-color:var(--cyan);outline:none}.profile-gate-card>button[type=submit]{background:var(--acid);color:#041006;cursor:pointer;border:none;border-radius:6px;margin-top:6px;padding:11px;font-weight:700}.profile-gate-card>button[type=submit]:disabled{opacity:.5;cursor:default}.profile-gate-error{color:var(--amber);margin:0;font-size:.8rem}.profile-gate-note{color:var(--muted);margin:4px 0 0;font-size:.7rem}.penguin-board-shell{flex-direction:column;min-height:100svh;display:flex}.penguin-board-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px 8px;display:flex}.penguin-board-header h1{color:var(--acid);letter-spacing:.02em;margin:0 0 4px;font-size:1.5rem}.penguin-board-header p{max-width:46ch;color:var(--muted);margin:0;font-size:.82rem;line-height:1.4}.penguin-board-identity{align-items:center;gap:10px;display:flex}.penguin-board-handle{border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-size:.8rem}.penguin-board-handle i{color:var(--cyan);letter-spacing:.08em;margin-left:6px;font-size:.65rem;font-style:normal}.penguin-board-identity button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;padding:6px 10px;font-size:.72rem}.penguin-board-identity button:hover{color:var(--text);border-color:var(--acid)}.penguin-board-viewport{flex:1;justify-content:center;padding:24px;display:flex;overflow:auto}.penguin-board{flex-shrink:0;position:relative}.hex-tile{--hex-color:#274b46;cursor:pointer;background:0 0;border:none;width:108px;height:93.5px;margin-top:-46.75px;margin-left:-54px;padding:0;transition:transform .12s;position:absolute}.hex-tile:not(:disabled):hover{transform:translateY(-4px)}.hex-tile:disabled{cursor:default}.hex-face{clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);background:linear-gradient(160deg, color-mix(in srgb, var(--hex-color) 70%, #0f2320) 0%, color-mix(in srgb, var(--hex-color) 35%, #071411) 100%);filter:drop-shadow(0 7px 0 color-mix(in srgb, var(--hex-color) 25%, #010604)) drop-shadow(0 11px 8px #0000008c);flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:0}.hex-tile:not(.hex-claimed):not(.hex-town-hall) .hex-face{background:linear-gradient(160deg,#123028 0%,#06120f 100%)}.hex-tile.hex-town-hall .hex-face{background:linear-gradient(160deg,#2a4a6b 0%,#0d1b2b 100%)}.hex-tile.hex-selected .hex-face{outline:2px solid var(--cyan);outline-offset:-2px}.hex-plus{color:var(--muted);font-size:1.1rem}.hex-emoji{font-size:1.5rem;line-height:1}.hex-label{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:88%;font-size:.58rem;overflow:hidden}.hex-panel-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:30;background:#020605b3;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.hex-panel{border:1px solid var(--line);background:#07100ff5;border-radius:10px;gap:12px;width:min(360px,100%);padding:22px;display:grid}.hex-panel h2{color:var(--acid);margin:0;font-size:1.05rem}.hex-panel h2 small{color:var(--muted);font-size:.75rem;font-weight:400}.hex-panel-note{color:var(--muted);margin:0;font-size:.85rem}.hex-colorway-picker{gap:8px;display:flex}.hex-colorway-picker button{background:var(--swatch);cursor:pointer;border:2px solid #0000;border-radius:50%;width:26px;height:26px}.hex-colorway-picker button.is-active{border-color:var(--text)}.hex-panel-actions{gap:8px;margin-top:4px;display:flex}.hex-panel-actions button[type=submit]{background:var(--acid);color:#041006;cursor:pointer;border:none;border-radius:6px;flex:1;padding:10px;font-weight:700}.hex-panel-actions button[type=submit]:disabled{opacity:.5;cursor:default}.hex-panel-release{color:#ff6b81;cursor:pointer;background:0 0;border:1px solid #ff6b8180;border-radius:6px;padding:10px 14px}