:root{color:#211f24;background:#fbfaf7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px}a{color:inherit}.page{width:min(920px,calc(100% - 32px));margin:0 auto;padding:72px 0}.intro,.panel{max-width:720px}.eyebrow{margin:0 0 12px;color:#68615a;font-size:.9rem;font-weight:700;text-transform:uppercase}h1{margin:0;font-size:clamp(2.5rem,8vw,5.5rem);line-height:.95}h2{margin:0 0 18px;font-size:1.4rem}p{color:#514b45;font-size:1.08rem;line-height:1.65}.experiments{margin-top:64px}.experiment-list{display:grid;gap:14px}.experiment-card{display:grid;gap:8px;padding:18px;border:1px solid #ded8cf;border-radius:8px;background:#fff;text-decoration:none}.experiment-card:hover{border-color:#2e6f67}.experiment-card span,.back-link{color:#5f5a52}.back-link{display:inline-block;margin-bottom:28px}.game-page{width:min(1040px,calc(100% - 32px))}.game-panel{max-width:none;display:grid;gap:28px}.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.game-card{min-height:188px;padding:18px;border:1px solid #ded8cf;border-radius:8px;background:#fff}.game-card h2{overflow-wrap:anywhere}.game-message{grid-column:1 / -1}.skin-card{grid-column:span 2}.skin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.selected-skin-preview{display:flex;align-items:center;gap:18px;margin-bottom:18px;padding:14px;border:1px solid #eee8df;border-radius:8px;background:#fbfaf7}.player-skin-preview{--preview-scale: 2;position:relative;flex:0 0 auto;width:calc(16px * var(--preview-scale));height:calc(32px * var(--preview-scale))}.player-skin-preview.large{--preview-scale: 3}.player-part,.player-face{position:absolute;background-repeat:no-repeat;background-size:calc(48px * var(--preview-scale)) calc(64px * var(--preview-scale));image-rendering:pixelated}.player-part.player-head{top:0;left:calc(4px * var(--preview-scale));width:calc(8px * var(--preview-scale));height:calc(8px * var(--preview-scale))}.player-part.player-torso{top:calc(9px * var(--preview-scale));left:calc(4px * var(--preview-scale));width:calc(8px * var(--preview-scale));height:calc(10px * var(--preview-scale))}.player-part.player-arm{top:calc(9px * var(--preview-scale));width:calc(4px * var(--preview-scale));height:calc(10px * var(--preview-scale))}.player-part.player-arm.left{left:0}.player-part.player-arm.right{right:0}.player-part.player-leg{top:calc(20px * var(--preview-scale));width:calc(4px * var(--preview-scale));height:calc(12px * var(--preview-scale))}.player-part.player-leg.left{left:calc(4px * var(--preview-scale))}.player-part.player-leg.right{left:calc(8px * var(--preview-scale))}.player-part.player-shoe{bottom:0;left:0;width:100%;height:calc(3px * var(--preview-scale))}.player-face.player-eyes{top:calc(2px * var(--preview-scale));left:calc(2px * var(--preview-scale));width:calc(4px * var(--preview-scale));height:calc(2px * var(--preview-scale))}.player-face.player-mouth{top:calc(5px * var(--preview-scale));left:calc(2px * var(--preview-scale));width:calc(4px * var(--preview-scale));height:calc(2px * var(--preview-scale))}.skin-option{display:grid;gap:8px;justify-items:center;min-width:0;padding:10px;border:1px solid #ded8cf;border-radius:8px;background:#fbfaf7;color:#514b45;font:inherit;font-size:.86rem;font-weight:800;cursor:pointer}.skin-option.active{border-color:#2e6f67;background:#e6f0ed;color:#213632}.skin-option:disabled{cursor:not-allowed;opacity:.68}.skin-option span{overflow-wrap:anywhere}.stat-list{display:grid;gap:10px;margin:0}.stat-list div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid #eee8df}.stat-list dt{color:#68615a;font-size:.92rem}.stat-list dd{margin:0;color:#211f24;font-weight:800}.auth-form{width:min(420px,100%);display:grid;gap:14px;padding:18px;border:1px solid #ded8cf;border-radius:8px;background:#fff}.auth-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.tab,.primary-button,.secondary-button,.text-button{min-height:42px;border:1px solid transparent;border-radius:8px;font:inherit;font-weight:800;cursor:pointer}.tab{background:#f1ece4;color:#514b45}.tab.active{background:#243b38;color:#fff}.auth-form label{display:grid;gap:7px;color:#514b45;font-size:.95rem;font-weight:700}.auth-form input{width:100%;min-height:44px;padding:8px 10px;border:1px solid #cfc6ba;border-radius:8px;color:#211f24;font:inherit}.primary-button{background:#2e6f67;color:#fff}.action-link{display:inline-flex;align-items:center;justify-content:center;width:100%;margin-top:18px;text-decoration:none}.primary-button:disabled{cursor:not-allowed;opacity:.65}.secondary-button{width:100%;margin-top:18px;background:#f0b429;color:#211f24}.text-button{min-height:0;padding:0;background:transparent;color:#2e6f67}.muted,.form-error{margin:0;font-size:.95rem}.muted{color:#68615a}.form-error{color:#9b1c31;font-weight:700}.session-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:18px;border-top:1px solid #ded8cf;color:#514b45;font-weight:800}@media(max-width:860px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skin-card{grid-column:span 2}}@media(max-width:560px){.page{padding:42px 0}.game-grid{grid-template-columns:1fr}.skin-card{grid-column:auto}.skin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.selected-skin-preview{align-items:flex-start;flex-direction:column}}