/* Recovered 2014 userinfo artwork and tab dimensions; controls use current accounts. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#userinfo-v2{position:relative;top:0;align-self:start;width:370px;max-width:100%;text-align:left;color:#000;font:11px/1.3 Tahoma,Arial,sans-serif;z-index:5}
#userinfo-v2 .uibox{min-height:105px;padding:0 8px 5px 20px;background:transparent url(profile-art/bg.png) no-repeat left top;background-size:100% 105px;border-radius:0 0 6px 6px}
#userinfo-v2 .profile-content{display:flex;align-items:center;gap:8px;height:60px;padding:8px 2px}
#userinfo-v2 .profile-info{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}
#userinfo-v2 .profile-name{font-size:13px;overflow-wrap:anywhere}
#userinfo-v2 .profile-username{font-size:10px;color:#735237;overflow-wrap:anywhere}
#userinfo-v2 details{position:relative}
#userinfo-v2 details:not([open])>.profile-dropdown{display:none}
#userinfo-v2 summary{cursor:pointer;list-style:none}
#userinfo-v2 summary::-webkit-details-marker{display:none}
#userinfo-v2 summary:focus-visible{outline:2px solid #1689c4;outline-offset:2px}
#userinfo-v2 .profile-avatar-picker>summary{display:block;padding:3px;background:#fff;border:1px solid #cc9a69;border-radius:3px}
#userinfo-v2 .profile-avatar-picker>summary img{display:block;image-rendering:pixelated}
#userinfo-v2 .profile-dropdown{position:absolute;right:0;top:calc(100% + 5px);width:220px;padding:10px;background:#fff8e8;border:2px solid #c30;border-radius:0 0 8px 8px;box-shadow:0 3px 0 #8f8f8f;z-index:20}
#userinfo-v2 .profile-avatar-picker .profile-dropdown{left:-12px;right:auto}
#userinfo-v2 .profile-avatar-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:9px}
#userinfo-v2 .profile-avatar-grid button{display:grid;place-items:center;min-height:36px;padding:2px;background:#fff;border:1px solid #d7b89b;border-radius:3px}
#userinfo-v2 .profile-avatar-grid button[aria-pressed="true"]{outline:2px solid #e2810a;outline-offset:1px;background:#fff0b8}
#userinfo-v2 .profile-avatar-grid img{display:block;image-rendering:pixelated}
#userinfo-v2 button:disabled{cursor:default}
#userinfo-v2 .profile-account-menu>summary{padding:5px 3px;text-align:center;white-space:nowrap;font-size:10px;color:#8d350d}
#userinfo-v2 .profile-account-menu>summary:after{content:" ▾"}
#userinfo-v2 .profile-account-menu .profile-dropdown{width:165px;background:#f63;color:#fff;box-shadow:inset 0 0 0 2px #ff984d,0 3px 0 #8f8f8f}
#userinfo-v2 .profile-account-menu a,#userinfo-v2 .profile-account-menu button{display:block;width:100%;padding:5px 4px;background:none;border:0;color:#fff;text-align:left;font:11px Tahoma,Arial,sans-serif;cursor:pointer}
#userinfo-v2 .profile-login{display:grid;grid-template-columns:80px 80px 130px;grid-template-rows:23px 17px;align-items:center;gap:3px 5px;height:60px;padding:9px 2px}
#userinfo-v2 .profile-login input{width:100%;min-width:0;min-height:22px;padding:2px 4px;border:1px solid #f90;border-radius:2px;background:#fff;font:10px Tahoma,Arial,sans-serif}
#userinfo-v2 .profile-login-button{grid-column:3;grid-row:1/span 2;height:40px;border:1px solid #4a8a08;border-radius:7px;color:#fff;background:linear-gradient(#c8fa6c,#88d813 48%,#5ca200 52%,#83ce18);box-shadow:inset 0 0 0 2px #e7ffbb;text-shadow:0 1px #47710e;font:bold 14px Tahoma,Arial,sans-serif;cursor:pointer}
#userinfo-v2 .profile-register{grid-column:1/span 2;grid-row:2;white-space:nowrap;font-size:10px}
#userinfo-v2 .profile-register a{font-weight:bold;color:#000}
#userinfo-v2 .profile-tabs{display:grid;grid-template-columns:55px 50px minmax(0,1fr);height:40px;padding-left:1px}
#userinfo-v2 .profile-currency{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:39px;background:url(profile-art/buttons.png) no-repeat 0 -267px;color:#fff;font:10px/11px Tahoma,Arial,sans-serif;white-space:nowrap}
#userinfo-v2 .profile-currency:first-child{background-position:0 -89px}
#userinfo-v2 .currency-icon{display:block;width:15px;height:15px;background-repeat:no-repeat}
#userinfo-v2 .coins .currency-icon{background-image:url(profile-art/coins.png)}
#userinfo-v2 .chips .currency-icon{background-image:url(profile-art/chips.png)}
#userinfo-v2 #daily-taatelit-claim{padding:2px 7px;min-height:39px;border:0;border-left:1px solid #fe916c;border-radius:0 0 4px 0;background:transparent;color:#fff;text-align:center;font:bold 10px/13px Tahoma,Arial,sans-serif;cursor:pointer}
#userinfo-v2 #daily-taatelit-claim:hover:enabled{background:#ffc06b;color:#823500}
#userinfo-v2 #daily-taatelit-claim:disabled{color:#fff7de;font-weight:normal}
#userinfo-v2 #taateli-award{position:absolute;top:3px;left:18px;pointer-events:none;opacity:0;color:#ffed56;text-shadow:0 1px 2px #8d350d;font:bold 20px Tahoma,Arial,sans-serif}
#userinfo-v2 #taateli-award.is-animating{animation:taateli-award 1.2s ease-out}
@keyframes taateli-award{0%{opacity:0;transform:translateY(10px) scale(.6)}20%{opacity:1;transform:translateY(0) scale(1.15)}70%{opacity:1}100%{opacity:0;transform:translateY(-35px) scale(1)}}
#userinfo-v2 .profile-guest-footer{height:40px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 7px;color:#fff}
#userinfo-v2 .profile-guest-footer a{color:#fff}
#userinfo-v2 .profile-nickname-editor{margin:2px 7px 0 20px;font-size:10px;text-align:right}
#userinfo-v2 .profile-nickname-editor>summary{display:inline-block;color:#174f71;text-decoration:underline}
#userinfo-v2 .profile-nickname-editor form{display:grid;gap:8px}
#userinfo-v2 .profile-nickname-editor label{display:grid;gap:4px;text-align:left}
#userinfo-v2 .profile-nickname-editor input{width:100%}
#userinfo-v2 .profile-nickname-editor button{justify-self:end}
#userinfo-v2 .profile-status{position:fixed;right:16px;bottom:16px;width:max-content;max-width:min(370px,calc(100vw - 32px));margin:0;padding:8px 12px;background:#fff8e8;border:1px solid #ddb582;border-radius:3px;box-shadow:0 2px 8px #71350033;color:#713500;font-size:11px;overflow-wrap:anywhere}
#userinfo-v2 .profile-status:empty{display:none}
.profile-language{display:flex;align-items:center;justify-content:flex-end;gap:7px}
.profile-language label{font-size:11px;color:#fff}
.profile-language-flags{display:flex;gap:4px}
.profile-flag{width:20px;height:17px;padding:2px;border:1px solid transparent;background:transparent;cursor:pointer;opacity:.65}
.profile-flag:before{content:"";display:block;width:16px;height:11px;background-image:url(profile-art/flag-sprite.png);background-repeat:no-repeat}
.profile-flag.flag-fi:before{background-position:0 -252px}.profile-flag.flag-en:before{background-position:0 -189px}.profile-flag.flag-se:before{background-position:0 -546px}
.profile-flag:hover,.profile-flag[aria-pressed="true"]{opacity:1;border-color:#fff8e8}
.profile-language select{max-width:140px}
@media(min-width:761px){#menu{align-items:end}}
@media(max-width:1000px) and (min-width:761px){#menu{grid-template-columns:200px minmax(0,1fr) auto}}
@media(max-width:760px){#userinfo-v2{justify-self:end;width:min(370px,100%)}#userinfo-v2 .profile-login{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 130px}#userinfo-v2 .profile-login input{width:100%}#userinfo-v2 .profile-name{font-size:12px}.profile-language{gap:5px}.profile-language label{font-size:10px}.profile-language select{max-width:120px}}
@media(max-width:360px){#userinfo-v2 .profile-login{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 76px;gap:3px}#userinfo-v2 .profile-login-button{font-size:12px}#userinfo-v2 .profile-register{font-size:9px}#userinfo-v2 .profile-content{gap:5px}#userinfo-v2 .profile-account-menu>summary{font-size:9px}.profile-language{gap:4px}.profile-language label{font-size:9px}.profile-language select{max-width:112px}}
@media(prefers-reduced-motion:reduce){#userinfo-v2 #taateli-award.is-animating{animation:none}}
.bug-report-button{position:fixed;right:12px;bottom:12px;z-index:50;padding:6px 12px;border:1px solid #b9611a;border-radius:4px;background:#fff8e8;color:#8a3f05;font:bold 12px Verdana,Tahoma,sans-serif;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.25)}
.bug-report-button:hover,.bug-report-button:focus-visible{background:#ffe9b8}
.bug-report-dialog{width:min(560px,calc(100% - 32px));border:1px solid #b9611a;border-radius:6px;padding:16px 18px;background:#fff8e8;color:#24485c;font:12px/18px Verdana,Tahoma,sans-serif}
.bug-report-dialog::backdrop{background:rgba(0,0,0,.4)}
.bug-report-dialog h2{margin:0 0 10px;font-size:16px;color:#165a89}
.bug-report-dialog label{display:block;font-weight:bold;margin-bottom:4px}
.bug-report-dialog textarea{box-sizing:border-box;width:100%;font:inherit;padding:6px}
.bug-report-dialog pre{max-height:200px;overflow:auto;background:#f3e6c5;padding:8px;font-size:11px;white-space:pre-wrap;word-break:break-all}
.bug-report-note{color:#5a6f78;font-size:11px;margin:6px 0}
.bug-report-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}
.bug-report-actions button{padding:5px 14px;font:inherit;cursor:pointer}
.bug-report-send{font-weight:bold}
.bug-report-status{min-height:18px;margin:6px 0 0}
