:root{--bg:#080d19;--panel:#101a2a;--panel2:#121e30;--border:#263348;--muted:#8495a9;--white:#eaf3f5;--mint:#65f1be;--mint-2:#2cbd99;--purple:#c6a1f6;--yellow:#efcf81;--pink:#ff9fbc;--font:'DM Sans',system-ui,sans-serif;--mono:'DM Mono',Consolas,monospace}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;color:var(--white);font-family:var(--font);background:radial-gradient(ellipse 50% 30% at 47% -7%,#182942 0%,transparent 80%),var(--bg);min-height:100vh}button{font:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.shell{max-width:1640px;margin:auto;padding:0 clamp(16px,3.4vw,52px)}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:102px;border-bottom:1px solid #253147;gap:16px}.brand{display:flex;align-items:center;gap:16px}.brand-mark{width:43px;height:44px;position:relative;transform:rotate(-1deg);background:#1c534c;border:2px solid #3ac99f;clip-path:polygon(30% 0,70% 0,70% 17%,88% 17%,88% 35%,100% 35%,100% 83%,78% 83%,78% 100%,22% 100%,22% 83%,0 83%,0 35%,12% 35%,12% 17%,30% 17%)}.brand-mark i{position:absolute;display:block;background:#6bffd2;width:6px;height:7px;top:20px}.brand-mark i:nth-child(1){left:9px}.brand-mark i:nth-child(2){left:26px}.brand-mark i:nth-child(3){width:10px;height:3px;left:16px;top:30px}.brand-mark i:nth-child(4){width:4px;height:6px;left:16px;top:4px}.brand-mark i:nth-child(5){width:4px;height:6px;left:23px;top:4px}.brand-word{font-family:var(--mono);font-size:26px;letter-spacing:2.2px;font-weight:500;line-height:1.1}.brand-word span:first-child{color:var(--mint)}.brand-spark{font-size:16px;color:#c5e6d5;vertical-align:top;margin-left:7px}.brand-sub,.eyebrow,.small-label,.stat-label,.section-overline,.tool small,.game-window-bar,.game-footer,.control-head,.instruction,.mission-progress,.trait,.level,.dialog-top,.dialog-foot,.aside-foot,.page-foot,.text-action,.toast,.world-status{font-family:var(--mono)}.brand-sub{font-size:9px;color:#8c9ab1;letter-spacing:1.4px;margin-top:7px}.version{color:#4cba9c}.top-actions{display:flex;align-items:center;gap:12px}.online-dot,.green-dot,.footer-dot{color:var(--mint)}.online-dot{width:7px;height:7px;border-radius:100%;background:var(--mint);box-shadow:0 0 12px #51ffc0}.world-status{letter-spacing:1px;color:#b0bdc9;font-size:10px}.top-separator{display:block;height:23px;width:1px;background:var(--border);margin:0 6px}.icon-button,.ghost-button{background:#152236;color:#afc5d5;border:1px solid #2a3950;height:34px;border-radius:5px}.icon-button{font-size:20px;width:37px}.icon-button.sound-on{color:var(--mint);border-color:#4b997f}.ghost-button{padding:0 14px;font-size:12px;font-family:var(--mono);letter-spacing:1px}.ghost-button:hover,.icon-button:hover{background:#213248}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 318px;gap:25px;align-items:start}.game-column{min-width:0}.intro-strip{padding:31px 0 21px;display:flex;justify-content:space-between;align-items:end;gap:24px}.eyebrow{font-size:10px;letter-spacing:1.5px;color:var(--mint);margin-bottom:9px}.intro-strip h1{font-size:clamp(26px,2.25vw,36px);letter-spacing:-1.15px;line-height:1.2;margin:0;font-weight:800}.intro-strip h1 em{font-style:normal;color:var(--mint)}.intro-note{font-size:12px;line-height:1.65;color:#d3dfeb;text-align:right;padding-bottom:3px}.intro-note span{color:#92a4b8}.stat-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:#111d2d;border:1px solid #29384b;border-radius:9px;overflow:hidden;margin-bottom:16px}.stat{display:flex;align-items:center;gap:12px;padding:15px 12px 14px 17px;min-height:72px;border-right:1px solid #29384b}.stat:last-child{border:0}.stat-icon{width:35px;height:35px;border-radius:7px;display:grid;place-items:center;font-size:19px;font-weight:700;flex-shrink:0}.stat-icon.mint{background:#1e4d47;color:#7bf5cf}.stat-icon.pink{background:#482a46;color:#f79bcb}.stat-icon.yellow{background:#4e4430;color:#ffde83}.stat-icon.ochre{background:#44382d;color:#f0bd88}.stat-icon.purple{background:#3e3157;color:#c6a9f5}.stat-label{display:block;color:#8598ac;font-size:9px;letter-spacing:.9px;margin-bottom:5px;white-space:nowrap}.stat strong{font-family:var(--mono);font-size:25px;line-height:1;letter-spacing:-1px;font-weight:500}.stat-unit{font-size:14px;color:#a7b4c8;margin-left:2px}.game-window{border:1px solid #3a4b5e;background:#0c1828;border-radius:9px;overflow:hidden;box-shadow:0 18px 55px #0004}.game-window-bar{height:38px;padding:0 14px;background:#182639;display:flex;align-items:center;justify-content:space-between;color:#b9c9da;letter-spacing:.8px;font-size:10px;border-bottom:1px solid #34465b}.window-light{display:inline-block;border-radius:50%;background:var(--mint);width:7px;height:7px;margin-right:8px;box-shadow:0 0 7px #4beaa7}.muted{color:#56687f;padding:0 4px}.window-right{display:flex;gap:7px}.chip{font-size:9px;border-radius:3px;border:1px solid #465365;padding:4px 8px;color:#9be0be}.chip-weather{color:#f3cc76}.canvas-wrap{position:relative;background:#0b2640;overflow:hidden;touch-action:manipulation}#world{display:block;width:100%;height:auto;image-rendering:pixelated;cursor:crosshair}.canvas-top-label,.canvas-bottom-label{position:absolute;left:13px;background:#071525d9;backdrop-filter:blur(5px);border:1px solid #42617889;border-radius:3px;pointer-events:none;font:10px var(--mono);letter-spacing:1px;color:#b5d6d2;padding:7px 9px;max-width:calc(100% - 26px)}.canvas-top-label{top:13px}.canvas-bottom-label{bottom:13px}.ping{display:inline-block;width:6px;height:6px;background:#76efba;border-radius:50%;margin-right:7px}.game-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 13px;background:#152237;color:#748c9f;letter-spacing:.8px;font-size:9px}.footer-dot{font-size:9px}.pause-cover{display:none;position:absolute;inset:0;background:#051024b8;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:#edfff6;letter-spacing:2px;font:16px var(--mono);z-index:2}.pause-cover span{font-size:38px;color:var(--mint)}.pause-cover.show{display:flex}.toast{position:absolute;z-index:5;top:55px;left:50%;transform:translate(-50%,-12px);background:#092b30ee;border:1px solid #48baa0;color:#d5ffef;padding:11px 15px;border-radius:5px;white-space:nowrap;font-size:12px;letter-spacing:.2px;opacity:0;transition:opacity .22s,transform .22s;pointer-events:none;box-shadow:0 8px 25px #07101f99;max-width:90%;text-align:center;white-space:normal}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.error{background:#3f2735ed;border-color:#d08b9a;color:#ffdee3}
.controls-panel{background:#121e2f;border:1px solid #2e4054;border-radius:8px;padding:15px 17px 13px;margin-top:16px}.control-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:.8px;color:#e2ebef;margin-bottom:12px}.control-head>span:nth-child(2){font-size:9px;color:#7f94a6}.small-arrow{color:var(--mint)}.tools{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.tool{background:#182638;border:1px solid #34445c;color:#c0cfd7;border-radius:6px;position:relative;padding:11px 4px 9px;min-height:73px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:600;transition:background .15s,border-color .15s,transform .15s}.tool:hover{background:#23394c;transform:translateY(-1px)}.tool.active{background:#193d3f;border-color:var(--mint);box-shadow:inset 0 0 0 1px #4af0bc30;color:#edfff8}.tool-pict{font-size:23px;line-height:1;color:#b6d4cf}.tool.active .tool-pict{color:var(--mint)}.tool small{position:absolute;right:7px;top:6px;font-size:9px;color:#6c8297}.instruction{display:flex;align-items:center;gap:7px;border-top:1px solid #2b3b4b;margin-top:13px;padding-top:12px;color:#8fb2b9;font-size:10px;line-height:1.6;letter-spacing:.1px}.instruction span{color:var(--mint);font-size:16px}.bottom-row{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:15px 3px}.simulation-controls,.bottom-actions{display:flex;align-items:center;gap:11px}.small-label{font-size:9px;letter-spacing:.9px;color:#879aaf}.switch-group{display:flex;gap:4px;padding:3px;border:1px solid #293b50;border-radius:5px;background:#101a29}.speed{border:0;border-radius:3px;color:#8298a7;background:transparent;font-family:var(--mono);font-size:10px;padding:6px 9px}.speed.active{color:#0d2829;background:var(--mint);font-weight:700}.pause-btn{background:#17263a;color:#c3d5df;border:1px solid #314259;border-radius:4px;font:10px var(--mono);padding:8px 10px}.pause-btn:hover,.text-action:hover{color:var(--mint)}.text-action{color:#91a6b7;background:none;border:0;font-size:10px;letter-spacing:.5px;padding:7px 4px}.text-action.danger{color:#bb8996}.text-action.danger:hover{color:#ffc4c4}
.sidebar{padding-top:28px;display:flex;flex-direction:column;gap:14px}.sidebar-section{background:#121f30;border:1px solid #2a3b50;border-radius:8px;padding:20px}.section-overline{display:flex;justify-content:space-between;gap:8px;align-items:center;color:#99abc0;letter-spacing:1px;font-size:9px}.green-dot{font-size:9px;letter-spacing:0}.mission-card{background:linear-gradient(145deg,#1b3638 0%,#142a34 55%,#142131 100%);border-color:#345d55;position:relative;overflow:hidden}.mission-symbol{font-size:67px;line-height:1;color:var(--mint);margin:21px 0 12px;filter:drop-shadow(0 0 18px #4ceaa055)}.mission-card h2{font-size:24px;line-height:1.2;letter-spacing:-.55px;margin:4px 0 11px}.mission-card p{color:#b2c3c9;line-height:1.7;font-size:12px;margin:0 0 23px}.progress-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.5px;color:#aac1c4}.progress-top strong{color:var(--mint)}.meter{height:6px;background:#244947;border-radius:5px;margin-top:9px;overflow:hidden}.meter i{display:block;background:var(--mint);box-shadow:0 0 14px #6ef2bf;height:100%;width:0%;transition:width .4s}.objectives{display:flex;flex-direction:column;gap:10px;margin-top:20px}.objective{display:flex;align-items:center;gap:10px;color:#afc4c8;font-size:11px}.objective-check{font:15px var(--mono);color:#829b96}.objective.done{color:#e2f7ea}.objective.done .objective-check{color:var(--mint)}.selected-card{min-height:197px}.selected-card .section-overline>span:last-child{color:#668ca1;font-size:8px}.creature-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;font-size:11px;color:#8095aa;text-align:center;line-height:1.6;padding:22px 0 2px}.empty-avatar{width:48px;height:48px;display:grid;place-items:center;border:1px dashed #3c5768;background:#1c2d40;border-radius:10px;font:26px var(--mono);color:#6b8fa0}.hidden{display:none!important}.creature-details{margin-top:18px}.creature-hero{display:flex;align-items:center;gap:11px;margin-bottom:20px}.creature-avatar{width:54px;height:54px;flex-shrink:0;background:#24384a;border:1px solid #456074;border-radius:7px;display:grid;place-items:center;image-rendering:pixelated}.creature-avatar canvas{width:48px;height:48px}.creature-hero h3{font-size:18px;letter-spacing:-.3px;margin:0 0 5px}.trait{font-size:10px;color:#90b3b6}.level{margin-left:auto;font-size:10px;color:var(--mint);align-self:flex-start}.creature-line{display:grid;grid-template-columns:76px 1fr 35px;gap:8px;align-items:center;margin-bottom:12px;font-size:11px;color:#a9bacc}.creature-line b{font-family:var(--mono);font-size:10px;text-align:right;font-weight:400}.mini-meter{height:6px;background:#293a4d;border-radius:4px;overflow:hidden}.mini-meter i{display:block;height:100%;background:var(--mint);width:0%;transition:width .2s}#energyMeter{background:var(--yellow)}#curiosityMeter{background:var(--purple)}.creature-thought{font-size:12px;font-style:italic;color:#cad9e3;background:#1d2d3f;border-left:2px solid var(--purple);padding:12px;margin:12px 0 14px;line-height:1.6}.talk-btn{width:100%;padding:12px 11px;border:1px solid #376e70;background:#1b4245;color:#9df1d3;border-radius:5px;font:10px var(--mono);text-align:left;letter-spacing:.7px}.talk-btn span{float:right}.talk-btn:hover{background:#255c59}.voices-card{min-height:200px}.live-word{color:var(--mint);font-size:9px}.log{display:flex;flex-direction:column;gap:0;max-height:280px;overflow:auto;margin-top:13px;scrollbar-width:thin;scrollbar-color:#3c5665 transparent}.log-event{display:grid;grid-template-columns:39px 1fr;gap:9px;border-bottom:1px solid #2c3a4a;padding:11px 0;font-size:11px;line-height:1.55;color:#bdcddd}.log-event:last-child{border:0}.log-event time{color:#728c9e;font:9px var(--mono);padding-top:2px}.log-event.highlight>span{color:#94edcc}.aside-foot{padding:4px 5px;font-size:9px;letter-spacing:.7px;color:#62768d;display:flex;justify-content:space-between}.aside-foot span{color:var(--mint);font-size:18px}.page-foot{display:flex;justify-content:space-between;border-top:1px solid #263246;padding:25px 0 30px;margin-top:20px;font-size:9px;letter-spacing:.8px;color:#64788a}
.modal-layer{position:fixed;inset:0;z-index:30;background:#040914db;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(8px)}.dialog{width:min(100%,470px);max-height:min(90vh,760px);overflow-y:auto;background:linear-gradient(160deg,#192b3a,#101b2e);border:1px solid #559c8c;box-shadow:0 35px 95px #000b,0 0 80px #34d09f12;border-radius:10px;padding:24px 28px 21px;animation:pop .25s ease-out}@keyframes pop{from{transform:translateY(12px) scale(.975);opacity:0}to{transform:none;opacity:1}}.dialog-top{display:flex;justify-content:space-between;align-items:center;color:var(--mint);font-size:10px;letter-spacing:1px}.dialog-close{font-size:26px;color:#9db2c1;background:transparent;border:0;line-height:1}.dialog-character{margin:22px 0 10px;font-size:60px;color:var(--mint);text-shadow:0 0 26px #62efb07a}.dialog h2{font-size:25px;line-height:1.25;letter-spacing:-.7px;margin:0 0 13px}.dialog p{font-size:14px;line-height:1.8;color:#b8c9d7;margin:0 0 21px}.dialog-options{display:flex;flex-direction:column;gap:9px}.dialog-options button{background:#203b45;border:1px solid #4a686b;color:#e0f8f1;padding:14px 15px;font-size:12px;border-radius:6px;text-align:left;line-height:1.45}.dialog-options button:hover{background:#275e58;border-color:var(--mint)}.dialog-foot{border-top:1px solid #344e5b;margin-top:20px;padding-top:17px;color:#7994a4;font-size:9px;letter-spacing:.5px}.noscript{position:fixed;bottom:0;left:0;right:0;background:#a23;color:white;padding:20px;text-align:center}
@media(max-width:1180px){.layout{grid-template-columns:minmax(0,1fr) 280px;gap:18px}.sidebar-section{padding:16px}.stat{gap:8px;padding:12px 8px}.stat-icon{width:30px;height:30px}.stat strong{font-size:22px}.stat-label{font-size:8px}.intro-note{font-size:11px}}
@media(max-width:980px){.layout{grid-template-columns:minmax(0,1fr)}.sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-top:10px}.mission-card{grid-row:span 2}.voices-card{grid-column:2}.aside-foot{grid-column:1/-1}.mission-card h2{font-size:27px}.stat{padding:14px 12px}.stat-icon{width:34px;height:34px}}
@media(max-width:660px){.shell{padding:0 12px}.topbar{min-height:74px}.brand{gap:10px}.brand-mark{width:33px;height:34px}.brand-mark i:nth-child(1){left:6px;top:15px}.brand-mark i:nth-child(2){left:21px;top:15px}.brand-mark i:nth-child(3){top:23px;left:12px}.brand-mark i:nth-child(4),.brand-mark i:nth-child(5){display:none}.brand-word{font-size:19px;letter-spacing:1.25px}.brand-sub{font-size:7px;letter-spacing:.5px}.world-status,.online-dot,.top-separator,.ghost-button span{display:none}.top-actions{gap:6px}.ghost-button{width:35px;padding:0}.intro-strip{padding:22px 2px 18px;display:block}.intro-strip h1{font-size:29px}.intro-note{margin-top:9px;text-align:left;font-size:11px}.intro-note br{display:none}.intro-note span{margin-left:4px}.stat-row{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:10px}.stat{display:flex;flex-direction:column;gap:5px;padding:10px 3px 9px;min-height:77px;text-align:center}.stat-icon{height:23px;width:25px;font-size:15px}.stat strong{font-size:18px}.stat-unit{font-size:10px}.stat-label{font-size:7px;letter-spacing:0}.game-window-bar{padding:0 7px;font-size:8px}.chip{font-size:8px;padding:3px 4px}.chip-weather{display:none}.canvas-top-label,.canvas-bottom-label{font-size:7px;left:6px;padding:4px 5px}.canvas-top-label{top:6px}.canvas-bottom-label{bottom:6px}.game-footer{font-size:7px;padding:8px 7px}.controls-panel{padding:13px 8px 10px}.control-head{font-size:9px;padding:0 2px}.control-head>span:nth-child(2){font-size:8px;max-width:45%;text-align:right}.tools{gap:5px}.tool{min-height:63px;font-size:9px;gap:6px}.tool-pict{font-size:21px}.tool small{font-size:7px;right:4px;top:4px}.instruction{font-size:9px}.bottom-row{gap:7px;flex-wrap:wrap}.simulation-controls,.bottom-actions{gap:6px}.small-label{font-size:8px}.speed{padding:5px 6px}.pause-btn{font-size:9px;padding:7px}.text-action{font-size:9px}.sidebar{display:flex;padding-top:6px}.sidebar-section{padding:17px}.mission-card{grid-row:auto}.voices-card{grid-column:auto}.page-foot{font-size:8px;line-height:1.5;gap:12px}.page-foot>span:last-child{text-align:right}.dialog{padding:20px}}
@media(max-width:370px){.brand-sub{letter-spacing:0}.brand-word{font-size:17px}.game-window-bar{font-size:7px}.stat strong{font-size:15px}.small-label{display:none}.tool{font-size:8px}.page-foot{flex-direction:column}}
/* V0.2 — identidades pixel art, presencia y conversaciones */
.avatar-top{border-color:#3b6c67;color:#a2efd0}.player-card{background:linear-gradient(145deg,#1a293f,#152334);border-color:#3d6573}.connect-pill{color:#9eabc7;font-size:9px;letter-spacing:.4px}.connect-pill.connected{color:#82f1c4}.player-identity{display:flex;gap:13px;align-items:center;margin:16px 0 10px}.player-identity canvas,.editor-head canvas,.chat-sprite canvas,.avatar-option canvas{image-rendering:pixelated}.player-identity canvas{background:#243e4c;border:1px solid #456372;border-radius:6px;flex:none}.player-identity h2{font-size:18px;line-height:1.2;overflow-wrap:anywhere;margin:0 0 6px}.player-identity p{font-size:10px;color:#a2b8c5;margin:0 0 10px}.avatar-small-btn{background:#23504f;border:1px solid #4b8d83;color:#c6fbe9;border-radius:4px;font-size:9px;padding:8px;letter-spacing:.3px}.avatar-instruction{font-size:10px;color:#8ca9b5;border-top:1px solid #2a4353;padding-top:12px;line-height:1.7}.avatar-instruction b{color:#cce6d9}.presence-heading{display:flex;justify-content:space-between;color:#96bac4;font-size:9px;letter-spacing:.5px;margin:14px 0 8px}.presence-heading strong{color:#85f2c7}.online-players{display:flex;flex-wrap:wrap;gap:7px;max-height:135px;overflow:auto;font-size:10px;color:#b8ced7;align-items:center;min-height:30px}.online-person{display:flex;gap:5px;align-items:center;border:1px solid #3b5763;border-radius:4px;background:#21374a;padding:3px 7px 3px 3px;max-width:100%}.online-person img{width:25px;height:25px;image-rendering:pixelated}.online-person canvas{width:25px;height:29px;image-rendering:pixelated}.online-person span{max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connect-button{width:100%;font-size:9px;color:#d0fce5;background:#244d46;border:1px solid #3d8175;border-radius:4px;line-height:1.3;letter-spacing:.35px;padding:11px 5px;margin-top:10px}.connect-button:hover{background:#316558}.presence-note{font-size:9px;color:#829ba9;line-height:1.5;margin:8px 0 0}.memory-heading{font-size:9px;letter-spacing:.7px;color:#83dcbf;margin:12px 0 9px}.memory-list{display:flex;flex-direction:column;gap:7px;color:#a3b8c5;font-size:10px;line-height:1.5;max-height:110px;overflow:auto}.memory-item{border-left:2px solid #4c787b;padding:3px 0 3px 8px}.mind-line{display:flex;flex-wrap:wrap;gap:5px}.mind-line span{border:1px solid #435b70;background:#213149;color:#b6d4ea;padding:5px;border-radius:3px;font-size:9px;letter-spacing:.1px}
.avatar-dialog{width:min(96vw,650px);max-height:93vh}.avatar-dialog h2{margin:16px 0 8px}.modal-sub{font-size:12px!important;margin-bottom:14px!important}.editor-head{display:grid;grid-template-columns:112px 1fr;gap:16px;align-items:center;margin:10px 0 16px}.editor-head canvas{background:#1d3b4c;border:1px solid #608b8a;border-radius:6px}.editor-head label,.editor-fields label{display:flex;flex-direction:column;gap:6px;color:#98bfc2;font-size:9px;letter-spacing:1px}.editor-head input,.editor-fields select,.chat-form input{background:#0e2031;color:#e8fff8;border:1px solid #41656c;border-radius:4px;padding:11px;font:13px 'Space Grotesk',sans-serif;max-width:100%;min-width:0}.editor-hint{font-size:10px;color:#88a0b0;margin-top:10px}.avatar-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.avatar-option{border:1px solid #456474;border-radius:5px;background:#233e51;padding:6px 2px;min-height:67px;color:#b6d2db;display:flex;justify-content:center;align-items:center}.avatar-option.selected{background:#2a6259;border-color:#70ffcf;box-shadow:inset 0 0 0 1px #70ffcf44}.avatar-option canvas{width:48px;height:52px}.editor-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.editor-fields select{width:100%;font-size:11px;padding:8px}.primary-pixel-btn{width:100%;background:#75ebbc;color:#092b28;border:0;border-radius:4px;padding:14px;margin-top:17px;font:bold 11px 'Space Grotesk',sans-serif;letter-spacing:.7px}.primary-pixel-btn:hover{background:#a8fbd7}
.chat-dialog{width:min(95vw,550px)}.chat-heading{display:flex;gap:14px;align-items:center;margin:18px 0}.chat-heading h2{margin:0 0 5px}.chat-heading p{margin:0!important;font-size:11px;color:#a3bbc3}.chat-sprite{width:58px;height:58px;display:grid;place-items:center;background:#2a4052;border:1px solid #536d7b;border-radius:6px;flex:none}.chat-sprite canvas{width:52px;height:52px}.chat-messages{display:flex;flex-direction:column;gap:10px;max-height:280px;min-height:130px;overflow:auto;background:#0f1d2e;border:1px solid #2c4559;border-radius:6px;padding:12px}.chat-bubble{max-width:90%;padding:10px 12px;border-radius:9px;font-size:12px;line-height:1.55;overflow-wrap:anywhere}.chat-bubble span{display:block;font-size:9px;opacity:.7;margin-bottom:3px}.chat-bubble.creature{align-self:flex-start;background:#26453f;color:#e0ffef}.chat-bubble.human{align-self:flex-end;background:#34436d;color:#eff0ff}.chat-form{display:flex;gap:7px;margin-top:11px}.chat-form input{flex:1}.chat-form button{border:1px solid #73d6ac;background:#31574a;color:#d9ffef;padding:9px 15px;border-radius:5px;font-size:10px}.chat-form button:disabled{opacity:.5}.chat-disclaimer{font-size:9px!important;color:#8ea6b6!important;margin:10px 0 0!important}
@media(max-width:980px){.sidebar .player-card{grid-column:span 2}}@media(max-width:660px){.sidebar .player-card{grid-column:auto}.avatar-top{padding:8px;font-size:12px}.avatar-grid{grid-template-columns:repeat(4,1fr)}.editor-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.avatar-dialog{padding:17px}.editor-head{grid-template-columns:92px 1fr;gap:10px}.editor-head canvas{width:92px;height:92px}.chat-form button{padding:8px}}

#playerPreview{width:64px;height:72px}.player-identity>div{flex:1;min-width:0}.avatar-option canvas,.editor-head canvas,.player-identity canvas,.online-person canvas{cursor:default}