*{box-sizing:border-box}body{margin:0;font-family:Open Sans,Arial,sans-serif;color:#141414;background:#fff}button{font:inherit}:where(button,a,input,textarea,[contenteditable=true]):focus-visible{outline:3px solid #1769ff;outline-offset:3px}.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}.brand-focus-point{pointer-events:all;cursor:default}.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}.privacy-link{color:#686868;font-size:12px;text-underline-offset:3px}.privacy-screen{min-height:100svh;padding:32px 20px;background:#f4f4f2}.privacy-policy{width:min(100%,760px);margin:0 auto;border:1px solid #d7d7d2;border-radius:16px;padding:clamp(22px,4vw,42px);background:#fff;line-height:1.55}.privacy-policy h1{margin:0 0 8px}.privacy-updated{margin:0 0 28px;color:#666}.privacy-section{margin-block:22px}.privacy-section h2{margin:0 0 6px;font-size:19px}.privacy-section p,.privacy-contact{margin:0}.privacy-back{display:inline-block;margin-top:28px;color:#111;font-weight:700}.catalog-button,.catalog-back,.catalog-tab,.catalog-edit{border:1px solid #111;border-radius:8px;background:#fff;color:#111;padding:9px 14px;font:inherit;cursor:pointer}.catalog-button{justify-self:center;font-weight:700}.catalog-screen{min-height:100svh;background:#f4f4f2}.catalog-header{position:sticky;z-index:2;top:0;display:grid;grid-template-columns:180px 1fr 180px;align-items:center;padding:14px 28px;border-bottom:1px solid #d7d7d2;background:#fff}.catalog-header h1{margin:0;text-align:center}.catalog-back{justify-self:start}.catalog-tabs{position:sticky;z-index:1;top:65px;display:flex;justify-content:center;gap:8px;padding:12px 24px;border-bottom:1px solid #d7d7d2;background:#fff}.catalog-tab.active{background:#111;color:#fff}.catalog-content{width:min(900px,calc(100% - 48px));margin:28px auto 60px;display:grid;gap:20px}.catalog-card{scroll-margin-top:135px;border:1px solid #d7d7d2;border-radius:14px;padding:24px;background:#fff}.catalog-family{padding:4px 0 20px;border-bottom:1px solid var(--line)}.catalog-family h2{margin:0}.catalog-card-heading{display:flex;align-items:center;gap:12px}.catalog-icon,.gene-icon-fallback{display:block;width:42px;height:42px;flex:0 0 42px;border-radius:8px;object-fit:cover}.catalog-anchor{color:#111;font-size:24px;font-weight:800;text-decoration:none}.catalog-edit{margin-left:auto}.catalog-short{color:#555}.catalog-rich{line-height:1.55}.catalog-rich table{border-collapse:collapse}.catalog-rich td{padding:7px 10px;border:1px solid #bbb}.catalog-rich img,.catalog-rich iframe{max-width:100%}.gene-editor-backdrop{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;overflow:auto;padding:24px;background:#ffffffd1;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.gene-editor{width:min(960px,calc(100% - 48px));margin:0 auto;display:grid;gap:14px;border:2px solid #111;border-radius:16px;padding:24px;background:#fff;box-shadow:0 18px 60px #00000038}.gene-editor h2{margin:0}.gene-editor-identity{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:12px}.gene-editor-identity>input{width:100%;border:1px solid #aaa;border-radius:7px;padding:9px 10px;font:inherit}.gene-editor-icon{width:64px;height:64px;overflow:hidden;border:1px solid #aaa;border-radius:10px;padding:0;background:#fff;cursor:pointer}.gene-editor-icon>:where(img,.gene-icon-fallback){display:block;width:100%;height:100%;border-radius:0;object-fit:cover}.gene-editor-rich-label{margin-bottom:-9px;font-weight:700}.gene-editor-field{display:grid;gap:5px;font-weight:700}.gene-editor-field input,.gene-editor-field textarea{width:100%;box-sizing:border-box;border:1px solid #aaa;border-radius:7px;padding:9px 10px;font:inherit}.gene-editor-field textarea{min-height:82px;resize:vertical}.gene-editor-field :where(input,textarea):focus-visible,.gene-editor-identity>input:focus-visible,.gene-rich-editor:focus-visible{outline:none}.gene-editor-toolbar{display:flex;flex-wrap:wrap;gap:5px;padding:7px;border:1px solid #aaa;border-bottom:0;border-radius:8px 8px 0 0;background:#f4f4f2}.gene-editor-toolbar button{border:0;border-radius:5px;padding:6px 9px;background:transparent;cursor:pointer}.gene-editor-toolbar button:hover,.gene-editor-toolbar button:focus-visible{background:#ddd}.gene-rich-editor{min-height:360px;overflow:auto;margin-top:-14px;border:1px solid #aaa;border-radius:0 0 8px 8px;padding:16px;line-height:1.5}.gene-rich-editor table{border-collapse:collapse}.gene-rich-editor td{min-width:80px;border:1px solid #aaa;padding:6px}.gene-rich-editor img,.gene-rich-editor iframe{display:block;max-width:100%;margin-block:12px}.gene-rich-editor iframe{width:640px;aspect-ratio:16 / 9}.gene-editor-status{min-height:1.3em;margin:0;color:#a11}.gene-editor-actions{display:flex;justify-content:flex-end;gap:10px}.catalog-rich iframe{width:640px;aspect-ratio:16 / 9;border:0}.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-modal.brand-access{padding:22px}.admin-screen{min-height:100svh;background:#fff}.admin-header{display:grid;grid-template-columns:96px minmax(0,1fr) 96px;align-items:center;padding:clamp(12px,2vw,24px) clamp(14px,4vw,48px)}.admin-header h1{margin:0;text-align:center;font-size:clamp(24px,3vw,34px);letter-spacing:0}.admin-content{width:min(94vw,920px);margin:20px auto 48px;display:grid;justify-items:center;gap:22px}.admin-download{text-decoration:none}.admin-download.disabled{opacity:.45;pointer-events:none}.admin-metrics{width:100%}.admin-metrics h2{text-align:center}.admin-metrics table{width:100%;border-collapse:collapse;font-size:14px}.admin-metrics th,.admin-metrics td{border-bottom:1px solid #d2d2ce;padding:8px 10px;text-align:right}.admin-metrics th:first-child,.admin-metrics td:first-child{text-align:left}.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-wrap{position:relative;width:clamp(56px,8vw,80px)}.avatar-error{position:absolute;top:calc(100% + 6px);left:0;width:min(260px,70vw);color:#b00020;font-size:12px;line-height:1.25;text-align:left}.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}.play-button-note{display:block;font-size:12px;font-weight:500;line-height:1.15}.play-button-note.full{color:#e5484d}.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}.side-placeholder.visible-player-side{visibility:visible;border-color:transparent;background:transparent}.match-player{display:flex;align-items:center;gap:10px;min-width:0;margin-bottom:14px}.match-player .small-avatar{width:40px;height:40px}.match-player strong{min-width:0;overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.match-player.red strong{color:red}.match-player.blue strong{color:#00f}.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}.gene-info{position:relative;width:20px;height:20px;display:inline-grid;flex:0 0 auto;place-items:center;border:1px solid currentcolor;border-radius:50%;background:#fff;color:#333;padding:0;font-size:12px;font-weight:700;line-height:1;cursor:help}.gene-info:after{content:attr(data-tooltip);position:absolute;z-index:12;bottom:calc(100% + 8px);left:50%;width:260px;max-width:40vw;visibility:hidden;border:1px solid #aaa;border-radius:8px;padding:9px 11px;background:#fff;color:#111;box-shadow:0 8px 24px #00000029;font-size:13px;font-weight:400;line-height:1.35;text-align:left;opacity:0;transform:translate(-50%,4px);transition:opacity .12s ease,transform .12s ease;pointer-events:none}.gene-info:hover:after,.gene-info:focus-visible:after,.gene-info.open:after{visibility:visible;opacity:1;transform:translate(-50%)}.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.own-blue{color:#00f}.count-partial-own.own-blue{color:#00aeef}.count-full-own.own-red{color:red}.count-partial-own.own-red{color:#ff8080}.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%}.match-actions{display:flex;justify-content:center;gap:12px;margin-top:12px}.match-actions .pause-button{margin:0}.surrender-button{min-height:40px;border:1px solid #9b1c1c;border-radius:6px;padding:8px 18px;background:#fff;color:#9b1c1c;font:inherit;cursor:pointer}.surrender-button:disabled{opacity:.45;cursor:default}.prep-timer{margin:4px 0 10px;text-align:center}.connection-overlay{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#00000094}.connection-panel{width:min(420px,calc(100vw - 40px));border:1px solid #111;border-radius:6px;padding:24px;background:#fff;text-align:center}.connection-panel h2,.result-notice h1{margin:0 0 12px;font-size:22px}.connection-countdown{display:block;margin-top:14px;font-size:24px}.result-notice{text-align:center}.statistics-modal{position:fixed;z-index:30;top:5vh;right:6vw;bottom:5vh;left:6vw;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;max-width:1100px;margin:auto;border:1px solid #111;border-radius:8px;background:#fff;box-shadow:0 16px 48px #00000038;overflow:hidden}.statistics-title{margin:0;padding:14px 20px 12px;font-size:20px;text-align:center}.statistics-tabs{display:flex;gap:5px;overflow:visible;border-bottom:1px solid #111;padding:0 12px}.statistics-tabs button{flex:1 0 auto;min-height:42px;border:1px solid transparent;border-bottom:0;border-radius:6px 6px 0 0;padding:8px 16px;background:#ecece8;font:inherit;cursor:pointer}.statistics-tabs button.active{position:relative;z-index:1;border-color:#111;border-bottom:1px solid #fff;background:#fff;transform:translateY(1px)}.statistics-body{min-height:0;overflow:auto;padding:22px}.statistics-chart{display:block;width:100%;height:100%;min-height:320px;border:1px solid #111;box-sizing:border-box}.statistics-footer{border-top:1px solid #ddd;padding:12px 20px;text-align:center}.statistics-footer button{min-width:240px}.statistics-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px}.player-names{border-bottom:1px solid #111;padding:4px 0 12px;font-size:18px;text-align:center}.red-text{color:#d92828}.blue-text{color:#226fbe}.genome-row{border-bottom:1px solid #111;padding:14px 0}.genome-cell{min-height:34px}.genome-cell .gene-pill{margin-bottom:6px}.consumption-columns{margin-top:14px}.consumption-item{margin-bottom:12px}.consumption-label{margin-bottom:4px}.consumption-track{height:14px}.consumption-bar{height:100%;min-width:0}.consumption-bar.red{background:#ef3333}.consumption-bar.blue{background:#287bd1}.consumption-divider{border-top:1px solid #111;margin:18px 0 14px}.mutation-overlay{position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#0000009e}.mutation-modal{width:min(760px,calc(100vw - 40px));max-height:calc(100svh - 40px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid #111;border-radius:8px;background:#fff;box-shadow:0 18px 48px #0000003d}.mutation-header,.mutation-footer{padding:16px 20px;background:#fff}.mutation-header{border-bottom:1px solid #d2d2ce}.mutation-header h1{margin-bottom:8px}.mutation-header p,.mutation-footer p{margin-bottom:0}.mutation-balance,.mutation-timer{font-variant-numeric:tabular-nums}.mutation-timer{margin-top:4px;font-weight:700}.mutation-connection{margin-top:8px;color:#7a5200}.mutation-gene-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:14px;overflow-y:auto;overscroll-behavior:contain;padding:16px 20px}.mutation-gene-group{min-width:0;margin:0;border:1px solid #d2d2ce;border-radius:6px;padding:10px}.mutation-gene-group legend{padding:0 5px;font-weight:700}.mutation-gene{min-height:44px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:8px;padding:5px 4px;cursor:pointer}.mutation-gene input{width:18px;height:18px;margin:0}.mutation-gene.disabled{color:#74746f;cursor:default}.mutation-disabled-reason{grid-column:2;color:#74746f;line-height:1.25}.mutation-footer{border-top:1px solid #d2d2ce}.mutation-action{width:100%}.mutation-empty,.mutation-confirmed{display:block;margin-bottom:8px;text-align:center}.mutation-footer>p{text-align:center}.mutation-error{min-height:0}@media(max-width:620px){.mutation-overlay{padding:0}.mutation-modal{width:100vw;height:100svh;max-height:none;border:0;border-radius:0}.mutation-header,.mutation-footer{padding:12px 16px}.mutation-gene-list{grid-template-columns:1fr;padding:12px 16px}}