.library,.how,.open{--field:var(--ink);z-index:2;background:var(--field);position:relative}.library:before,.how:before,.open:before,.foot:before{content:"";background:var(--dither) left bottom / 48px 24px repeat-x;pointer-events:none;height:24px;position:absolute;bottom:100%;left:0;right:0}.monsters{z-index:2;background:var(--ink);position:relative}.mon-stage{position:relative}#mon-canvas{touch-action:pan-y;display:none}.mons{gap:26px;max-width:760px;margin:0 auto;padding:40px 20px;display:grid}.mon-head{max-width:760px;color:var(--leaf);font-size:calc(45px + var(--step) * 18px);margin:0 auto;padding:40px 20px 0}.mon h3{font-size:calc(45px + var(--step) * 18px)}.mon-from{font-family:var(--pixel);color:var(--sun);font-size:18px;font-weight:400}.mon-joke{font-family:var(--pixel);font-weight:400;font-size:calc(27px + min(var(--step), 1) * 9px);line-height:1.15}.parade-on .mon-stage{height:100svh;position:sticky;top:0;overflow:hidden}.parade-on #mon-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.parade-on .mon-head{z-index:3;left:0;right:0;top:calc(var(--hud) + 1svh);text-align:center;color:#fff7da;--edge:calc(3px + min(var(--step), 1) * 1px);max-width:none;text-shadow:0 6px 0 var(--ink), var(--edge) 0 0 var(--ink), calc(var(--edge) * -1) 0 0 var(--ink), 0 calc(var(--edge) * -1) 0 var(--ink);padding:0 clamp(16px,5vw,96px);position:absolute}.parade-on .mons{z-index:2;pointer-events:none;max-width:none;margin:0;padding:0;display:block;position:absolute;inset:0}.parade-on .mon{left:clamp(16px,4vw,80px);right:clamp(16px,4vw,80px);top:calc(var(--hud) + 2svh);visibility:hidden;position:absolute}.parade-on .mon h3{color:#fff7da;width:-moz-fit-content;width:fit-content;font-size:calc(45px + var(--step) * 36px);transform-origin:0 60%;--edge:calc(3px + min(var(--step), 1) * 2px);text-shadow:0 6px 0 var(--ink), var(--edge) 0 0 var(--ink), calc(var(--edge) * -1) 0 0 var(--ink), 0 calc(var(--edge) * -1) 0 var(--ink), 0 13px 0 rgba(11, 15, 9, calc(.45 * min(var(--step), 1)));margin:2px 0 8px;line-height:.96}.parade-on .mon-from,.parade-on .mon-joke,.parade-on .mon-does{background:var(--ink);width:-moz-fit-content;width:fit-content;max-width:34em;padding:6px 14px}.parade-on .mon-joke{color:var(--text);margin-bottom:6px}.parade-on .mon-does{color:var(--leaf);font-size:calc(16px + min(var(--step), 2) * 2px)}.parade-on .mon-from{padding:2px 10px;font-size:18px}.real{--field:#16321f;--dither:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='24' shape-rendering='crispEdges'%3E%3Cg fill='%2316321f'%3E%3Cpath d='M0 12h12v12H0zM24 12h12v12H24zM12 16h12v8H12zM36 16h12v8H36zM6 0h6v6H6zM30 4h6v6h-6z'/%3E%3C/g%3E%3C/svg%3E");z-index:2;background:var(--field);padding:clamp(40px,6vw,88px) clamp(16px,5vw,96px) clamp(50px,7vw,100px);position:relative}.real:before{content:"";background:var(--dither) left bottom / 48px 24px repeat-x;pointer-events:none;height:24px;position:absolute;bottom:100%;left:0;right:0}.real-head h2{color:#fff7da;max-width:15em;font-size:calc(45px + var(--step) * 18px);margin-bottom:10px}.real-film{max-width:1120px;box-shadow:0 0 0 4px var(--ink), 0 12px 0 0 var(--ink);margin-top:24px}.real-film video{background:var(--ink);width:100%;height:auto;display:block}.real-more{font-family:var(--pixel);margin-top:26px;font-size:27px;font-weight:400}.library{--field:#f1f3df;--dither:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='24' shape-rendering='crispEdges'%3E%3Cg fill='%23f1f3df'%3E%3Cpath d='M0 12h12v12H0zM24 12h12v12H24zM12 16h12v8H12zM36 16h12v8H36zM6 0h6v6H6zM30 4h6v6h-6z'/%3E%3C/g%3E%3C/svg%3E");color:var(--ink);padding:clamp(40px,7vw,96px) clamp(16px,5vw,96px) clamp(60px,8vw,120px)}.how{--field:var(--ink);--dither:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='24' shape-rendering='crispEdges'%3E%3Cg fill='%230b0f09'%3E%3Cpath d='M0 12h12v12H0zM24 12h12v12H24zM12 16h12v8H12zM36 16h12v8H36zM6 0h6v6H6zM30 4h6v6h-6z'/%3E%3C/g%3E%3C/svg%3E");padding:clamp(40px,7vw,96px) clamp(16px,5vw,96px)}.lede{max-width:34em;font-size:calc(16px + min(var(--step), 2) * 2px)}.lib-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 40px;margin-bottom:26px;display:flex}.lib-head h2,.how-head h2,.open-words h2{max-width:15em;font-size:calc(45px + var(--step) * 27px);margin:6px 0 12px}.live{background:var(--ink);color:var(--leaf);font-family:var(--pixel);align-items:center;gap:7px;padding:2px 10px;font-size:18px;font-weight:400;display:inline-flex}.live i{background:var(--leaf);width:9px;height:9px;animation:1.6s steps(2,jump-none) infinite live}.live.off{color:var(--muted)}.live.off i{background:var(--muted);animation:none}@keyframes live{to{opacity:.25}}.lib-count{font-family:var(--pixel);font-size:18px;font-weight:400}.library{--lib-cols:repeat(auto-fill, minmax(200px, 1fr));--lib-gap:18px}.lib-tools{gap:14px;margin-bottom:26px;display:grid}.search{max-width:420px;position:relative}.search input{width:100%;height:46px;box-shadow:0 0 0 3px var(--ink), 0 6px 0 0 var(--ink);outline-offset:5px;transition:transform var(--small) var(--out-cubic);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' shape-rendering='crispEdges'%3E%3Cpath fill='%230b0f09' d='M3 0h4v1H3zM2 1h1v1H2zM7 1h1v1H7zM1 2h1v4H1zM8 2h1v4H8zM2 6h1v1H2zM7 6h1v1H7zM3 7h4v1H3zM8 7h1v1H8zM9 8h1v1H9zM10 9h1v1h-1zM11 10h1v1h-1z'/%3E%3C/svg%3E") 14px/18px no-repeat;border:0;padding:0 14px 0 42px;font-size:17px}.search input::-webkit-search-cancel-button{filter:grayscale()}.search input:focus{transform:translateY(-2px)}.chips{grid-template-columns:var(--lib-cols);gap:10px var(--lib-gap);display:grid}.chip{min-height:38px;box-shadow:0 0 0 2px var(--ink);font-family:var(--pixel);cursor:pointer;transition:transform var(--press) var(--out-cubic), background var(--small) var(--out-cubic);background:#fff;border:0;align-items:center;gap:7px;padding:2px 12px;font-size:18px;font-weight:400;display:flex}.chip b{color:var(--leaf-deep)}.chip:hover{transform:translateY(-2px)}.chip:active{transform:translateY(1px)}.chip[aria-pressed=true],.chip.on{background:var(--ink);color:var(--text)}.chip[aria-pressed=true] b{color:var(--leaf)}.guide{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin-bottom:34px;display:grid}.guide-card{background:var(--ink);color:var(--text);box-shadow:0 0 0 3px var(--ink), 0 7px 0 0 var(--leaf-deep);transition:transform var(--small) var(--out-quart);padding:16px 18px 14px;font-size:16px;line-height:1.4;position:relative}.guide-card:hover{transform:translateY(-4px)}.guide-card h3{color:var(--leaf);margin-bottom:10px;font-size:27px}.guide-card p+p{margin-top:6px}.guide-card .coming-stamp{background:var(--ink);margin:0;position:absolute;top:-12px;right:10px}.guide-steps{counter-reset:step;gap:6px;margin-bottom:10px;display:grid}.guide-steps li{counter-increment:step;align-items:baseline;gap:10px;display:flex}.guide-steps li:before{content:counter(step);background:var(--sun);width:27px;height:27px;color:var(--ink);font-family:var(--pixel);flex:none;place-items:center;font-size:18px;font-weight:400;line-height:1;display:inline-grid}.guide-verbs{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.guide-verbs li{background:var(--bark);box-shadow:inset 0 0 0 1px var(--moss);color:var(--sun);font-family:var(--pixel);padding:2px 10px;font-size:18px;font-weight:400}.lib-teach{font-family:var(--pixel);font-weight:400;font-size:calc(18px + min(var(--step), 1) * 9px);margin-bottom:18px;line-height:1.2}.tiles{grid-template-columns:var(--lib-cols);gap:20px var(--lib-gap);display:grid}.tile{transform-origin:50% 100%;position:relative}.tile-press{width:100%;color:var(--ink);text-align:left;cursor:pointer;box-shadow:0 0 0 3px var(--ink), 0 8px 0 0 var(--ink);transition:transform var(--small) var(--out-quart), box-shadow var(--small) var(--out-quart);background:#fff;border:0;padding:0;display:grid}.tile-press:hover{box-shadow:0 0 0 3px var(--ink), 0 13px 0 0 var(--ink);transform:translateY(-5px)}.tile-press:active{box-shadow:0 0 0 3px var(--ink), 0 4px 0 0 var(--ink);transform:translateY(4px)}.tile-pic{aspect-ratio:1;background:#cfe3a0;place-items:center;display:grid;position:relative;overflow:hidden}.tile[data-kind=monster] .tile-pic{background:#ffc27a}.tile[data-kind=character] .tile-pic{background:#a9dcf5}.tile[data-kind=power] .tile-pic{background:#ffd25e}.tile[data-kind=appliance] .tile-pic{background:#d9d8c2}.tile-img{object-fit:contain;width:62%;height:62%;transition:transform var(--spring-time) var(--spring)}.tile-press:hover .tile-img{transform:scale(1.14)rotate(-3deg)}.tile-letter{font-family:var(--pixel);font-size:72px}.tile-name{font-family:var(--pixel);padding:10px 12px 0;font-size:18px;font-weight:400;line-height:1.1}.tile-kind{color:#55604a;padding:2px 12px 10px;font-size:14px}.tile-new{z-index:2;color:#fff;font-family:var(--pixel);animation:stamp .42s var(--spring) .76s backwards;background:#d23b2e;padding:1px 9px;font-size:18px;font-weight:400;position:absolute;top:-9px;right:-7px;transform:rotate(6deg)}@keyframes stamp{0%{opacity:0;transform:scale(2.4)rotate(-10deg)}}.lib-none{font-family:var(--pixel);padding:26px 0;font-size:27px;font-weight:400}.tile-pic .sprite,.card-pic .sprite{transition:translate var(--small) var(--out-cubic);position:absolute;top:56%;left:50%;transform:translate(-50%,-62%)}.tile-img{transition:translate var(--small) var(--out-cubic), transform var(--spring-time) var(--spring)}.js [data-rise] .w{vertical-align:top;margin-bottom:-.14em;padding-bottom:.14em;display:inline-block;overflow:hidden}.js [data-rise] .w>span{transform-origin:0 100%;display:inline-block}.belt{background:#dfe2c9;height:188px;margin:calc(-1*clamp(40px,7vw,96px)) calc(-1*clamp(16px,5vw,96px)) 34px;position:relative;overflow:hidden}.belt-row{align-items:flex-end;gap:44px;width:max-content;padding-left:40px;display:flex;position:absolute;bottom:30px;left:0}.belt-row img{flex:none}.belt-floor{height:30px;box-shadow:inset 0 6px 0 var(--ink);background:repeating-linear-gradient(90deg,#2c3722 0 18px,#16200f 18px 36px);position:absolute;bottom:0;left:0;right:0}.open-road{height:96px;box-shadow:inset 0 8px 0 var(--ink);background:#3a3d45;position:absolute;bottom:0;left:0;right:0}.open-road:after{content:"";background:repeating-linear-gradient(90deg,#f1f3df 0 48px,#0000 48px 96px);height:6px;position:absolute;top:46px;left:0;right:0}#open-van{z-index:2;position:absolute;bottom:22px;left:2vw;transform:translate(-110vw)}.open-dust{position:absolute}.card{width:min(880px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--ink);box-shadow:0 0 0 4px var(--ink), 0 12px 0 0 var(--ink);background:#fff;border:0;padding:0;overflow:auto}.card[open]{animation:card-in var(--spring-time) var(--spring) both;grid-template-columns:minmax(0,11fr) minmax(0,12fr);display:grid}@keyframes card-in{0%{opacity:0;transform:translateY(40px)scale(.9)}}.card::backdrop{animation:fade-in var(--small) var(--out-cubic) both;background:#0b0f09cc}@keyframes fade-in{0%{opacity:0}}.card-pic{aspect-ratio:1;background:#cfe3a0;place-items:center;display:grid;position:relative;overflow:hidden}.card[data-kind=monster] .card-pic{background:#ffc27a}.card[data-kind=character] .card-pic{background:#a9dcf5}.card[data-kind=power] .card-pic{background:#ffd25e}.card[data-kind=appliance] .card-pic{background:#d9d8c2}.card-text{align-self:center;padding:28px 26px}.card-kind{font-family:var(--pixel);color:var(--leaf-deep);font-size:18px}.card h3{font-size:calc(36px + min(var(--step), 2) * 9px);margin:4px 0 14px}#card-about{max-height:12.5em;overflow:auto}.card-teach{background:#e7efcf;margin-top:12px;padding:6px 10px;font-size:15px;line-height:1.35}.card-acts{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.card-x{z-index:2;background:var(--ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Cpath fill='%23f1f3df' d='M1 1h1v1H1zM2 2h1v1H2zM3 3h2v2H3zM5 2h1v1H5zM6 1h1v1H6zM2 5h1v1H2zM1 6h1v1H1zM5 5h1v1H5zM6 6h1v1H6z'/%3E%3C/svg%3E") center / 20px no-repeat;cursor:pointer;width:38px;height:38px;transition:transform var(--small) var(--out-cubic);border:0;position:absolute;top:10px;right:10px}.card-x:hover{transform:rotate(90deg)}.how-head{margin-bottom:26px}.how-head h2{color:var(--leaf)}.how-body{grid-template-columns:220px minmax(0,1fr);gap:22px;display:grid}.how-list{align-content:start;gap:6px;display:grid}.how-list button{background:var(--bark);min-height:46px;box-shadow:inset 0 0 0 2px var(--moss);color:var(--muted);font-family:var(--pixel);text-align:left;cursor:pointer;transition:transform var(--press) var(--out-cubic), color var(--small) var(--out-cubic), box-shadow var(--small) var(--out-cubic);border:0;padding:4px 14px;font-size:18px;font-weight:400;position:relative}.how-list button:hover{color:var(--text);transform:translate(4px)}.how-list button[aria-selected=true]{color:var(--leaf-ink);background:var(--leaf);box-shadow:inset 0 0 0 2px var(--ink);transform:translate(8px)}.how-show{min-width:0}.how-screen{position:relative}@media (min-width:1180px){.how-show{grid-template-columns:minmax(0,1fr) minmax(260px,340px);align-items:start;gap:28px;display:grid}.how-say{padding-top:0!important}}#how-canvas{aspect-ratio:16/8;width:100%;box-shadow:0 0 0 3px var(--moss);background:var(--bark)}.how-ui{aspect-ratio:16/8;pointer-events:none;position:absolute;inset:0 0 auto;overflow:hidden}.ghost{opacity:0;width:24px;max-width:none;height:24px;position:absolute;top:0;left:0}.how-bubble{background:var(--text);max-width:280px;color:var(--ink);box-shadow:0 0 0 2px var(--ink);opacity:0;transition:opacity var(--small) var(--out-cubic);padding:6px 10px;font-size:15px;line-height:1.3;position:absolute;top:0;left:0}.how-bubble.on{opacity:1}.how-menu{min-width:130px;font-family:var(--pixel);opacity:0;visibility:hidden;background:#0e130c;padding:4px;font-size:18px;font-weight:400;position:absolute;top:0;left:0;box-shadow:0 0 0 3px #000}.how-menu.on{opacity:1;visibility:visible}.how-menu li{padding:2px 8px}.how-menu li.on{background:var(--leaf);color:var(--leaf-ink)}.how-bag{opacity:0;visibility:hidden;transition:opacity var(--small) var(--out-cubic);background:#0e130c;position:absolute;top:0;left:0;box-shadow:0 0 0 3px #000}.how-bag.on{opacity:1;visibility:visible}.how-bag header{background:var(--bark);color:var(--sun);font-family:var(--ui);padding:3px 8px;font-size:13px;font-weight:800}.how-cells{grid-template-columns:repeat(4,1fr);gap:3px;padding:6px;display:grid}.how-cells i{aspect-ratio:1;background:var(--bark) center / 72% no-repeat;box-shadow:inset 0 0 0 1px var(--moss);image-rendering:pixelated}.how-bar{box-shadow:0 0 0 2px var(--moss);background:#0b0f09e6;gap:3px;padding:4px;display:none;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.how-bar.on{display:flex}.how-bar b{aspect-ratio:1;background:var(--bark) center / 72% no-repeat;width:clamp(26px,5vw,44px);box-shadow:inset 0 0 0 1px var(--moss);color:var(--muted);font-family:var(--ui);image-rendering:pixelated;transition:transform var(--press) var(--out-cubic);padding-left:3px;font-size:12px;font-weight:800}.how-bar b.down{box-shadow:inset 0 0 0 2px var(--leaf);transform:translateY(2px)}.how-bar b.cool{opacity:.45}.how-say{padding-top:16px;position:relative}.how-keys{flex-wrap:wrap;align-items:center;gap:8px;min-height:44px;margin-bottom:10px;display:flex}kbd{background:var(--text);min-width:42px;height:38px;color:var(--ink);font-family:var(--pixel);transition:transform 70ms var(--out-cubic), box-shadow 70ms var(--out-cubic), background 70ms var(--out-cubic);place-items:center;padding:0 8px;font-size:18px;font-weight:400;display:inline-grid;box-shadow:0 0 0 2px #000,0 5px #8d8f74}kbd.wide{padding:0 14px}kbd.down{background:var(--leaf);transform:translateY(4px);box-shadow:0 0 0 2px #000,0 1px #8d8f74}.how-say p{max-width:38em;font-size:calc(16px + min(var(--step), 2) * 2px)}.how-touch{color:var(--muted);margin-top:8px;font-size:15px!important}@media (hover:hover) and (pointer:fine){.how-touch{display:none}}.how-more{color:var(--muted);margin-top:30px}.open{--field:#e8742c;--dither:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='24' shape-rendering='crispEdges'%3E%3Cg fill='%23e8742c'%3E%3Cpath d='M0 12h12v12H0zM24 12h12v12H24zM12 16h12v8H12zM36 16h12v8H36zM6 0h6v6H6zM30 4h6v6h-6z'/%3E%3C/g%3E%3C/svg%3E");background:linear-gradient(in oklch, #2d3f8f, #e8742c 62%, #ffc27a);padding:clamp(40px,6vw,90px) clamp(16px,5vw,96px) 96px;overflow:hidden}.open-stage{grid-template-columns:minmax(0,12fr) minmax(0,10fr);align-items:end;gap:24px 48px;max-width:1400px;margin:0 auto;display:grid}.open-words{padding-bottom:34px}.open-words .lede{margin-bottom:22px}.open-words h2{color:#fff7da;text-shadow:0 4px 0 var(--ink), 3px 0 0 var(--ink), -3px 0 0 var(--ink), 0 -3px 0 var(--ink)}.open-words .lede{color:var(--ink);font-weight:600}.open-words .hero-go{justify-content:flex-start}.first{max-width:480px;color:var(--text);background:#0b0f09e0;margin-top:30px;padding:14px 16px 12px}.first h3{color:var(--sun);margin-bottom:4px;font-size:27px}.first p{font-size:15px}.first-row{gap:12px;margin:10px 0 12px;display:flex}.first-row input{min-width:0;height:42px;color:var(--ink);background:#fff;border:0;flex:1;padding:0 10px}.first-row .btn{--lift:4px;min-height:42px;padding:4px 16px;font-size:18px}.first-ok{cursor:pointer;align-items:flex-start;gap:8px;font-size:14px;line-height:1.35;display:flex}.first-ok input{width:18px;height:18px;accent-color:var(--leaf-deep);flex:none;margin:1px 0 0}.first-say{min-height:1.4em;color:var(--leaf);margin-top:4px;font-weight:600}.first-say.bad{color:var(--danger)}.shop{z-index:1;justify-self:center;width:-moz-fit-content;width:fit-content;min-width:0;margin-bottom:0;position:relative}.shop-art{margin:0 auto;display:block}.shop-sign{color:#4b2c10;height:18%;font-family:var(--pixel);text-align:center;white-space:nowrap;place-items:center;font-weight:400;line-height:1;display:grid;position:absolute;top:29.5%;left:28%;right:28%}.shop-in{background:#120d08;position:absolute;inset:55.5% 31.4% .7% 29.6%;overflow:hidden}.shop-crew{position:absolute;inset:0}.shop-crew .sprite{position:absolute;bottom:0}.shop-door{background:repeating-linear-gradient(#9aa0a8 0 9px,#7a808a 9px 12px,#5f656e 12px 14px);position:absolute;inset:0;box-shadow:inset 0 -6px #3b3f45}.foot{--dither:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='24' shape-rendering='crispEdges'%3E%3Cg fill='%230b0f09'%3E%3Cpath d='M0 12h12v12H0zM24 12h12v12H24zM12 16h12v8H12zM36 16h12v8H36zM6 0h6v6H6zM30 4h6v6h-6z'/%3E%3C/g%3E%3C/svg%3E");z-index:3;background:var(--ink);text-align:center;justify-items:center;gap:8px;padding:34px 20px 110px;display:grid;position:relative}.foot-van{width:94px;height:auto}.foot-small{color:var(--muted);font-size:14px}.rv{transition:transform var(--panel) var(--out-expo), opacity var(--small) var(--out-cubic)}.js .rv:not(.in){opacity:0;transform:translateY(26px)scale(.98)}.calm .rv{opacity:1!important;transform:none!important}@media (max-width:900px){.how-body{grid-template-columns:minmax(0,1fr)}.how-list{grid-auto-columns:max-content;grid-auto-flow:column;padding-bottom:6px;overflow-x:auto}.how-list button[aria-selected=true]{transform:none}#how-canvas,.how-ui{aspect-ratio:16/11}.open-stage{grid-template-columns:minmax(0,1fr)}.open-words{order:-1;padding-bottom:12px}.card[open]{grid-template-columns:minmax(0,1fr)}.card-pic{aspect-ratio:3/2}.card-pic .sprite{width:96%;height:144%}}@media (max-width:480px){#open-van{left:-64px}.library{--lib-cols:repeat(2, minmax(0, 1fr));--lib-gap:12px}.tiles{row-gap:16px}}@media (orientation:landscape) and (max-height:500px){.card[open]{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}.card-pic{aspect-ratio:auto;min-height:100%}.card-text{padding:18px 22px}.card h3{margin-bottom:8px;font-size:36px}#card-about{max-height:8.5em}}.accounts-in-game .first{display:none}@media (max-width:359px){.chip{flex-wrap:wrap;gap:0 5px;padding-inline:8px}}