@font-face{font-family:DD;src:url(fonts/Daydream.otf) format("opentype");font-display:swap}
@font-face{font-family:PO;src:url(fonts/PixelOperator.ttf) format("truetype");font-display:swap}
@font-face{font-family:PO;font-weight:700;src:url(fonts/PixelOperator-Bold.ttf) format("truetype");font-display:swap}
@font-face{font-family:EM;src:url(fonts/EmojiFont.ttf) format("truetype");font-display:block}
:root{--page:#FFF1F6;--panel:#FFE3EE;--bar:#F29BBB;--bart:#4A2036;--ink:#4A2036;--line:#4A2036;--acc:#B5316A;--onacc:#FFF1F6;--shadow:#F29BBB;--btn:#FFF1F6;--foot:#F29BBB;--foot2:#F7B3CD;--iconbg:#fff;--tile:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96'%3E%3Cpolygon points='20.6,11.4 26.5,17.5 34.9,16.9 31.0,24.4 34.1,32.2 25.8,30.8 19.3,36.1 18.1,27.8 11.0,23.3 18.6,19.6' fill='%23F9C6D9' stroke='%23F9C6D9' stroke-width='7' stroke-linejoin='round' opacity='0.6'/%3E%3Cpolygon points='68.6,59.4 74.5,65.5 82.9,64.9 79.0,72.4 82.1,80.2 73.8,78.8 67.3,84.1 66.1,75.8 59.0,71.3 66.6,67.6' fill='%23F9C6D9' stroke='%23F9C6D9' stroke-width='7' stroke-linejoin='round' opacity='0.6'/%3E%3C/svg%3E");--wave:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='10'%3E%3Cpath d='M0 5 Q10 0 20 5 T40 5' fill='none' stroke='%23fff' stroke-opacity='0.3' stroke-width='2'/%3E%3C/svg%3E");--zig:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='10'%3E%3Cpolygon points='0,10 12,0 24,10' fill='%23F29BBB'/%3E%3C/svg%3E")}
:root[data-theme=dark]{--page:#22161E;--panel:#2E1F29;--bar:#5E3550;--bart:#F3D9E6;--ink:#E8CDD9;--line:#7A5468;--acc:#D98BAE;--onacc:#22161E;--shadow:#3B2733;--btn:#2E1F29;--foot:#3A2332;--foot2:#46293B;--iconbg:#F4E8EE;--tile:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96'%3E%3Cpolygon points='20.6,11.4 26.5,17.5 34.9,16.9 31.0,24.4 34.1,32.2 25.8,30.8 19.3,36.1 18.1,27.8 11.0,23.3 18.6,19.6' fill='%23D98BAE' stroke='%23D98BAE' stroke-width='7' stroke-linejoin='round' opacity='0.13'/%3E%3Cpolygon points='68.6,59.4 74.5,65.5 82.9,64.9 79.0,72.4 82.1,80.2 73.8,78.8 67.3,84.1 66.1,75.8 59.0,71.3 66.6,67.6' fill='%23D98BAE' stroke='%23D98BAE' stroke-width='7' stroke-linejoin='round' opacity='0.13'/%3E%3C/svg%3E");--wave:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='10'%3E%3Cpath d='M0 5 Q10 0 20 5 T40 5' fill='none' stroke='%23F3D9E6' stroke-opacity='0.1' stroke-width='2'/%3E%3C/svg%3E");--zig:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='10'%3E%3Cpolygon points='0,10 12,0 24,10' fill='%233A2332'/%3E%3C/svg%3E")}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--page);color:var(--ink);font:17px/1.6 "Helvetica Neue",Helvetica,Arial,sans-serif;overflow-x:hidden;min-height:100vh}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media (pointer:fine){html,body,a,button,summary,.fl{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='62 20 160 250' width='42' height='65'%3E%3Cdefs%3E%3CradialGradient id='rg' gradientUnits='userSpaceOnUse' cx='100' cy='92' r='59.4'%3E%3Cstop offset='0' stop-color='%23FFF8CC'/%3E%3Cstop offset='.55' stop-color='%23FBE08A'/%3E%3Cstop offset='1' stop-color='%23F2B92A'/%3E%3C/radialGradient%3E%3ClinearGradient id='sg' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%23E6D9FA'/%3E%3Cstop offset='.5' stop-color='%23BDA6EE'/%3E%3Cstop offset='1' stop-color='%239279DB'/%3E%3C/linearGradient%3E%3CradialGradient id='pg' cx='.35' cy='.3'%3E%3Cstop offset='0' stop-color='%23FFF8CC'/%3E%3Cstop offset='1' stop-color='%23E6A91F'/%3E%3C/radialGradient%3E%3C/defs%3E%3Cg transform='rotate(-24 100 20)'%3E%3Crect x='94' y='100' width='12' height='160' rx='6' fill='url(%23sg)'/%3E%3Crect x='96.5' y='112' width='2.5' height='140' rx='1.2' fill='%23fff' opacity='.4'/%3E%3Cpath d='M116.0,210.0 L119.8,216.8 L127.4,218.3 L122.1,224.0 L123.1,231.7 L116.0,228.5 L108.9,231.7 L109.9,224.0 L104.6,218.3 L112.2,216.8Z' fill='url(%23sg)' stroke='url(%23sg)' stroke-width='4' stroke-linejoin='round'/%3E%3Cpath d='M115.0,237.0 L117.8,242.1 L123.6,243.2 L119.6,247.5 L120.3,253.3 L115.0,250.8 L109.7,253.3 L110.4,247.5 L106.4,243.2 L112.2,242.1Z' fill='url(%23sg)' stroke='url(%23sg)' stroke-width='3.2' stroke-linejoin='round'/%3E%3Ccircle cx='100' cy='268' r='9' fill='url(%23pg)'/%3E%3Cpath d='M100.0,45.2 L114.8,71.6 L144.5,77.5 L124.0,99.8 L127.5,129.9 L100.0,117.2 L72.5,129.9 L76.0,99.8 L55.5,77.5 L85.2,71.6Z' fill='url(%23rg)' stroke='url(%23rg)' stroke-width='25.2' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E") 17 17, auto}}
.bg{position:fixed;inset:-96px;z-index:-1;background:var(--tile);animation:drift 24s linear infinite;pointer-events:none}
@keyframes drift{to{transform:translate(96px,96px)}}
@media (prefers-reduced-motion:reduce){.bg{animation:none}}
.em{font-family:EM;font-weight:400;font-style:normal;line-height:1}
.dd{font-family:DD;font-weight:400;letter-spacing:.5px}
a{color:var(--acc)}
:focus-visible{outline:3px solid var(--acc);outline-offset:3px}
.skip{position:absolute;left:-999px;top:8px;background:var(--page);padding:8px 12px;border:3px solid var(--line);z-index:200;font:700 18px PO}
.skip:focus{left:8px}
#fx{position:fixed;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:9999}
/* layout */
.shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:30px;max-width:1160px;margin:0 auto;padding:26px 22px 0;align-items:start}
.shell.one{grid-template-columns:minmax(0,1fr);max-width:900px}
main{min-width:0}
section{scroll-margin-top:22px}
/* windows */
.win{background:var(--panel);border:3px solid var(--line);box-shadow:6px 6px 0 var(--shadow);margin-bottom:34px;position:relative}
.bar{background-color:var(--bar);background-image:var(--wave);border-bottom:3px solid var(--line);padding:9px 14px;display:flex;justify-content:space-between;align-items:center;gap:10px;position:relative;overflow:hidden;color:var(--bart)}
.bar::after{content:"";position:absolute;top:0;bottom:0;left:0;width:38%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.16),transparent);transform:translateX(-130%);animation:shine 16s ease-in-out infinite;animation-delay:var(--d,0s);pointer-events:none}
@keyframes shine{0%{transform:translateX(-130%)}32%,100%{transform:translateX(330%)}}
@media (prefers-reduced-motion:reduce){.bar::after{animation:none;opacity:0}}
.bar h1,.bar h2,.bar .t{font:400 22px/1.4 DD;letter-spacing:.5px}
.bar .em{font-size:28px;display:inline-block;transition:transform .6s}
.bar:hover .em{transform:rotate(360deg)}
.body{padding:20px 22px 22px}
/* dash */
.dash{position:sticky;top:22px;margin-bottom:0}
.dash .bar .t{font-size:18px}
.dbody{padding:14px 14px 16px;display:grid;gap:12px}
.who{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.who .pd{width:46px;height:44px;flex:none}
.who .dd{font-size:13px;line-height:1.6}
.menu{list-style:none;padding:0;display:grid;gap:4px}
.menu a{display:flex;align-items:center;gap:10px;font:700 20px/1 PO;color:var(--ink);text-decoration:none;padding:8px 8px;border:3px solid transparent}
.menu a .em{font-size:22px;color:var(--acc);width:24px;text-align:center;transition:transform .2s}
.menu a:hover{border-color:var(--line);background:var(--page)}
.menu a:hover .em{animation:wig .5s}
.menu a.on{background:var(--bar);color:var(--bart);border-color:var(--line)}
.menu a.on .em{color:var(--bart)}
@keyframes wig{25%{transform:rotate(-14deg) scale(1.15)}75%{transform:rotate(14deg) scale(1.15)}}
.btn{font:700 20px/1 PO;background:var(--btn);color:var(--ink);border:3px solid var(--line);box-shadow:4px 4px 0 var(--shadow);padding:11px 14px;display:inline-flex;gap:8px;align-items:center;justify-content:center;text-decoration:none;transition:transform .08s,box-shadow .08s;user-select:none;list-style:none}
.btn::-webkit-details-marker{display:none}
.btn:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--shadow)}
.btn:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--shadow)}
.btn.pri{background:var(--acc);color:var(--onacc)}
.btn .em{font-size:22px}
.dbody .btn{width:100%}
/* panda */
.pd{display:block}
:root[data-theme=dark] .pd.st{background:#F3D9E6;border-radius:26%;padding:5px}
.hop:hover{animation:hop .55s}
@keyframes hop{30%{transform:translateY(-14px) rotate(-4deg)}60%{transform:translateY(0) rotate(3deg)}80%{transform:translateY(-4px)}}
/* hero */
.hero{display:flex;gap:30px;align-items:center;flex-wrap:wrap}
.hero .pd{width:210px;height:200px;flex:none}
.hero>div:last-child{flex:1 1 320px;min-width:0}
.hero h1{font:400 clamp(26px,4.6vw,46px)/1.7 DD;letter-spacing:1px;margin-bottom:6px}
.role{font:700 28px/1.2 PO;color:var(--acc);margin-bottom:12px}
.stat{font-size:18.5px;max-width:34em;margin-bottom:18px}
.actions{display:flex;gap:14px;flex-wrap:wrap}
/* items */
.item+.item{margin-top:22px;padding-top:20px;border-top:3px dotted var(--line)}
.item h3{font:700 24px/1.25 PO}
.meta{font:700 19px/1.3 PO;color:var(--acc);margin:3px 0 8px}
.item p+p,.item p+ul,.item ul+p{margin-top:8px}
ul.pl{padding-left:0;list-style:none;display:grid;gap:9px}
ul.pl li{position:relative;padding-left:26px}
ul.pl li::before{content:"";position:absolute;left:3px;top:.62em;width:10px;height:10px;background:var(--acc);transform:rotate(45deg) scale(.8);border-radius:2px}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.card{background:var(--page);border:3px solid var(--line);padding:16px 16px 18px;box-shadow:4px 4px 0 var(--shadow);transition:transform .1s,box-shadow .1s;color:var(--ink);text-decoration:none;display:block}
.card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--shadow)}
.card:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--shadow)}
.card h3{font:700 22px/1.25 PO;margin-bottom:2px}
.card .meta{font-size:18px}
.card p{font-size:16.5px}
.big{font:700 46px/1 PO;color:var(--acc);margin-bottom:4px}
.big small{font:700 20px PO;color:var(--ink);display:block;margin:4px 0 12px}
.go{font:700 19px PO;color:var(--acc);display:inline-block;margin-top:10px}
.card:hover .go{text-decoration:underline}
details.more{margin-top:24px}
details.more summary{display:inline-flex}
details.more summary .lt::before{content:"Show more projects"}
details.more[open] summary .lt::before{content:"Hide more projects"}
details.more .grid{margin-top:20px}
.pill{display:inline-block;font:700 17px/1 PO;border:3px solid var(--line);padding:4px 8px;background:var(--bar);color:var(--bart);margin-bottom:8px}
/* tools */
.gt{font:700 22px/1.2 PO;margin:0 0 10px}
.gt~.gt,.chips+.gt{margin-top:20px}
.chips{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.chip{display:flex;align-items:center;gap:9px;font:700 18px/1 PO;background:var(--page);border:3px solid var(--line);padding:6px 11px 6px 6px;transition:transform .15s}
.chip:hover{animation:bob .6s}
@keyframes bob{35%{transform:translateY(-5px)}70%{transform:translateY(1px)}}
.chip .ic{width:34px;height:34px;background:var(--iconbg);border:2px solid var(--line);display:flex;align-items:center;justify-content:center;flex:none}
.chip img{width:24px;height:24px;object-fit:contain;display:block}
.skl{margin-top:20px;font-size:16.5px}
/* about */
.about{display:flex;gap:34px;align-items:flex-start}
.about .tx{flex:1;min-width:0}
.xf{display:inline-flex;align-items:center;gap:10px;font:700 25px/1 PO;background:var(--bar);color:var(--bart);padding:8px 14px 8px 10px;border:3px solid var(--line);box-shadow:4px 4px 0 var(--shadow);margin:18px 0 6px;transform:rotate(-1.5deg)}
.xf .em{font-size:26px}
.sub{font:700 23px/1.2 PO;color:var(--acc);margin:16px 0 9px}
ul.facts{list-style:none;padding:0;display:grid;gap:9px}
ul.facts li{display:flex;gap:12px;align-items:center}
ul.facts .em{font-size:26px;color:var(--acc);width:30px;text-align:center;flex:none}
.fl{width:232px;height:322px;perspective:900px;flex:none;transform:rotate(-3.5deg);margin:6px 10px 0 0;outline-offset:8px}
.fl .in{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.3,1.4,.5,1)}
.fl:hover .in,.fl.on .in{transform:rotateY(180deg)}
.face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--page);border:3px solid var(--line);padding:10px 10px 12px;box-shadow:5px 5px 0 var(--shadow)}
.face img{width:100%;height:232px;object-fit:cover;display:block;border:3px solid var(--line)}
.face .cap{font:700 20px/1 PO;text-align:center;margin-top:10px}
.face.back{transform:rotateY(180deg)}
/* contact */
.ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:14px}
.ctas .btn svg{flex:none}
.sign{display:flex;justify-content:center;align-items:center;gap:26px;flex-wrap:wrap;padding:14px 0 34px;text-align:left}
.sign .pd{width:150px;height:143px}
.sign h2{font:400 clamp(22px,3.4vw,34px)/1.7 DD;margin-bottom:6px}
.sign .l{display:flex;align-items:center;gap:12px;font:700 22px/1.2 PO;color:var(--ink);text-decoration:none;margin-top:8px;word-break:break-word}
.sign .l b{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;background:var(--acc);border-radius:5px;flex:none}
/* footer */
footer{position:relative;margin-top:10px}
.zig{height:10px;background:var(--zig) repeat-x}
.band{height:58px;background:repeating-linear-gradient(135deg,var(--foot) 0 9px,var(--foot2) 9px 11px)}
.pile{position:absolute;left:0;right:0;top:-8px;height:28px;z-index:3}
.pile i{position:absolute;width:5px;height:5px;transform:rotate(45deg);border-radius:1px}
.pile.boom i{transition:transform 1s cubic-bezier(.2,.7,.3,1),opacity 1s;transform:translate(var(--tx),var(--ty)) rotate(300deg);opacity:0}
/* nudge */
.nudge{position:fixed;right:18px;bottom:18px;z-index:60;display:flex;align-items:flex-end;gap:8px;max-width:360px}
.nudge[hidden]{display:none}
.nudge.pop{animation:pop .45s cubic-bezier(.3,1.5,.5,1)}
@keyframes pop{from{transform:translateY(30px) scale(.8);opacity:0}}
.bub{position:relative;background:var(--page);border:3px solid var(--line);box-shadow:4px 4px 0 var(--shadow);padding:12px 38px 12px 14px}
.bub::after{content:"";position:absolute;right:-9px;bottom:14px;width:9px;height:9px;background:var(--page);border-right:3px solid var(--line);border-top:3px solid var(--line);box-sizing:content-box}
.bub::before{content:"";position:absolute;right:-3px;bottom:17px;width:3px;height:9px;background:var(--page);z-index:1}
.bub p{font:700 20px/1.25 PO;margin-bottom:10px}
.bub .x{position:absolute;right:6px;top:4px;font:700 24px/1 PO;background:none;border:0;color:var(--ink);padding:4px 6px}
.ib{display:inline-flex;width:46px;height:46px;align-items:center;justify-content:center;background:var(--acc);border:3px solid var(--line);box-shadow:3px 3px 0 var(--shadow);margin-right:8px;transition:transform .08s}
.ib:hover{transform:translate(-1px,-1px)}
.ib:active{transform:translate(3px,3px);box-shadow:none}
.nudge .pd{width:56px;height:54px;flex:none}
/* loader */
#load{position:fixed;inset:0;z-index:10000;display:none;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--page) var(--tile);text-align:center;transition:transform .55s cubic-bezier(.7,0,.3,1);color:var(--ink)}
.ld #load{display:flex;animation:autohide 0s 4.5s forwards}
@keyframes autohide{to{visibility:hidden}}
#load::after{content:"";position:absolute;left:0;right:0;top:100%;height:10px;background:var(--zig) repeat-x}
#load.up{transform:translateY(-110%)}
#load .pd{width:170px;height:162px;animation:lbounce .7s ease-in-out infinite alternate}
@keyframes lbounce{from{transform:translateY(0)}to{transform:translateY(-22px) rotate(-3deg)}}
#load .msg{font:700 24px/1.2 PO;display:flex;gap:10px;align-items:center;padding:0 16px}
#load .msg .em{font-size:28px;color:var(--acc)}
#load .pb{width:min(260px,70vw);height:22px;border:3px solid var(--line);background:var(--panel);padding:2px;display:flex;gap:2px}
#load .pb i{flex:1;background:var(--acc);transform:scaleY(0)}
#load .pb i.f{transform:scaleY(1);transition:transform .08s}
#load small{font:700 16px PO;opacity:.8}
/* toast and glyph rain */
#toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,40px);opacity:0;z-index:90;background:var(--acc);color:var(--onacc);font:700 21px/1.2 PO;padding:11px 16px;border:3px solid var(--line);box-shadow:4px 4px 0 var(--shadow);transition:.3s;pointer-events:none;max-width:90vw;text-align:center}
#toast.show{transform:translate(-50%,0);opacity:1}
.rain{position:fixed;top:-40px;z-index:80;font-family:EM;color:var(--acc);pointer-events:none;animation:fall linear forwards}
@keyframes fall{to{transform:translate(var(--dx),calc(100vh + 80px)) rotate(var(--rot))}}
/* case pages */
.crumb{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:26px}
.sum{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:3px solid var(--line);margin:0 0 22px;background:var(--page)}
.sum div{padding:12px 14px;border-right:3px solid var(--line)}
.sum div:last-child{border-right:0}
.sum b{display:block;font:700 19px/1.2 PO;color:var(--acc);margin-bottom:4px}
.sum span{font-size:15.5px;line-height:1.45;display:block}
.res{font:700 24px/1.3 PO;background:var(--bar);color:var(--bart);border:3px solid var(--line);padding:14px 16px;margin-bottom:22px;box-shadow:4px 4px 0 var(--shadow)}
.cs h3{font:700 26px/1.2 PO;color:var(--acc);margin:26px 0 8px}
.cs h3:first-of-type{margin-top:4px}
.cs p+p{margin-top:10px}
.cs ol{padding-left:0;list-style:none;counter-reset:s;display:grid;gap:10px;margin-top:8px}
.cs ol li{counter-increment:s;position:relative;padding-left:44px;min-height:32px}
.cs ol li::before{content:counter(s);position:absolute;left:0;top:-1px;width:30px;height:30px;background:var(--acc);color:var(--onacc);font:700 20px/30px PO;text-align:center;border:3px solid var(--line);box-sizing:content-box;width:24px;height:24px;line-height:24px}
.cs ul{margin-top:8px}
.tw{overflow-x:auto;margin-top:12px;border:3px solid var(--line);background:var(--page)}
.tw table{border-collapse:collapse;width:100%;min-width:560px;font-size:16px}
.tw th{font:700 19px/1.2 PO;text-align:left;background:var(--bar);color:var(--bart);padding:9px 12px;border-bottom:3px solid var(--line)}
.tw td{padding:10px 12px;border-top:2px dotted var(--line);vertical-align:top}
.tw tr:first-child td{border-top:0}
.tw td:first-child{font-weight:700}
blockquote{margin:18px 0 0;padding:12px 16px;border-left:6px solid var(--acc);background:var(--page);font-style:italic}
.pn{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:6px 0 34px}
.pn .btn{flex:0 1 auto;text-align:left}
/* mobile */
@media (max-width:860px){
 .shell{display:block;padding:0 14px}
 .shell.one{padding-top:18px}
 .dash{position:sticky;top:0;z-index:40;margin:0 -14px 22px;border-width:0 0 3px 0;box-shadow:none;background:var(--panel)}
 .dash .bar,.who{display:none}
 .dbody{display:flex;gap:8px;overflow-x:auto;padding:8px 14px;align-items:center;scrollbar-width:thin}
 .menu{display:flex;gap:6px}
 .menu a{white-space:nowrap;padding:8px 9px;font-size:19px}
 .menu a .em{display:none}
 .dbody .btn{width:auto;white-space:nowrap;padding:9px 11px;font-size:18px;box-shadow:3px 3px 0 var(--shadow)}
 .dbody .btn .em{display:none}
 section{scroll-margin-top:64px}
 .grid{grid-template-columns:minmax(0,1fr)}
 .about{flex-direction:column-reverse;align-items:center}
 .about .tx{width:100%}
 .hero{justify-content:center;text-align:center}
 .hero .pd{width:160px;height:153px}
 .actions{justify-content:center}
 .sign{text-align:center;justify-content:center}
 .sum{grid-template-columns:minmax(0,1fr)}
 .sum div{border-right:0;border-bottom:3px solid var(--line)}
 .sum div:last-child{border-bottom:0}
 .nudge{left:12px;right:12px;bottom:12px;max-width:none}
 .nudge .bub{flex:1}
 .body{padding:16px 14px 18px}
 .win{box-shadow:4px 4px 0 var(--shadow);margin-bottom:28px}
}
@media (max-width:420px){.big{font-size:38px}.bar h1,.bar h2,.bar .t{font-size:18px}.res{font-size:21px}}