/* Photographic masonry shared by the phone home, overlays and map frame. */
body.player-street{background-color:#30203d;background-image:linear-gradient(#23172d55,#21172c88),url('/competition/assets/werkhain-wall-v08.png');background-size:cover;background-position:center;background-attachment:fixed;color:#f6edd6}
.player-street .hero>div{background:#30203de3;padding:24px 20px;border-radius:5px 14px 4px 10px;border-left:3px solid #d5a7e0;box-shadow:4px 7px 0 #160e21aa}
.player-street .cards article,.player-street .hub-card,.player-street main.access{background:#30203de8;border:1px solid #b18abe;border-top:4px solid #c9a4d6;border-radius:3px 12px 5px 8px;box-shadow:4px 6px 0 #160e21b3}
.player-street .cards article:nth-child(odd){transform:rotate(-.6deg)}.player-street .cards article:nth-child(even){transform:rotate(.5deg)}
.player-street .cards article.yellow{border-top-color:#f5ce58}.player-street .cards article.pink{border-top-color:#df7c9f}
.player-street h1,.player-street h2{color:#fcf0d7;text-shadow:2px 3px 0 #1b1025;font-style:italic}.player-street h1 em{color:#f5ce58}
.player-street .top,.player-street .component-bar{background:#291b36ed;border-bottom:2px solid #b58cc6}.player-street .top a{transform:rotate(-1deg)}
.player-street button,.player-street .primary{border-radius:3px 9px 4px 7px;box-shadow:2px 3px 0 #1b102570}.player-street button{background-color:#42294f;color:#f8efd9;border-color:#bf9bc9}.player-street button.primary{background:#f5ce58;color:#30203d}
.player-street dialog,.player-street dialog.hain-sheet,.player-street dialog.hain-phone{background:linear-gradient(#30203de0,#271a35ee),url('/competition/assets/werkhain-wall-v08.png') center/cover;color:#f5ecd5;border:2px solid #bf9bc9;border-radius:5px 16px 7px 11px;box-shadow:5px 7px 0 #160e21c4}
.player-street dialog::backdrop{background:#170d21c9}.player-street .brick-sign{background:#41264f;color:#f4d374;border:1px solid #c5a4cf;border-radius:3px 9px 5px 2px}
.player-street .game-frame{background:linear-gradient(#42254c88,#25162c88),url('/competition/assets/werkhain-wall-v08.png') center/cover;border:0;box-shadow:inset 0 0 0 8px #30203db0;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.player-street .game-frame i{background:none!important;border:0!important;box-shadow:none!important}.player-street .game-frame:before,.player-street .game-frame:after{background:none!important}
.player-street .masonry-corner>svg,.player-street .corner-tag{display:none}.player-street .masonry-corner{background:linear-gradient(#52345b55,#291b3644),url('/competition/assets/werkhain-wall-v08.png') 94% 20%/650px auto;clip-path:polygon(20% 4%,100% 0,100% 100%,4% 94%,0 40%);border:1px solid #b58cc6;width:130px;height:105px}
.player-street .app-hud .location-pill,.player-street .hud-icon,.player-street .camera button,.player-street .hud-dock button{background:#3a2447;color:#fff0d0;border:2px solid #c9a4d6;box-shadow:2px 3px 0 #1c1126;clip-path:none;border-radius:4px 9px 3px 7px}
.player-street #world{background:linear-gradient(#3a244788,#30203d99),url('/competition/assets/werkhain-wall-v08.png') center/cover}.player-street #loading{background:#30203df2;color:#f7ebcf;border:1px solid #c2a0d0;padding:22px;border-radius:5px 12px 4px 8px;max-width:85%;line-height:1.6}
.player-street .hain-logo{max-width:190px}.player-street .phone-dock{background:#633d73!important}.player-street .hero img{max-height:230px}
@media(max-width:650px){.player-street main#home{padding:20px 5vw 80px}.player-street .hero>div{padding:20px 17px}.player-street .hero h1{font-size:46px}.player-street .cards{gap:24px}.player-street .game-frame{background-size:auto 100dvh}}

/* Shared mobile chrome: the original purple masonry proposal. */
.player-street{--deep:#21182c;--ink:#30203d;--green:#41294e;--muted:#d1bdd8;--mint:#c9a4d6;--pink:#ed83b1;--purple:#30203d}
.player-street .top #phone,.player-street .secondary{background:#422b50e8;color:#fff0dc;border:1px solid #c9a4d688}
.player-street .dev{background:#c7a0d2;color:#281a32;border-bottom:2px solid #f1d4b2}
.player-street .hub-links{background:#2b1d37ed;border-top:1px solid #a980bb88;box-shadow:0 -3px 16px #1a102533;padding:7px 5px 5px;bottom:0}
.player-street .hub-links a{background:#42294fe8;border:1px solid #caa3d3aa;color:#fff0d9;border-radius:3px 8px 3px 7px;box-shadow:1px 2px #1b102544}
.player-street .hub-links a:nth-child(odd){transform:rotate(-1.4deg)}.player-street .hub-links a:nth-child(even){transform:rotate(1deg)}
.player-street .language-switch{background:#2c1d39f5;border-color:#c59ed388}.player-street .language-switch button[aria-pressed=true]{color:#30203d}
.player-street .component-bar{background:#291b36f2;border-color:#b992c7}.player-street .component-bar button{background:#493057;color:#fbe8d3;border-color:#bd96c9}
.player-street .hub-card{border-top-color:#c9a4d6}.player-street .hub-empty{background:#30203d55;border-color:#d4b4dd77}
.player-street .phone-only{color:#f3e4f4}.player-street .phone-only h1{color:#f5ce58}
@font-face{font-family:WerkhainEntryMarker;src:url('/assets/board-fonts/PermanentMarker-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
.player-street .access #enterGame.enter-hain-tag{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:98%;min-height:74px;margin:24px 1% 28px;padding:15px 18px 20px;background:#f5ce58;color:#30203d;font-family:WerkhainEntryMarker,'Arial Black',sans-serif;font-size:clamp(26px,7vw,38px);font-weight:400;line-height:1.2;letter-spacing:-.025em;text-transform:uppercase;text-decoration:none;text-shadow:1px 1px 0 #fff0bd;transform:rotate(-1deg);border:0;border-radius:0;clip-path:polygon(1% 9%,8% 6%,17% 8%,29% 3%,44% 5%,59% 1%,74% 5%,90% 3%,98% 8%,97% 24%,100% 37%,98% 53%,99% 70%,97% 89%,83% 92%,65% 96%,49% 93%,33% 99%,18% 94%,3% 97%,4% 79%,0 67%,2% 45%,0 29%);box-shadow:none;-webkit-tap-highlight-color:#ed83b166}
.player-street .access #enterGame.enter-hain-tag:after{content:'';position:absolute;z-index:-1;left:17%;right:14%;bottom:11px;height:5px;background:#de6f9e;transform:rotate(-2deg);clip-path:polygon(2% 0,100% 10%,97% 70%,0 100%)}
.player-street .access #enterGame.enter-hain-tag:before{content:'';position:absolute;left:11px;top:17px;width:4px;height:4px;border-radius:50%;background:#30203d;box-shadow:7px -6px 0 -1px #30203d,-2px 10px 0 -1px #30203d,calc(100vw - 110px) 22px 0 #30203d;opacity:.4}
.player-street .access #enterGame.enter-hain-tag:hover{background:#ffdc68;color:#30203d}.player-street .access #enterGame.enter-hain-tag:focus-visible{outline:3px solid #30203d;outline-offset:-9px}.player-street .access #enterGame.enter-hain-tag:active{transform:rotate(-1deg) translateY(2px)}
.player-street .map-promotion,.player-street .promotion-pages{background:#352240f5;border-color:#c49bce}
.player-street #component iframe{background:#30203d}.player-street a{color:#e7bced}.player-street .top a{color:#f5ce58}

.access .password-rescue-tag{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:16px 0 4px;padding:6px 14px;color:#f5d15c;font-family:WerkhainEntryMarker,Arial,sans-serif;font-weight:400;text-decoration:none;border:1px dashed #eb93c4;border-radius:3px 12px 3px 12px;transform:rotate(-2deg);background:#34203d}.password-rescue-tag:focus-visible{outline:3px solid #45d6df;outline-offset:4px}