*{box-sizing:border-box}html,body,#root{color:#f4e6c8;height:100%;image-rendering:pixelated;-webkit-font-smoothing:none;font-smooth:never;background:#1a0f06;margin:0;padding:0;font-family:"Press Start 2P",Courier New,monospace;font-size:12px;line-height:1.5}button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer}img{image-rendering:pixelated}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{background:#1a0f06;flex-direction:column;min-height:100%;display:flex}.app__header{z-index:20;background:linear-gradient(#2a1810 0%,#1a0f06 100%);border-bottom:4px solid #4a2818;align-items:center;gap:8px;padding:0;display:flex;position:sticky;top:0;overflow:hidden}.app__auth-slot{flex-shrink:0;margin-left:auto;padding:0 12px}.scene-container{width:100%;height:100%;position:relative}.app__main{flex:1;grid-template-rows:60vh auto;grid-template-columns:1fr;gap:0;min-height:0;display:grid}@media (min-width:800px){.app__main{height:calc(100vh - var(--header-h,64px));grid-template-rows:1fr;grid-template-columns:2fr 1fr}}.app__sidebar{background:#1a0f06;border-left:4px solid #4a2818;flex-direction:column;align-items:stretch;padding:12px 8px;display:flex;overflow-y:auto}@media (max-width:799px){.app__sidebar{border-top:4px solid #4a2818;border-left:none;padding:12px}}.badge{text-align:center;text-shadow:2px 2px #000;margin-bottom:10px}.badge__title{color:#ffd070;letter-spacing:1px;font-size:14px}.badge__sub{color:#c8a878;margin-top:4px;font-size:10px}.day-info-bar{scrollbar-width:none;white-space:nowrap;flex-direction:row;flex:1 1 0;align-items:center;gap:0;min-width:0;height:64px;padding:0 12px;display:flex;overflow-x:auto}.day-info-bar::-webkit-scrollbar{display:none}.dib__block{flex-direction:column;flex-shrink:0;justify-content:center;gap:2px;padding:0 12px;display:flex}.dib__block--title{min-width:160px;padding-left:4px}.dib__block--progress{text-align:right;margin-left:auto;padding-right:4px}.dib__block--mystery{padding:0 12px}.dib__block--beer{max-width:200px}.dib__sep{background:#4a2818;flex-shrink:0;width:2px;height:36px}.dib__sep--push{background:0 0;flex:1 0 2px;width:auto;max-width:60px}.dib__day-num{color:#a08868;letter-spacing:1px;font-size:8px}.dib__title{color:#ffd070;text-shadow:1px 1px #000;text-overflow:ellipsis;font-size:11px;overflow:hidden}.dib__label{color:#6a4828;text-transform:uppercase;letter-spacing:1px;font-size:7px}.dib__value{color:#f4e6c8;font-size:10px}.dib__value--beer{color:#ffd070;text-shadow:1px 1px #000;text-overflow:ellipsis;max-width:180px;font-size:9px;overflow:hidden}.dib__value--pie{color:#ff8060;font-size:8px}.dib__sub{color:#a08868;font-size:8px}.beer-grid{flex-direction:column;gap:8px;width:100%;display:flex}.beer-grid__row{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.beer-grid .can{aspect-ratio:56/108;width:100%;height:auto}.beer-row{scrollbar-width:thin;gap:4px;padding:6px 4px 10px;display:flex;overflow-x:auto}.beer-row::-webkit-scrollbar{height:6px}.beer-row::-webkit-scrollbar-thumb{background:#4a2818}.can{filter:drop-shadow(2px 2px #000);background:0 0;border:0;flex-direction:column;flex:none;align-items:stretch;width:56px;height:108px;padding:0;transition:transform .12s steps(2,end);display:flex;position:relative}.can__png-wrap{width:100%;height:100%;position:relative}.can__png{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.can__png--gray{filter:grayscale()brightness(.65)}.can__png--color{transition:clip-path 1s linear}.can__mystery-tile{color:#ffd070;text-shadow:0 0 4px #ff8060;background:linear-gradient(160deg,#2a2030,#4a3a50);border:2px solid #6a5080;place-items:center;width:100%;height:100%;font-size:18px;display:grid}.can:hover{transform:translateY(-2px)}.can--active{transform:translateY(-4px)scale(1.1)}.can__top{background:#b0b0b0;border-bottom:2px solid #707070;height:4px}.can__body{background:linear-gradient(90deg,#d0a060 0%,#f0c878 30%,#d0a060 70%,#8a6030 100%);flex:1;position:relative;overflow:hidden}.can__bottom{background:#707070;border-top:1px solid #404040;height:4px}.can__liquid{background:linear-gradient(#ffd060 0%,#d99030 100%);transition:height 1s linear;position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 2px #fff7c0}.can__label{object-fit:contain;z-index:2;width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;inset:4px}.can__placeholder{color:#2a1810;text-shadow:1px 1px #f0c878;z-index:2;place-items:center;font-size:10px;display:grid;position:absolute;inset:0}.can__shine{z-index:3;background:#ffffff59;width:4px;height:100%;position:absolute;top:0;left:4px}.can__day{color:#c8a878;font-size:8px;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.can__likes{white-space:nowrap;color:#ffd070;font-size:8px;position:absolute;bottom:-16px;left:50%;transform:translate(-50%)}.can__likes--mine{color:#ff8060}.can--past .can__body{filter:grayscale()brightness(.7)}.can--past .can__liquid{display:none}.can--locked{opacity:.35;cursor:default;pointer-events:none}.can--locked:hover,.can--locked:focus{outline:none;transform:none}.can--mystery .can__body{background:linear-gradient(90deg,#2a2030 0%,#4a3a50 50%,#2a2030 100%)}.can--mystery .can__placeholder{color:#ffd070;text-shadow:0 0 4px #ff8060;font-size:16px;animation:1.6s steps(4,end) infinite mystery-pulse}@keyframes mystery-pulse{0%,to{opacity:.7}50%{opacity:1}}.day-info{background:#2a1810;border-top:4px solid #4a2818;padding:16px;overflow-y:auto}.day-info__title{color:#ffd070;text-shadow:2px 2px #000;margin-bottom:6px;font-size:14px}.day-info__date{color:#a08868;margin-bottom:14px;font-size:9px}.beer-info{background:#1a0f06;border:2px solid #4a2818;margin-bottom:14px;padding:10px}.beer-info__name{color:#ffd070;margin-bottom:4px;font-size:11px}.beer-info__meta{color:#a08868;margin-bottom:6px;font-size:8px}.beer-info__pie{color:#ff8060;font-size:9px}.beer-info--mystery .beer-info__name{color:#c0a0d0}.like-btn{color:#ffd070;background:#6a3018;border:2px solid #ffd070;align-items:center;gap:8px;margin-top:4px;padding:8px 12px;font-size:10px;display:inline-flex}.like-btn:hover{background:#8a4020}.like-btn--liked{color:#fff;background:#d04030;border-color:#fff}.like-btn:disabled{opacity:.6;cursor:wait}.like-btn__count{opacity:.85;margin-left:auto}.likers{flex-wrap:wrap;gap:4px;margin-top:10px;display:flex}.liker{color:#c8a878;background:#1a0f06;border:1px solid #4a2818;padding:2px 6px;font-size:8px}.phase-tag{color:#a08868;margin-top:14px;font-size:9px}.scene{width:100%;height:100%;min-height:60vh;image-rendering:pixelated;position:relative;overflow:hidden}.scene__bg{object-fit:cover;object-position:center bottom;z-index:0;width:100%;height:100%;image-rendering:pixelated;position:absolute;inset:0}.scene--missing,.scene--loading{color:#c8a878;place-items:center;display:grid}.scene__layers{position:absolute;inset:0}.layer{pointer-events:none;position:absolute;inset:0}.furniture{z-index:5;width:120px;height:60px;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}.furniture--couch{background:#6a3018;border-top:8px solid #8a4020;border-radius:4px 4px 0 0;box-shadow:-50px 0 #5a2810,50px 0 #5a2810,inset 0 -8px #4a2010}.furniture--chair{background:#4a2818;border-top:24px solid #6a3018;width:60px}.furniture--bathyscaphe{background:radial-gradient(at 30% 30%,#d0d0e0,#707080 60%,#303040);border-radius:50%;width:140px;height:100px;box-shadow:inset 0 0 20px #000}.furniture--bathyscaphe:after{content:"";background:radial-gradient(circle at 30% 30%,#8ce,#134258);border:4px solid #404050;border-radius:50%;width:40%;height:40%;position:absolute;top:18%;left:18%}.furniture--cloud{filter:blur(.5px);background:radial-gradient(#fff 0%,#e0e8f0 70%,#0000 80%);border-radius:50%;width:160px;height:50px}.furniture--barrel{background:linear-gradient(#6a3018 0%,#8a4020 50%,#6a3018 100%);border-radius:30%/15%;width:90px;height:70px;box-shadow:inset 0 0 0 3px #2a1810,inset 0 -8px #4a2010}.character{--skin:#e8c8a0;z-index:6;filter:drop-shadow(1px 2px #0009);width:32px;height:64px;position:absolute;bottom:16%;left:50%;transform:translate(-50%)}.character--sprite{z-index:5;width:480px;height:auto;display:block;bottom:calc(16% + 10px)}.character--couch{height:auto;width:min(72%,680px)!important;bottom:16%!important}.character__head{background:var(--skin);border-radius:4px 4px 2px 2px;width:20px;height:20px;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:inset 0 -4px #00000026}.character__head:before{content:"";background:#2a1810;width:3px;height:3px;position:absolute;top:8px;left:4px;box-shadow:9px 0 #2a1810}.character__body{background:#4a78a8;border-radius:4px 4px 0 0;width:26px;height:30px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.character__arm{background:var(--skin);transform-origin:top;width:8px;height:18px;position:absolute;top:22px;left:50%}.character__arm--drinking{animation:8s steps(8,end) infinite drink;left:calc(50% + 6px)}.character__glass{background:linear-gradient(#ffd070,#d99030);border:1px solid #2a1810;width:12px;height:12px;position:absolute;bottom:-6px;left:-3px}@keyframes drink{0%,60%,to{transform:rotate(0)}70%{transform:rotate(-90deg)}75%,85%{transform:rotate(-115deg)}90%{transform:rotate(-90deg)}}.layer--window{background:linear-gradient(#ffb070 0%,#d97a4a 100%);border:6px solid #4a2818;height:40%;position:absolute;top:8%;left:8%;right:8%;overflow:hidden}.sun{background:#ffe070;border-radius:50%;width:40px;height:40px;animation:30s linear infinite alternate sun-set;position:absolute;top:30%;left:50%;transform:translate(-50%);box-shadow:0 0 24px #ffb060}.sun--bright{background:#fff7c0;animation:4s steps(8,end) infinite sun-pulse;top:12%;box-shadow:0 0 40px #ffd070}@keyframes sun-set{0%{top:20%}to{top:60%}}@keyframes sun-pulse{0%,to{transform:translate(-50%)scale(1)}50%{transform:translate(-50%)scale(1.05)}}.hill{border-radius:50% 50% 0 0;height:30%;position:absolute;bottom:0}.hill--1{background:#6a4030;width:60%;left:-10%}.hill--2{background:#4a2818;width:70%;right:-10%}.layer--floor{height:24%;position:absolute;bottom:0;left:0;right:0}.home__floor{background:repeating-linear-gradient(90deg,#4a2818 0 24px,#5a3020 24px 28px)}.dog{background:linear-gradient(#d06030 0%,#a04020 100%);border-radius:8px 12px 4px 4px;width:42px;height:22px;position:absolute;bottom:18%}.dog:before{content:"";background:#d06030;border-radius:6px 8px 2px 4px;width:14px;height:14px;position:absolute;top:-6px;left:-8px}.dog:after{content:"";background:#d06030;width:12px;height:4px;animation:.5s steps(2,end) infinite tail;position:absolute;top:4px;right:-10px}.dog--walking{animation:14s linear infinite dog-walk}.dog--happy{animation:.6s steps(2,end) infinite dog-bounce;left:30%}@keyframes dog-walk{0%{left:-20%}to{left:110%}}.dog-sprite{width:auto;height:96px;image-rendering:pixelated;pointer-events:none;z-index:10;animation:12s linear infinite dog-walk-left;position:absolute;bottom:4%}@keyframes dog-walk-left{0%{left:110%}to{left:-15%}}@keyframes dog-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes tail{0%,to{transform:rotate(-15deg)}50%{transform:rotate(25deg)}}.train__window{background:linear-gradient(#8ac 0%,#c8d8a8 100%)}.train__floor{background:repeating-linear-gradient(90deg,#6a4030 0 8px,#8a5040 8px 12px)}.scroll{gap:80px;height:100%;display:flex;position:absolute;top:0;left:0}.scroll--far{align-items:flex-end;animation:24s linear infinite scroll;bottom:30%}.scroll--near{align-items:flex-end;animation:6s linear infinite scroll;bottom:0}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.tree{background:#2a6020;border-radius:50% 50% 20% 20%;width:24px;height:32px;position:relative}.tree:after{content:"";background:#4a2818;width:4px;height:8px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.tree--alt{background:#1a4818;height:26px}.pole{background:#8a8a8a;width:4px;height:60px}.waves{height:8%;bottom:35%}.wave{opacity:.7;background:#fff;border-radius:50%;height:4px;position:absolute}.wave--1{animation:4s linear infinite wave-roll;bottom:50%;left:0;right:0}.wave--2{animation:5s linear infinite reverse wave-roll;bottom:30%;left:0;right:0}.wave--3{animation:6s linear infinite wave-roll;bottom:10%;left:0;right:0}@keyframes wave-roll{0%{transform:translate(-20%)}to{transform:translate(20%)}}.gull{clip-path:polygon(0% 100%,50% 0%,100% 100%,50% 60%);background:#fff;width:12px;height:6px;position:absolute}.gull--1{animation:12s linear infinite gull-fly;top:18%}.gull--2{animation:16s linear -4s infinite gull-fly;top:28%}@keyframes gull-fly{0%{left:-10%}to{left:110%}}.fish{clip-path:polygon(0% 50%,70% 0%,100% 50%,70% 100%);background:#ffa030;width:22px;height:12px;position:absolute}.fish--1{animation:14s linear infinite fish-swim;top:30%}.fish--2{background:#d04060;animation:18s linear -6s infinite reverse fish-swim;top:50%}.fish--3{background:#60c0d0;animation:11s linear -2s infinite fish-swim;top:65%}@keyframes fish-swim{0%{left:-15%}to{left:115%}}.bubble{background:#c8e6ff99;border:1px solid #fff6;border-radius:50%;width:6px;height:6px;animation:6s linear infinite bubble-rise;position:absolute}.bubble--1{animation-delay:0s;left:30%}.bubble--2{width:10px;height:10px;animation-delay:-1.5s;left:45%}.bubble--3{animation-delay:-3s;left:55%}.bubble--4{width:4px;height:4px;animation-delay:-4.5s;left:65%}.bubble--5{animation-delay:-2s;left:70%}@keyframes bubble-rise{0%{opacity:0;bottom:0}10%{opacity:1}to{opacity:0;bottom:100%}}.tavern__beams{opacity:.6;background:repeating-linear-gradient(90deg,#0000 0 80px,#2a160c 80px 88px),repeating-linear-gradient(0deg,#0000 0 60px,#2a160c 60px 64px)}.torch{background:#4a2818;width:8px;height:30px;position:absolute;top:20%}.torch--left{left:12%}.torch--right{right:12%}.torch__flame{background:radial-gradient(#ffd060 0%,#ff6020 60%,#0000 80%);border-radius:50% 50% 40% 40%;width:16px;height:20px;animation:.18s steps(2,end) infinite flicker;position:absolute;top:-16px;left:-4px}@keyframes flicker{0%,to{opacity:1;transform:scaleY(1)scaleX(1)}50%{opacity:.85;transform:scaleY(1.1)scaleX(.9)}}.npc{background:#4a2818;border-top:8px solid #8a4020;width:14px;height:26px;position:absolute;bottom:24%}.npc--1{animation:18s linear infinite npc-walk-l}.npc--2{animation:22s linear -8s infinite npc-walk-r}@keyframes npc-walk-l{0%{left:-10%}to{left:110%}}@keyframes npc-walk-r{0%{right:-10%}to{right:110%}}.leaves--back{background:radial-gradient(80px 40px at 10% 30%,#2a6020 0%,#0000 60%),radial-gradient(100px 50px at 80% 20%,#1a4818 0%,#0000 60%);animation:6s ease-in-out infinite alternate sway}.leaves--front{background:radial-gradient(60px 30px at 5% 80%,#2a6020 0%,#0000 60%),radial-gradient(80px 40px at 95% 70%,#1a4818 0%,#0000 60%);animation:5s ease-in-out infinite alternate-reverse sway}@keyframes sway{0%{transform:translate(-2px)rotate(-1deg)}to{transform:translate(2px)rotate(1deg)}}.vine{background:#4a2818;width:4px;position:absolute;top:0}.vine--1{height:60%;left:25%}.vine--2{height:50%;right:30%}.monkey{background:#6a4020;border-radius:6px;width:20px;height:20px;animation:3s ease-in-out infinite monkey-swing;position:absolute;top:50%;left:-10px}@keyframes monkey-swing{0%,to{transform:translate(-12px)}50%{transform:translate(8px)}}.bird{clip-path:polygon(0% 100%,50% 0%,100% 100%);background:#ffd060;width:10px;height:6px;position:absolute}.bird--1{background:#ff6060;animation:10s linear infinite gull-fly;top:15%}.bird--2{background:#60a0ff;animation:14s linear -3s infinite reverse gull-fly;top:24%}.bird--3{background:#ffd060;animation:8s linear -1s infinite gull-fly;top:32%}.cloud-puff{filter:blur(.3px);background:#fff;border-radius:50%;animation:30s linear infinite cloud-drift;position:absolute}.cloud--1{width:80px;height:30px;top:20%}.cloud--2{opacity:.85;width:120px;height:40px;animation-duration:50s;top:40%}.cloud--3{opacity:.7;width:60px;height:24px;animation-duration:40s;animation-delay:-10s;top:60%}@keyframes cloud-drift{0%{left:-20%}to{left:120%}}.lightning{clip-path:polygon(40% 0%,100% 40%,60% 50%,100% 100%,0 60%,50% 50%,0 40%);opacity:0;background:#fff;width:4px;height:60px;animation:7s step-end infinite lightning;position:absolute;top:30%;right:15%}@keyframes lightning{0%,96%,to{opacity:0}97%{opacity:1}98%{opacity:0}99%{opacity:1}}.star{background:#fff;animation:3s steps(2,end) infinite twinkle;position:absolute}.star--1{width:2px;height:2px}.star--2{width:3px;height:3px;animation-delay:-1s}.star--3{background:#ffe060;width:2px;height:2px;animation-delay:-2s}.star--4{width:4px;height:4px;animation-delay:-.5s}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.3}}.earth-bg{background:radial-gradient(circle at 30% 30%,#60a0ff 0%,#2050a0 60%,#0a2050 100%);border-radius:50%;width:80px;height:80px;position:absolute;bottom:5%;left:5%;box-shadow:0 0 30px #50a0f080}.meteor{background:linear-gradient(#0000,#ffd070,#fff);width:3px;height:30px;animation:4s linear infinite meteor;position:absolute;transform:rotate(45deg)}.meteor--1{animation-delay:0s;top:10%}.meteor--2{animation-delay:-2s;top:30%}@keyframes meteor{0%{opacity:0;left:100%}10%{opacity:1}90%{opacity:1}to{opacity:0;left:-10%}}.amber-glow{background:radial-gradient(circle,#0000 30%,#0006 100%);animation:3s steps(6,end) infinite alternate amber-pulse}@keyframes amber-pulse{0%{opacity:.5}to{opacity:1}}.big-bubble{background:#fff0c899;border:2px solid #ffffffb3;border-radius:50%;animation:8s linear infinite bubble-rise;position:absolute;bottom:-20%}.big-bubble--1{width:12px;height:12px}.big-bubble--2{width:18px;height:18px}.big-bubble--3{width:24px;height:24px}.big-bubble--4{width:8px;height:8px}.earth-on-horizon{background:radial-gradient(circle at 30% 30%,#60a0ff 0%,#2050a0 60%,#0a2050 100%);border-radius:50%;width:60px;height:60px;position:absolute;bottom:35%;right:12%;box-shadow:0 0 20px #50a0f080}.moon-craters{height:40%;bottom:0}.crater{background:#5a5a68;border-radius:50%;position:absolute;box-shadow:inset 2px 2px #2a2a38}.crater--1{width:24px;height:12px;bottom:30%;left:20%}.crater--2{width:18px;height:9px;bottom:50%;left:60%}.crater--3{width:30px;height:14px;bottom:20%;left:75%}.peak{clip-path:polygon(0% 100%,50% 0%,100% 100%);width:50%;height:70%;position:absolute;bottom:0}.peak--far{background:#708090;height:50%;left:-10%}.peak--near{background:#a0b0c0;right:-10%}.peak--near:after{content:"";clip-path:polygon(40% 100%,50% 0%,60% 100%);background:#fff;height:30%;position:absolute;top:0;left:0;right:0}.eagle{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='12' viewBox='0 0 32 12'%3E%3Cpath fill='%23332010' d='M0 6 L8 0 L16 4 L24 0 L32 6 L24 8 L16 6 L8 8 Z'/%3E%3C/svg%3E") 0 0/32px 12px no-repeat;width:100%;height:100%}.eagle--soaring{animation:18s linear infinite eagle-soar}@keyframes eagle-soar{0%{background-position:-10% 30%}50%{background-position:50% 18%}to{background-position:110% 30%}}.flake{background:#fff;width:3px;height:3px;animation:8s linear infinite snowfall;position:absolute;top:-10px}@keyframes snowfall{0%{top:-5%;transform:translate(0)}to{top:105%;transform:translate(20px)}}.rocking-deck{transform-origin:50% 100%;animation:4s ease-in-out infinite rock}@keyframes rock{0%,to{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}}.pirate{background:#2a1810;border-top:6px solid #d04030;width:14px;height:28px;position:absolute;bottom:30%}.pirate--1{animation:6s linear infinite pirate-run}.pirate--2{animation:8s linear -3s infinite reverse pirate-run}@keyframes pirate-run{0%{left:-10%}to{left:110%}}.mast{background:#6a4020;width:6px;height:70%;position:absolute;top:0;left:50%;transform:translate(-50%)}.flag{background:#2a1810;width:30px;height:20px;animation:2s ease-in-out infinite flag-wave;position:absolute;top:5%;left:calc(50% + 3px)}.flag:before{content:"☠";color:#fff;place-items:center;font-size:14px;display:grid;position:absolute;inset:0}@keyframes flag-wave{0%,to{transform:skewY(-2deg)}50%{transform:skewY(4deg)}}.kremlin{height:35%;position:absolute;top:15%;left:0;right:0}.tower{background:linear-gradient(#c8a878 0%,#8a6850 100%);width:50px;height:90%;position:absolute;bottom:0}.tower:before{content:"";border:15px solid #0000;border-bottom:24px solid #d04030;width:0;height:0;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.tower--1{left:15%}.tower--2{height:110%;bottom:-10%;left:50%;transform:translate(-50%)}.tower--3{right:15%}.parade{position:absolute;bottom:20%;left:0;right:0}.parade__row{gap:24px;margin-bottom:8px;animation:12s linear infinite scroll;display:flex}.parade__row--soldiers{animation-duration:20s}.parade__row--tanks{animation-duration:28s}.soldier{background:#4a4828;border-top:4px solid #2a1810;width:12px;height:22px}.tank{background:#4a4828;border-radius:4px 4px 0 0;width:60px;height:24px;position:relative}.tank:before{content:"";background:#4a4828;border-radius:4px 4px 0 0;height:12px;position:absolute;top:-10px;left:30%;right:30%}.tank:after{content:"";background:#4a4828;width:20px;height:4px;position:absolute;top:-6px;right:-16px}.iceberg{clip-path:polygon(0% 100%,30% 0%,70% 20%,100% 100%);background:linear-gradient(#fff 0%,#c0d8e8 50%,#88a8c0 100%);position:absolute;bottom:30%}.iceberg--1{width:100px;height:80px;left:5%}.iceberg--2{width:140px;height:100px;right:8%}.penguin{background:#1a1a1a;border-radius:50% 50% 30% 30%;width:16px;height:24px;position:absolute;bottom:22%}.penguin:before{content:"";background:#fff;border-radius:50% 50% 40% 40%;width:10px;height:14px;position:absolute;top:6px;left:3px}.penguin:after{content:"";background:#ffd060;width:4px;height:2px;position:absolute;top:10px;left:6px}.penguin--1{animation:6s steps(8,end) infinite waddle}.penguin--2{animation:8s steps(8,end) -2s infinite reverse waddle}.penguin--3{animation:7s steps(8,end) -4s infinite waddle}@keyframes waddle{0%{left:-5%;transform:rotate(-3deg)}25%{transform:rotate(3deg)}50%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}to{left:105%;transform:rotate(-3deg)}}.empty-cans{bottom:22%}.empty-can{filter:grayscale(.6);background:linear-gradient(90deg,#707080 0%,#b0b0c0 50%,#707080 100%);width:16px;height:24px;position:absolute;bottom:0}.empty-can--1{left:18%}.empty-can--2{left:23%;transform:rotate(20deg)}.empty-can--3{left:30%}.empty-can--4{left:65%;transform:rotate(-15deg)}.empty-can--5{left:72%}.empty-can--6{left:78%;transform:rotate(40deg)}.empty-can--7{left:85%}.auth-bar{align-items:center;gap:8px;display:flex}.auth-bar--signed{background:#1a0f06;border:2px solid #4a2818;padding:4px 8px}.auth-bar__avatar{image-rendering:auto;border:1px solid #4a2818;border-radius:0;flex-shrink:0;width:24px;height:24px}.auth-bar__name{color:#ffd070;text-shadow:1px 1px #000;text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:9px;overflow:hidden}.auth-bar__signout{color:#c8a878;text-transform:uppercase;letter-spacing:1px;background:#4a2818;border:1px solid #6a4828;padding:4px 8px;font-family:inherit;font-size:8px}.auth-bar__signout:hover{color:#ffd070;background:#6a3018}.comments{border-top:2px dashed #4a2818;flex-direction:column;gap:10px;margin-top:16px;padding-top:12px;display:flex}.comments__title{color:#ffd070;text-shadow:1px 1px #000;letter-spacing:1px;margin:0;font-size:11px}.comments__status{color:#a08868;font-size:9px}.comments__status--error{color:#ff8060}.comments__hint{color:#a08868;text-align:center;background:#1a0f06;border:1px dashed #4a2818;padding:8px;font-size:9px}.comments__list{flex-direction:column;gap:6px;max-height:240px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.comment{background:#2a1810;border:2px solid #4a2818;padding:6px 8px}.comment__head{justify-content:space-between;align-items:baseline;gap:6px;margin-bottom:4px;display:flex}.comment__author{color:#ffd070;text-shadow:1px 1px #000;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.comment__date{color:#6a4828;flex-shrink:0;font-size:7px}.comment__text{color:#f4e6c8;word-break:break-word;white-space:pre-wrap;font-size:10px;line-height:1.4}.comments__form{flex-direction:column;gap:6px;display:flex}.comments__textarea{color:#f4e6c8;resize:vertical;background:#1a0f06;border:2px solid #4a2818;width:100%;padding:6px 8px;font-family:inherit;font-size:10px;line-height:1.4}.comments__textarea:focus{border-color:#ffd070;outline:none}.comments__textarea:disabled{opacity:.6}.comments__form-row{align-items:center;gap:8px;display:flex}.comments__counter{color:#6a4828;font-size:8px}.comments__counter--low{color:#ff8060}.comments__submit{color:#ffd070;text-transform:uppercase;letter-spacing:1px;background:#6a3018;border:2px solid #ffd070;margin-left:auto;padding:6px 12px;font-family:inherit;font-size:9px}.comments__submit:hover:not(:disabled){background:#8a4020}.comments__submit:disabled{opacity:.5;cursor:not-allowed}.modal-backdrop{z-index:100;background:#000000b3;place-items:center;display:grid;position:fixed;inset:0}.modal{background:#2a1810;border:4px solid #ffd070;width:90%;max-width:320px;padding:20px;box-shadow:8px 8px #000}