*{box-sizing:border-box}body{margin:0;font-family:Open Sans,Arial,sans-serif;color:#141414;background:#fff}button{font:inherit}.center-screen{min-height:100vh;display:grid;place-items:center;background:#f4f4f2}.landing-screen{height:100svh;overflow:hidden;display:grid;place-items:center;background:#fff}.landing-page{width:min(92vw,520px);height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(14px,2.4vh,24px);text-align:center;padding:20px}.landing-logo{width:min(54vw,260px);aspect-ratio:1 / 1;display:block}.landing-logo svg{width:100%;height:100%;display:block}.landing-page h1{margin:0;font-size:clamp(22px,5vw,34px);line-height:1.1;font-weight:800}.landing-text{margin:0;max-width:440px;font-size:clamp(14px,3.4vw,17px);line-height:1.45;color:#333}.landing-play-button,.login-button{border:2px solid #111;background:#111;color:#fff;font:inherit;font-weight:700;border-radius:12px;cursor:pointer}.landing-play-button{min-width:160px;padding:13px 34px;font-size:18px}.login-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#ffffffb8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.login-modal{width:min(90vw,360px);display:flex;flex-direction:column;gap:12px;border:2px solid #111;border-radius:18px;padding:22px;background:#fff;text-align:center;box-shadow:0 18px 60px #00000038}.login-modal h2{margin:0 0 6px;font-size:22px;line-height:1.2}.login-button{width:100%;padding:12px 16px;font-size:16px}.login-button.disabled{opacity:.45;cursor:default}.close-button{margin-top:2px;border:0;background:transparent;color:#777;font:inherit;cursor:pointer}.home-screen{height:100svh;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr);background:#fff}.home-header{position:relative;display:grid;grid-template-columns:96px minmax(0,1fr) 96px;align-items:center;padding:clamp(12px,2vw,24px) clamp(14px,4vw,48px)}.avatar-button{width:clamp(56px,8vw,80px);height:clamp(56px,8vw,80px);border:1px solid #111;border-radius:50%;padding:0;background:#f5f5f5;overflow:hidden;cursor:pointer}.avatar-button:disabled{cursor:default}.avatar-button img{width:100%;height:100%;object-fit:cover;display:block}.avatar-face{position:relative;display:block;width:100%;height:100%;background:#f2f2ee}.avatar-eye,.avatar-smile{position:absolute;display:block;background:#111}.avatar-eye{top:32%;width:8%;height:8%;border-radius:50%}.avatar-eye.left{left:32%}.avatar-eye.right{right:32%}.avatar-smile{left:31%;bottom:28%;width:38%;height:18%;border-radius:0 0 999px 999px;background:transparent;border:3px solid #111;border-top:0}.visually-hidden{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.nickname-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}.nickname-button,.nickname-input{max-width:min(54vw,420px);border:0;background:transparent;color:#111;text-align:center;font:inherit;font-size:clamp(22px,3vw,34px);font-weight:700}.nickname-button{cursor:text}.nickname-input{border-bottom:1px solid #111;outline:none}.nickname-error{max-width:min(62vw,460px);margin-top:8px;color:#b00020;font-size:14px;line-height:1.3;text-align:center}.settings{position:relative;display:flex;justify-content:flex-end}.settings-button{width:44px;height:44px;border:0;background:transparent;color:#111;font-size:28px;line-height:1;cursor:pointer}.settings-menu{position:absolute;top:48px;right:0;display:none;min-width:108px;padding:6px;border:1px solid #d2d2ce;border-radius:6px;background:#fff;box-shadow:0 8px 24px #0000001a}.settings.open .settings-menu{display:block}.settings-menu button{width:100%;border:0;border-radius:4px;padding:8px 10px;background:#fff;text-align:left;cursor:pointer}.settings-menu button:hover{background:#f2f2ee}.home-content{min-height:0;width:min(92vw,520px);justify-self:center;display:grid;align-content:center;gap:clamp(12px,2vh,22px);padding:0 0 clamp(12px,3vh,28px)}.play-button{justify-self:center;inline-size:min(70vw,344px);block-size:clamp(76px,10vh,96px);display:grid;place-items:center;border:1px solid #111;border-radius:8px;background:#111;color:#fff;padding:clamp(12px,2vh,18px) clamp(24px,6vw,48px);font-size:clamp(26px,5vw,44px);font-weight:700;line-height:1.1;cursor:pointer}.play-button.searching{background:#fff;color:#111;padding-block:6px;font-size:clamp(19px,2.6vw,28px);line-height:1.05}.top-block h2{margin:0 0 8px;font-size:clamp(15px,2.2vw,20px);line-height:1.15;text-align:center}.top-list{display:grid;gap:4px;margin:0;padding:0;list-style:none;font-size:clamp(13px,1.8vw,17px);line-height:1.22;text-align:center}.top-record{display:flex;align-items:center;justify-content:center;gap:8px}.top-empty{color:#777}.small-avatar{position:relative;width:24px;height:24px;flex:0 0 auto;overflow:hidden;border:1px solid #111;border-radius:50%;background:#f5f5f5}.small-avatar img{width:100%;height:100%;display:block;object-fit:cover}.small-avatar .avatar-smile{border-width:2px}@media(max-height:620px){.landing-logo{width:min(38vw,170px)}.landing-page{gap:10px;padding:12px}.landing-text{font-size:13px;line-height:1.35}.landing-play-button{padding:10px 28px;font-size:16px}}.primary-button{border:1px solid #111;background:#111;color:#fff;padding:14px 24px;border-radius:6px;cursor:pointer}.secondary-button{border:1px solid #111;background:#fff;color:#111;padding:14px 24px;border-radius:6px;cursor:pointer}.primary-button:disabled{opacity:.45;cursor:default}.compact{padding:10px 14px}.status-panel{border:1px solid #d2d2ce;background:#fff;padding:24px 32px;border-radius:6px}.layout{min-height:100vh;min-width:1100px;display:grid;grid-template-columns:220px max-content 220px;justify-content:center;gap:20px;padding:24px;align-items:start}.prep-layout{grid-template-columns:260px max-content 220px}.sidebar,.gene-column,.side-placeholder,.board-section{background:#fff;border:1px solid #d2d2ce;border-radius:6px;padding:16px}.side-placeholder{visibility:hidden}.sidebar{grid-column:span 1}.sidebar+.map-canvas{grid-column:span 2}h1,h2,p{margin-top:0}h1{font-size:22px}h2{font-size:15px;margin-bottom:8px}.gene-picker{display:grid;gap:14px;margin-bottom:16px}.gene-option{display:flex;align-items:center;gap:8px;min-height:28px}.gene-option.disabled{color:#8f8f8a}.hint{min-height:40px;margin-top:12px;color:#555;line-height:1.35}.error{margin-top:12px;color:#b00020}.map-canvas{display:block;border:1px solid #111;background:#fff}.map-frame{position:relative}.pause-button{display:block;min-width:140px;margin:12px auto 0;border:1px solid #111;border-radius:6px;padding:10px 18px;background:#111;color:#fff;cursor:pointer}.pause-button:disabled{opacity:.45;cursor:default}.board-section{position:relative;width:max-content}.topbar{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;margin-bottom:12px;font-size:14px}.topbar>span:nth-child(2),.topbar>span:nth-child(3){text-align:center}.topbar>span:nth-child(4){text-align:right}.cell-counter{font-variant-numeric:tabular-nums}.count-passable{color:#111}.count-full-own{color:#00f}.count-partial-own{color:#00aeef}.count-front{color:red}.gene-column{width:220px;min-height:240px}.side-placeholder{width:220px}.gene-pill,.hidden-gene{height:32px;display:flex;align-items:center;padding:0 10px;border-radius:4px;margin-bottom:8px;background:#eeeeea}.gene-pill.with-meter{justify-content:space-between}.gene-meter{color:red;font-variant-numeric:tabular-nums}.hidden-gene{background:#111}.victory-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-width:310px;max-width:420px;padding:18px 20px;border-radius:6px;border:1px solid #111;background:#fff;text-align:center;box-shadow:0 12px 32px #0000001f}.victory-panel h1{margin-bottom:16px;font-size:22px;line-height:1.2}.victory-actions{display:grid;gap:10px}.victory-actions button{width:100%}