.app{grid-template-columns:minmax(0,1fr) clamp(316px,23vw,370px);height:100dvh;display:grid;overflow:hidden}.world-panel{background:var(--paper);min-width:0;position:relative;overflow:hidden}#world{touch-action:none;outline-offset:-4px;width:100%;height:100%;display:block}.creator-panel{background:var(--ui-background);border-left:1px solid var(--ui-border);z-index:2;flex-direction:column;height:100%;min-height:0;display:flex}.creator-panel-header{justify-content:space-between;align-items:center;padding:26px 25px 23px;display:flex}.wordmark-dot{color:var(--ui-accent);font-size:33px}.wordmark small{color:var(--ui-text-muted);letter-spacing:3.1px;margin-top:9px;font-size:8px;font-weight:500;display:block}.help-button{border:1px solid var(--ui-border-strong);width:22px;height:22px;color:var(--ui-text-muted);background:0 0;border-radius:50%;font-size:11px}.tabs{border-bottom:1px solid var(--line);flex-shrink:0;margin:0 23px;display:flex}.tabs button{color:var(--ui-text-muted);letter-spacing:1px;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;padding:15px 0 14px;font-size:12px}.tabs button[aria-selected=true]{border-bottom-color:var(--orange);color:var(--ink);font-weight:650}.tab-panel{scrollbar-width:thin;scrollbar-color:var(--ui-border) transparent;flex:1;min-height:0;padding:24px 23px 18px;overflow-y:auto}fieldset{border:0;min-width:0;margin:0;padding:0}fieldset:disabled{opacity:.5}.field-label{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px;font-weight:550;display:flex}.field-label>span{color:var(--muted);letter-spacing:.5px;font-size:9px;font-weight:400}textarea{resize:vertical;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:6px;outline:0;width:100%;min-height:72px;max-height:125px;padding:12px;font-size:13px;line-height:1.7;display:block}textarea:focus{border-color:var(--ui-text-muted)}.input-hint{color:var(--ui-text-muted);margin:7px 0 20px;font-size:9px}.input-hint.error{color:var(--ui-text-secondary)}.section-label{margin-top:19px}.species-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.species-option{border:1px solid var(--line);background:0 0;border-radius:5px;flex-direction:column;justify-content:space-between;align-items:center;gap:3px;min-width:0;height:53px;padding:5px 3px 6px;display:flex}.species-option canvas{width:76px;max-width:100%;height:25px}.species-option>span{white-space:nowrap;color:var(--ui-text-muted);font-size:9px}.species-option.active{border-color:var(--orange);background:var(--ui-accent-soft)}.species-option.active>span{color:var(--ui-text)}.head-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;margin-bottom:21px;display:grid}.head-option{border:1px solid var(--line);background:0 0;border-radius:5px;place-items:center;min-width:0;height:33px;padding:0;display:grid}.head-option canvas{width:25px;height:25px}.head-option.active{border-color:var(--orange);background:var(--ui-accent-soft)}.palette-row{align-items:center;gap:13px;margin:13px 0;display:flex}.palette-row>span{color:var(--ui-text-muted);flex-shrink:0;font-size:10px}.swatches{flex:1;justify-content:space-between;gap:6px;display:flex}.swatch{border:2px solid var(--ui-background);border-radius:50%;outline:1px solid #0000;flex-shrink:0;width:16px;height:16px;padding:0}.live-preview{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:6px;margin-top:23px;padding:11px 12px 0}.live-preview>span{color:var(--ui-text-muted);justify-content:space-between;font-size:9px;display:flex}.live-preview b{color:var(--ui-text-muted);font-weight:400}.live-preview canvas{width:100%;height:70px;display:block}.speed-label{color:var(--ui-text-muted);justify-content:space-between;align-items:center;margin:15px 0 13px;font-size:10px;display:flex}select{outline-offset:3px;background:0 0;border:0;padding:3px;font-size:10px}.primary{background:var(--ink);border:1px solid var(--ink);color:var(--ui-on-accent);border-radius:5px;padding:11px 16px;font-size:12px}.primary:hover{background:var(--ui-text-secondary)}.create-button{letter-spacing:1px;justify-content:space-between;width:100%;padding:13px 15px;display:flex}.quiet{color:var(--ui-text-muted);background:0 0;border:0;padding:8px;font-size:11px}.cancel-reply{width:100%}.creator-panel-footer{border-top:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 23px;display:flex}.footer-brand{letter-spacing:-.5px;font-size:15px;font-weight:750;position:relative}.footer-brand>span{color:var(--orange);font-size:19px;position:absolute;top:-12px;right:0}.creator-panel-footer>span:last-child{color:var(--ui-text-muted);letter-spacing:.5px;font-size:8px}.creator-panel-footer i{background:var(--ui-text-muted);border-radius:50%;width:4px;height:4px;margin-right:5px;display:inline-block}.creator-panel-footer b{color:var(--ui-text-muted);margin-left:4px;font-size:8px;font-weight:500}.world-controls{align-items:center;gap:10px;display:flex;position:absolute;bottom:24px;left:25px}.control-group,.round-control{background:var(--ui-glass);border:1px solid var(--ui-border);height:35px;box-shadow:0 2px 8px var(--ui-shadow-soft);border-radius:7px}.control-group{align-items:center;padding:0 6px;display:flex}.control-group button{background:0 0;border:0;min-width:26px;height:28px;padding:0 5px;font-size:12px}#zoomReset{color:var(--ui-text-muted);min-width:44px;font-size:9px}.round-control{width:35px;color:var(--ui-text-muted);place-items:center;padding:0;font-size:14px;display:grid}.snake-popup{z-index:4;background:var(--ui-glass);border:1px solid var(--ui-border);width:330px;max-width:calc(100% - 24px);max-height:75%;box-shadow:0 10px 40px var(--ui-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;padding:17px 19px;position:absolute;overflow:auto}.popup-heading{justify-content:space-between;align-items:center;display:flex}.popup-heading>span{color:var(--ui-text-muted);align-items:center;gap:6px;font-size:9px;display:flex}.popup-heading i{border-radius:50%;width:6px;height:6px;display:inline-block}.popup-heading button,.dialog-heading button{color:var(--ui-text-muted);background:0 0;border:0;padding:0 2px;font-size:22px}.snake-popup h2{overflow-wrap:anywhere;margin:9px 0 4px;font-size:16px;font-weight:650;line-height:1.6}.snake-popup>p{color:var(--ui-text-muted);margin:4px 0 13px;font-size:9px}.thread-text{border-top:1px solid var(--ui-border);max-height:200px;padding:8px 0;overflow:auto}.thread-line{overflow-wrap:anywhere;padding:7px 0;font-size:13px;line-height:1.85}.thread-line small{color:var(--ui-text-muted);font-size:9px;display:block}.thread-line+.thread-line{border-top:1px dashed var(--ui-border)}.popup-actions{align-items:center;gap:7px;padding-top:9px;display:flex}.vote-button{background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:5px;align-items:center;gap:7px;padding:9px 11px;font-size:11px;display:flex}.vote-button svg{stroke:currentColor;fill:none;stroke-width:1.6px;width:15px;height:15px}.vote-button[aria-pressed=true]{color:var(--ui-text-secondary);border-color:var(--ui-accent-border);background:var(--ui-accent-soft)}.popup-actions .primary{margin-left:auto;padding:9px 13px;font-size:11px}.rank-heading{justify-content:space-between;align-items:center;font-size:14px;font-weight:550;display:flex}.rank-heading small{color:var(--ui-border-strong);letter-spacing:1px;font-size:9px;font-weight:400}#rankDescription{color:var(--ui-text-muted);margin:9px 0 20px;font-size:9px}.rank-row{border:0;border-top:1px solid var(--line);text-align:left;background:0 0;align-items:center;gap:10px;width:100%;padding:17px 0;display:flex}.rank-num{color:var(--ui-text-muted);flex-shrink:0;width:18px;font-size:10px}.rank-row:nth-child(-n+3) .rank-num{color:var(--orange)}.rank-face{flex-shrink:0;width:31px;height:31px}.rank-copy{overflow-wrap:anywhere;flex:1;min-width:0;font-size:12px;line-height:1.65}.rank-copy small{color:var(--ui-text-muted);margin-top:4px;font-size:8px;display:block}.rank-score{color:var(--ui-text-muted);white-space:nowrap;font-size:10px}.reply-context{overflow-wrap:anywhere;background:var(--ui-border);border-left:2px solid var(--orange);border-radius:3px;margin-bottom:18px;padding:10px 12px;font-size:11px;line-height:1.6}.game-hud{border:1px solid var(--line);background:var(--ui-glass);border-radius:8px;align-items:center;gap:10px;padding:10px 14px;display:flex;position:absolute;top:17px;left:20px;right:20px}.game-hud>div{align-items:center;gap:13px;margin-right:auto;display:flex}.game-hud span{color:var(--ui-text-muted);font-size:10px}.game-hud strong{color:var(--ui-text-secondary);font-size:22px;font-weight:600}.game-hud button{background:0 0;border:0;font-size:11px}.game-message{z-index:5;background:var(--ui-overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);place-items:center;display:grid;position:absolute;inset:0}.message-card{background:var(--ui-glass);border:1px solid var(--ui-border);text-align:center;width:340px;max-width:90%;box-shadow:0 12px 50px var(--ui-shadow);border-radius:12px;padding:28px}.message-card>span{letter-spacing:2px;color:var(--ui-text-muted);font-size:9px}.message-card h2{margin:15px 0;font-size:23px;font-weight:600}.message-card p{color:var(--ui-text-muted);font-size:12px;line-height:1.9}.message-card>.primary{width:100%;margin-top:12px}.release-options{border:1px solid var(--ui-border);text-align:left;border-radius:8px;margin:16px 0 8px;padding:12px;font-size:12px;line-height:1.5}.release-options label{cursor:pointer;margin:8px 0;display:block}.release-options small{color:var(--ui-text-muted);display:block}.release-options a{margin-top:10px;display:block}.message-card:has(.release-options:not([hidden])){max-height:88vh;overflow:auto}.message-card>.quiet{margin-top:7px}.transition-label{text-align:center;pointer-events:none;text-shadow:0 0 20px var(--paper);position:absolute;top:40%;left:0;right:0}.transition-label span{letter-spacing:3px;color:var(--ui-text-muted);font-size:12px}.transition-label strong{letter-spacing:4px;margin-top:18px;font-size:36px;font-weight:500;display:block}.touch-controls{text-align:center;z-index:2;position:absolute;bottom:16px;right:20px}.touch-controls button{background:var(--ui-glass);border:1px solid var(--ui-border-strong);touch-action:manipulation;border-radius:5px;width:37px;height:31px;margin:2px;font-size:14px}.toast{background:var(--ui-text);color:var(--ui-surface);box-shadow:0 5px 20px var(--ui-shadow);opacity:0;pointer-events:none;z-index:10;text-align:center;border-radius:6px;max-width:80vw;padding:12px 20px;font-size:11px;transition:all .2s;position:fixed;bottom:25px;left:calc(50% - clamp(316px,23vw,370px)/2);transform:translate(-50%,10px)}.toast.show{opacity:1;transform:translate(-50%)}dialog{border:1px solid var(--line);background:var(--paper);width:470px;max-width:calc(100% - 32px);max-height:80dvh;color:var(--ink);border-radius:10px;padding:23px}dialog::backdrop{background:var(--ui-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-heading{justify-content:space-between;align-items:center;display:flex}.dialog-heading h2{margin:4px 0 15px;font-size:21px;font-weight:600}dialog ol{padding-left:20px;font-size:13px;line-height:1.9}dialog li{margin:18px 0}dialog li p,.help-note{color:var(--ui-text-muted);font-size:11px;line-height:1.9}.help-links{gap:18px;margin-top:12px;font-size:12px;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (min-height:950px){.creator-panel-header{padding-top:34px;padding-bottom:29px}.tab-panel{padding-top:30px}.species-option{height:61px}.input-hint{margin-bottom:28px}.section-label{margin-top:26px}.live-preview{margin-top:28px}}@media (max-width:760px){.app{grid-template-columns:1fr;height:auto;min-height:100dvh;overflow:visible}.world-panel{height:58dvh;min-height:360px}.creator-panel{border-left:0;border-top:1px solid var(--line);height:auto;min-height:570px}.creator-panel-header{padding:18px 23px 12px}.wordmark{font-size:21px}.wordmark small{margin:0 0 0 12px;font-size:8px;display:inline-block}.tabs button{padding:13px 0}.tab-panel{padding:20px 23px;overflow:visible}.species-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.species-option{height:55px}.head-grid{gap:8px}.head-option{height:37px}.palette-row{gap:20px}.swatch{width:19px;height:19px}.world-controls{bottom:15px;left:15px}.snake-popup{max-height:83%;padding:13px 16px}.snake-popup h2{font-size:14px}.thread-text{max-height:100px}.game-hud{padding:8px 11px;top:10px;left:10px;right:10px}.game-hud>div{gap:8px}.game-hud span{font-size:9px}.game-hud button{font-size:10px}.game-hud strong{font-size:18px}.transition-label strong{font-size:29px}.toast{left:50%}.live-preview canvas{height:83px}.rank-panel{min-height:400px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.create-actions{z-index:1;background:0 0;padding:1px 0 12px;position:sticky;bottom:-18px}.create-actions:before{content:"";background:linear-gradient(transparent, var(--ui-background));pointer-events:none;height:12px;position:absolute;top:-12px;left:0;right:0}@media (min-width:761px) and (max-height:950px){.creator-panel-header{padding:22px 23px 18px}.tab-panel{padding-top:19px}.input-hint{margin-bottom:13px}.section-label{margin-top:15px}.species-option{height:48px}.head-grid{margin-bottom:16px}.live-preview{margin-top:17px}.live-preview canvas{height:60px}.palette-row{margin:11px 0}.speed-label{margin-top:12px}.creator-panel-footer{padding-top:13px;padding-bottom:13px}}@media (max-width:760px){.create-actions{padding-bottom:0;position:static}.create-actions:before{display:none}}.creator-panel-header{min-height:0;padding:16px 20px 10px}.wordmark{letter-spacing:0;font-size:25px;font-weight:800;line-height:1.1}.help-button{width:24px;height:24px;color:var(--ui-text-muted);font-size:13px}.tabs{margin:0 20px}.tabs button{letter-spacing:0;color:var(--ui-text-muted);padding:11px 0 10px;font-size:14px;font-weight:600}.tabs button[aria-selected=true]{font-weight:700}.creator-panel .field-label{margin-bottom:8px;font-size:14px;font-weight:700}.creator-panel .field-label>span{letter-spacing:0;font-size:11px}.creator-panel textarea{min-height:77px;padding:10px 12px;font-size:16px;font-weight:550;line-height:1.6}.creator-panel .section-label{margin-top:18px}.creator-panel .species-option{height:52px}.creator-panel .species-option>span{color:var(--ui-text-secondary);font-size:11px;font-weight:600}.creator-panel .palette-row>span{font-size:12px;font-weight:600}.creator-panel .live-preview>span,.creator-panel .live-preview b{color:var(--ui-text-muted);font-size:11px}.creator-panel .speed-label,.creator-panel select{color:var(--ui-text-secondary);font-size:12px}.creator-panel .create-button{letter-spacing:0;padding:12px 15px;font-size:15px;font-weight:700}.creator-panel .create-actions{bottom:-12px}.creator-panel .rank-heading{font-size:16px;font-weight:700}.creator-panel #rankDescription{font-size:11px}.creator-panel .rank-copy{font-size:14px;font-weight:550}.creator-panel .rank-copy small{font-size:10px;font-weight:400}.creator-panel .rank-num,.creator-panel .rank-score{font-size:12px}.snake-popup h2{font-size:18px;font-weight:700}.thread-line{font-size:14px}.thread-line small,.snake-popup>p,.popup-heading>span{font-size:11px}.vote-button,.popup-actions .primary{font-size:12px}@media (max-width:760px){.creator-panel-header{padding:15px 20px 9px}.creator-panel .tab-panel{padding-top:16px}.creator-panel .species-option>span{font-size:10px}.creator-panel .create-actions{position:static}.creator-panel{min-height:0}}.preset-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.preset-option{border:1px solid var(--line);background:0 0;border-radius:4px;min-width:0;height:48px;padding:3px 2px 10px;position:relative}.preset-option canvas{object-fit:contain;width:100%;height:29px;display:block}.preset-option>span{color:var(--ui-text-muted);font-size:8px;position:absolute;bottom:3px;right:5px}.preset-option.active{border-color:var(--orange);background:var(--ui-accent-soft)}.choice-row{gap:5px;display:flex}.choice-button{border:1px solid var(--line);white-space:nowrap;background:0 0;border-radius:4px;flex:1;padding:8px 2px;font-size:12px;font-weight:550}.choice-button.active{border-color:var(--ui-text-muted);background:var(--ui-border);color:var(--ui-text-secondary)}.creator-panel .swatches{align-items:center;gap:5px}.creator-panel .swatch{border:2px solid var(--ui-background);width:18px;height:18px;box-shadow:0 0 0 .5px var(--ui-border)}.custom-color{border:1px solid var(--ui-border-strong);width:21px;height:21px;color:var(--ui-text-muted);cursor:pointer;border-radius:4px;flex-shrink:0;place-items:center;font-size:18px;line-height:1;display:grid;position:relative}.custom-color input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.custom-color.active{box-shadow:inset 0 -4px var(--custom-color);border-color:var(--ui-text-muted)}.custom-color:focus-within{outline:2px solid var(--orange);outline-offset:2px}.creator-panel .palette-row{margin:12px 0}@media (max-width:760px){.preset-option{height:54px}.preset-option canvas{height:33px}.creator-panel .swatch{width:21px;height:21px}.choice-button{font-size:13px}}.sr-only{top:0;left:0}.creator-panel .create-actions{z-index:auto;padding:1px 0 4px;position:static;bottom:auto}.create-actions:before{content:none;display:none}.creator-panel .live-preview{padding-bottom:4px}@media (min-width:761px) and (max-height:900px){.creator-panel-header{padding:12px 20px 6px}.tabs button{padding:8px 0}.creator-panel .tab-panel{padding:12px 20px}.creator-panel textarea{height:64px;min-height:64px;padding:6px 10px}.creator-panel .section-label{margin-top:8px}.creator-panel .field-label{margin-bottom:6px}.preset-option{height:40px;padding-top:0;padding-bottom:8px}.preset-option canvas{height:27px}.creator-panel .head-option{height:31px}.creator-panel .head-grid{margin-bottom:5px}.creator-panel .palette-row{margin:6px 0}.choice-button{padding:7px 2px}.creator-panel .live-preview{margin-top:10px;padding-top:8px}.creator-panel .live-preview canvas{height:50px}.creator-panel .speed-label{margin:8px 0}.creator-panel .create-button{padding:10px 15px}}.author-input{border:1px solid var(--ui-border);background:var(--ui-surface);border-radius:6px;outline:0;width:100%;height:38px;margin:0 0 12px;padding:0 12px;font-size:12px;display:block}.author-input:focus{border-color:var(--ui-text-muted)}.snake-popup{border:1px solid var(--ui-border);background:var(--ui-background);width:286px;max-height:none;box-shadow:0 8px 28px var(--ui-shadow);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:13px;padding:14px 16px 11px;overflow:visible}.snake-popup:after{content:"";background:var(--ui-background);border-right:1px solid var(--ui-border);border-bottom:1px solid var(--ui-border);width:12px;height:12px;position:absolute;bottom:-7px;left:25px;transform:rotate(45deg)}.snake-popup h2{white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:14px;font-weight:700;line-height:1.45;overflow:hidden}.snake-popup>p{color:var(--ui-text-muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:11px;display:block;overflow:hidden}.popup-actions{align-items:center;gap:4px;margin-top:10px;padding:0;display:flex}.stat-button{min-width:50px;height:30px;color:var(--ui-text-secondary);background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:4px;padding:3px 6px;font-size:11px;line-height:1;display:flex}.stat-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.stat-button[aria-pressed=true]{color:var(--ui-text-secondary);background:var(--ui-accent-soft)}.stat-button:first-child{color:var(--ui-text-secondary)}.stat-button.more-button{letter-spacing:2px;min-width:31px;margin-left:auto;font-size:20px;font-weight:700;transform:translateY(-3px)}.stat-button svg .crack{stroke:var(--ui-accent);stroke-width:1.8px}.snake-popup{border:1px solid var(--ui-surface);background:var(--ui-background);width:318px;box-shadow:0 16px 42px var(--ui-shadow-strong), 0 2px 8px var(--ui-shadow-soft);border-radius:18px;padding:16px 17px 13px}.snake-popup:after{left:var(--pointer-x);background:var(--ui-background);width:14px;height:14px;box-shadow:3px 3px 8px var(--ui-shadow-soft)}.snake-popup[data-side=above]:after{border:0;border-right:1px solid var(--ui-surface);border-bottom:1px solid var(--ui-surface);top:auto;bottom:-7px}.snake-popup[data-side=below]:after{border:0;border-left:1px solid var(--ui-surface);border-top:1px solid var(--ui-surface);box-shadow:-3px -3px 8px var(--ui-shadow-soft);top:-7px;bottom:auto}.snake-popup h2{text-overflow:ellipsis;white-space:nowrap;color:var(--ui-text);letter-spacing:0;margin:0 0 10px;font-size:16px;font-weight:800;line-height:1.4;overflow:hidden}.snake-popup h2:before{display:none}.popup-authors{white-space:nowrap;align-items:center;gap:6px;width:100%;display:flex;overflow:hidden}.popup-author-label{color:var(--ui-text-muted);flex:none;margin-right:1px;font-size:11px}.popup-author,.popup-author-more{border:1px solid var(--ui-border);background:var(--ui-surface);max-width:calc(100% - 40px);height:29px;color:var(--ui-text);border-radius:18px;flex:none;align-items:center;font-size:11px;font-weight:700;display:flex}.popup-author{gap:4px;min-width:0;padding:2px 8px 2px 3px}.popup-author canvas{flex:none;width:22px;height:22px;display:block}.popup-author span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.popup-author-more{color:var(--ui-text-muted);padding:0 9px}.popup-actions{border:0;align-items:center;gap:4px;margin-top:13px;padding:0;display:flex}.stat-button{min-width:0;height:36px;color:var(--ui-text);border-radius:9px;justify-content:flex-start;gap:4px;padding:0 3px;font-size:11px;font-weight:700;transform:none}.stat-button:hover{background:var(--ui-surface)}.stat-button svg{stroke-width:1.8px;flex:none;width:19px;height:19px}#likeButton,#dislikeButton{flex:0 0 45px}#likeButton{color:var(--ui-accent)}#likeButton svg path{fill:currentColor;stroke:currentColor}#dislikeButton{color:var(--ui-text-secondary)}#dislikeButton svg path:first-child{fill:currentColor;stroke:currentColor}#dislikeButton svg .crack{stroke:var(--ui-background);stroke-width:2.5px}.age-stat{height:36px;color:var(--ui-text-secondary);white-space:nowrap;flex:0 0 60px;align-items:center;gap:3px;font-size:10px;font-weight:700;display:flex}.age-stat svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:17px;height:17px}#replyButton{color:var(--ui-text-secondary);flex:0 0 45px}#replyButton svg{stroke-width:4px;fill:none}.stat-button[aria-pressed=true]{background:var(--ui-accent-soft)}#dislikeButton[aria-pressed=true]{background:var(--ui-surface)}.stat-button.more-button{background:var(--ui-surface);width:31px;min-width:0;height:36px;color:var(--ui-text);flex:0 0 31px;justify-content:center;margin:0 0 0 auto;padding:0;transform:none}.stat-button.more-button:hover{background:var(--ui-surface)}.stat-button.more-button svg{fill:currentColor;stroke:none;width:17px;height:17px}.popup-title-row{align-items:center;gap:8px;margin-bottom:7px;display:flex}.popup-title-row h2{flex:1;min-width:0;margin:0}@media (max-width:760px){.snake-popup{width:300px;padding:14px 14px 11px}}.world-panel,.creator-panel,dialog{background:var(--ui-background)}.creator-panel{border-color:var(--line)}.wordmark{letter-spacing:0;font-weight:900}.help-button{background:var(--ui-background);border-color:var(--ui-border);color:var(--ui-text-muted)}.help-button:hover,.tabs button:hover{color:var(--orange)}.tabs button{color:var(--ui-text-muted)}.tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--orange)}.creator-panel .field-label,.creator-panel .palette-row>span{color:var(--ui-text)}.creator-panel .field-label>span,.creator-panel .species-option>span,.creator-panel .live-preview>span,.creator-panel .live-preview b,.creator-panel .speed-label,.creator-panel select{color:var(--ui-text-muted)}.creator-panel textarea,.creator-panel .author-input{background:var(--ui-surface);border-color:var(--ui-border);color:var(--ui-text);border-radius:8px}.creator-panel textarea:focus,.creator-panel .author-input:focus{border-color:var(--ui-accent);box-shadow:0 0 0 3px var(--ui-accent-ring)}.creator-panel .preset-option,.creator-panel .species-option,.creator-panel .head-option,.choice-button{border-color:var(--ui-border);background:var(--ui-background);color:var(--ui-text-secondary);border-radius:7px}.creator-panel .preset-option:hover,.creator-panel .species-option:hover,.creator-panel .head-option:hover,.choice-button:hover{border-color:var(--ui-accent-border);background:var(--ui-accent-subtle)}.creator-panel .preset-option.active,.creator-panel .species-option.active,.creator-panel .head-option.active,.choice-button.active{border-color:var(--ui-accent);background:var(--ui-accent-soft);color:var(--ui-accent-text)}.creator-panel .species-option.active>span{color:var(--ui-accent-text)}.preset-option>span{color:var(--ui-text-muted)}.creator-panel .swatch{border-color:var(--ui-background);box-shadow:0 0 0 .5px var(--ui-border)}.swatch.active{outline-color:var(--ui-accent)}.custom-color{border-color:var(--ui-border);color:var(--ui-text-muted)}.custom-color.active{border-color:var(--ui-accent)}.creator-panel .live-preview{background:var(--ui-surface);border-color:var(--ui-border);border-radius:9px}.primary{background:var(--ui-accent);border-color:var(--ui-accent);color:var(--ui-on-accent);border-radius:8px;font-weight:700}.primary:hover{background:var(--ui-accent-hover);border-color:var(--ui-accent-hover)}.creator-panel .create-button{background:var(--ui-text);border-color:var(--ui-text);color:var(--ui-background)}.creator-panel .create-button:hover{background:var(--ui-text);border-color:var(--ui-text)}.quiet{color:var(--ui-text-muted)}.quiet:hover{color:var(--ui-accent)}.reply-context{background:var(--ui-accent-soft);border-color:var(--ui-accent);color:var(--ui-text-secondary)}.rank-heading{color:var(--ui-text)}.rank-heading small,#rankDescription,.rank-copy small,.rank-num{color:var(--ui-text-muted)}.rank-row{border-color:var(--ui-surface);border-radius:7px}.rank-row:hover{background:var(--ui-background)}.rank-score,.rank-row:nth-child(-n+3) .rank-num{color:var(--ui-accent)}.world-controls{z-index:3;white-space:nowrap;gap:8px;top:18px;bottom:auto;left:50%;transform:translate(-50%)}.control-group,.round-control{background:var(--ui-background);border-color:var(--ui-border);height:38px;box-shadow:0 4px 18px var(--ui-shadow);color:var(--ui-text-secondary);border-radius:10px}.control-group button{height:34px;font-size:17px;font-weight:500}.control-group button:hover,.round-control:hover{color:var(--ui-accent);background:var(--ui-accent-soft)}#zoomReset{color:var(--ui-text-muted);font-size:11px;font-weight:700}.round-control{width:38px}.round-control.feed-control{white-space:nowrap;width:auto;min-width:84px;padding:0 10px}.round-control.feed-control[aria-pressed=true],#poolMusicToggle[aria-pressed=true]{color:var(--ui-accent-text);border-color:var(--ui-accent-border);background:var(--ui-accent-soft)}#roamCreate{min-width:56px}.world-controls{flex-wrap:wrap;justify-content:center;width:max-content;max-width:calc(100% - 24px)}@media (max-width:380px){.world-controls{gap:4px}.world-controls .control-group{padding:0}}.snake-popup .snake-rule-status{color:var(--ui-text-secondary);margin:5px 0;font-size:12px}.round-control svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}#pausePool svg path[d$=Z],#listButton svg circle{fill:currentColor;stroke:none}.game-hud{background:var(--ui-glass);border-color:var(--ui-border);box-shadow:0 8px 28px var(--ui-shadow);border-radius:11px}.game-hud span{color:var(--ui-text-muted)}.game-hud strong{color:var(--ui-text-secondary)}.game-hud button{color:var(--ui-text-secondary);font-weight:700}.game-hud button:hover{color:var(--ui-accent)}.game-message{background:var(--ui-overlay)}.message-card{background:var(--ui-background);border-color:var(--ui-border);box-shadow:0 18px 55px var(--ui-shadow-strong);border-radius:18px}.message-card>span{color:var(--ui-accent);font-weight:800}.message-card h2{color:var(--ui-text);font-weight:800}.message-card p{color:var(--ui-text-muted)}.transition-label span{color:var(--ui-accent)}.transition-label strong{color:var(--ui-text);font-weight:800}.touch-controls button{background:var(--ui-background);border-color:var(--ui-border);color:var(--ui-text-secondary);box-shadow:0 3px 12px var(--ui-shadow);border-radius:8px}.touch-controls button:active{background:var(--ui-accent-soft);color:var(--ui-accent)}.toast{background:var(--ui-text-secondary);color:var(--ui-background);box-shadow:0 8px 28px var(--ui-shadow-strong)}dialog{border-color:var(--ui-border);box-shadow:0 20px 65px var(--ui-shadow-strong);border-radius:18px}dialog::backdrop{background:var(--ui-overlay)}.dialog-heading h2{color:var(--ui-text);font-weight:800}.dialog-heading button{color:var(--ui-text-muted)}.dialog-heading button:hover{color:var(--ui-accent)}dialog li p,.help-note{color:var(--ui-text-muted)}#listDialog{scrollbar-color:var(--ui-border) transparent;width:520px;max-height:min(78dvh,720px);overflow:auto}#listDialog .rank-row{padding:13px 9px}#listDialog .rank-copy{font-size:14px;font-weight:650}#listDialog .rank-copy small{font-size:10px}#listDialog .rank-face{width:36px;height:36px}#listDialog .rank-score{font-size:12px;font-weight:700}@media (max-width:760px){.world-controls{top:12px;bottom:auto;left:50%}#listDialog{max-width:calc(100vw - 24px)}}.message-card p{white-space:pre-line}.app{grid-template-columns:none;height:100dvh;min-height:0;display:block;overflow:hidden}.app .world-panel{width:100%;height:100%;min-height:0}dialog.creator-panel:not([open]){display:none}dialog.creator-panel[open]{display:flex}dialog.creator-panel{border:1px solid var(--line);width:min(520px,100vw - 32px);height:auto;min-height:0;max-height:calc(100dvh - 32px);box-shadow:0 24px 80px var(--ui-shadow-strong);border-radius:20px;margin:auto;padding:0;overflow:hidden}.creator-panel>.dialog-heading{border-bottom:1px solid var(--line);flex:none;padding:20px 24px 14px}.creator-panel .tab-panel{padding:18px 24px 24px;overflow-y:auto}.creator-panel .create-actions{margin-top:16px;position:static}.creator-panel .live-preview{margin-top:18px}.game-controls{z-index:3;white-space:nowrap;align-items:center;gap:8px;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%)}.game-controls button{width:38px;height:38px;padding:0}.game-progress-label{background:var(--ui-background);border:1px solid var(--ui-border);min-width:104px;height:38px;box-shadow:0 4px 18px var(--ui-shadow);color:var(--ui-text-muted);border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:12px;display:inline-flex}.game-progress-label strong{color:var(--ui-text);font-variant-numeric:tabular-nums}.message-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:18px 0 10px;display:flex}.message-controls .keyboard-keys{justify-items:center;gap:4px;display:grid}.message-controls .keyboard-keys>div{gap:4px;display:flex}.message-controls kbd{border:1px solid var(--ui-border);background:var(--ui-surface);width:30px;height:28px;color:var(--ui-text-secondary);border-bottom-width:3px;border-radius:6px;place-items:center;font:700 12px system-ui,sans-serif;display:grid}.message-controls .key-separator{color:var(--ui-text-muted)}.touch-game-instructions,.game-touch-hint{display:none}@media (pointer:coarse){.message-controls>.keyboard-keys,.message-controls>.key-separator,.message-controls>p,.help-keys{display:none}.touch-game-instructions{text-align:center;gap:8px;font-size:14px;line-height:1.5;display:grid}.touch-game-instructions strong{color:var(--ui-text);font-size:18px}.touch-game-instructions small{color:var(--ui-text-muted);font-size:12px}.swipe-directions{color:var(--ui-accent);font-size:24px;line-height:1.2}.game-touch-hint{color:var(--ui-text-secondary);pointer-events:none;font-size:12px;display:block;position:absolute;top:46px;left:50%;transform:translate(-50%)}}.message-controls p{flex-basis:100%;margin:4px 0 0;line-height:1.4}@media (max-width:480px){dialog.creator-panel{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.creator-panel>.dialog-heading{padding:16px 18px 12px}.creator-panel .tab-panel{padding:16px 18px 20px}}.creator-panel>.create-actions{border-top:1px solid var(--line);background:var(--ui-background);flex:none;margin:0;padding:12px 24px 18px}.creator-panel>.create-actions .create-button{margin-top:10px}@media (max-width:480px){.creator-panel>.create-actions{padding:10px 18px 14px}}.creator-panel>.dialog-heading{padding:16px 22px 12px}.creator-panel .tab-panel{padding:14px 22px 16px}.creator-panel .section-label{margin-top:12px;margin-bottom:6px}.creator-panel textarea{resize:none;height:66px;min-height:66px}.creator-panel textarea:focus,.creator-panel textarea:focus-visible,.creator-panel .author-input:focus,.creator-panel .author-input:focus-visible{box-shadow:none;border-color:var(--ui-accent);outline:none}.creator-panel .author-label{margin-top:14px}.creator-panel .author-input{margin-bottom:4px}.creator-panel .appearance-label{color:var(--ui-text);flex:0 0 30px;margin:0;font-size:12px;font-weight:600}.creator-panel .shape-row{align-items:center;gap:12px;display:flex}.creator-panel .shape-row .head-grid,.creator-panel .shape-row .choice-row{flex:1;min-width:0;margin-bottom:0}.creator-panel .head-grid{margin-bottom:3px}.creator-panel .palette-row{gap:12px;margin:7px 0}.creator-panel .palette-row>span{flex:0 0 30px}.creator-panel .choice-button{place-items:center;min-width:0;height:36px;padding:2px;display:grid}.creator-panel .choice-button canvas{width:min(100%,70px);height:auto;display:block}.creator-panel .live-preview{margin-top:12px;padding:8px 12px 4px}.creator-panel .live-preview canvas{aspect-ratio:640/112;width:min(100%,440px);height:auto;margin-inline:auto}.creator-panel>.create-actions{align-items:center;gap:12px;padding:10px 22px 12px;display:flex}.creator-panel>.create-actions .speed-label{white-space:nowrap;flex:0 45%;gap:4px;min-width:0;margin:0}.creator-panel>.create-actions .create-button{flex:1;width:auto;min-width:0;margin:0;padding:10px 12px}.creator-panel>.create-actions .cancel-reply:not([hidden]){flex:none;width:auto}@media (max-width:480px){.creator-panel>.dialog-heading{padding:14px 18px 10px}.creator-panel .tab-panel{padding:12px 18px 14px}.creator-panel>.create-actions{gap:6px;padding:10px 18px 12px}.creator-panel>.create-actions .speed-label{flex-basis:48%}}@media (min-width:761px) and (max-height:800px){.creator-panel .tab-panel{padding-block:10px 12px}.creator-panel textarea{height:58px;min-height:58px}.creator-panel .section-label{margin-top:8px}.creator-panel .preset-option{height:34px}.creator-panel .preset-option canvas{height:23px}.creator-panel .live-preview canvas{width:min(100%,380px)}}.snake-popup .popup-actions{flex-wrap:wrap;gap:4px;margin-top:12px;overflow-x:visible}.snake-popup .snake-stat{min-height:28px;padding:4px 6px;font-size:11px}.snake-popup .snake-stat-icon{width:14px;height:14px}.snake-popup{box-sizing:border-box;width:min(480px,100vw - 24px)}html[lang=en] .snake-popup{width:min(620px,100vw - 24px)}.snake-popup .popup-title-row{margin-bottom:8px}.snake-popup #selectedHead{flex:none;width:28px;height:28px;display:block}.snake-popup .popup-authors{min-height:29px}.snake-popup .popup-author{padding:2px 9px}.snake-popup .popup-actions .snake-stat{flex:none;justify-content:center;align-items:center;gap:3px;line-height:1}.snake-popup .detail-link{margin-top:10px;font-size:12px;display:inline-flex}@media (max-width:600px){.snake-popup .popup-actions{gap:4px}.snake-popup .popup-actions .snake-stat{gap:3px;padding-inline:6px;font-size:11px}.snake-popup .snake-stat-icon{width:14px;height:14px}}.snake-popup h2 a{color:inherit;text-decoration:none}.snake-popup h2 a:hover,.snake-popup .detail-link:hover{text-decoration:underline}.reply-context{align-items:flex-start;gap:8px;display:flex}.reply-context>span{-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;min-width:0;display:-webkit-box;overflow:hidden}.reply-context .reply-context-close{color:var(--ui-text-secondary);cursor:pointer;background:0 0;border:0;flex:none;padding:0 2px;font-size:22px;line-height:1}.reply-context .reply-context-close:hover{color:var(--ui-text)}.creator-panel>.create-actions .speed-label{flex:none}.creator-panel>.create-actions .create-button{flex:1}@media (min-width:761px) and (max-height:740px){dialog.creator-panel{max-height:calc(100dvh - 16px)}.creator-panel>.dialog-heading{padding-block:11px 8px}.creator-panel .tab-panel{padding-block:8px}.creator-panel .live-preview canvas{width:min(100%,320px)}.creator-panel>.create-actions{padding-block:8px}}