.intro-actions,.hud-community{position:absolute;z-index:12;top:25px;right:5vw;display:flex;align-items:center;gap:8px}
:is(.intro-actions,.hud-community) :is(button,a){height:43px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #fff0ca6b;border-radius:8px;text-decoration:none;box-shadow:0 3px 9px #123d3522;font:700 12px 'DM Sans',sans-serif;transition:background .15s,transform .15s}
.intro-wallet{min-width:108px;padding:0 14px;background:#fff4d9;color:#294e43}
.intro-wallet.is-connected{background:#d8eccb;border-color:#9fbf88}
:is(.intro-actions,.hud-community) .intro-x{width:43px;background:#173c3de8;color:#fff4d9}
:is(.intro-actions,.hud-community) svg{width:20px;height:20px;flex:none}
:is(.intro-actions,.hud-community) :is(button,a):hover{transform:translateY(-1px);background:#e8d7ae;color:#254c42}
:is(.intro-actions,.hud-community) :focus-visible{outline:3px solid #efcf87;outline-offset:4px}
.hud-community{top:119px;right:23px}
.reward-hud{top:175px}
.intro-region{right:calc(5vw + 186px)}
.playing .intro-actions{display:none}
#wallet-dialog{width:min(430px,calc(100vw - 32px));border:1px solid #e9dfc1;background:#fff8e7;color:#294e43;max-height:90dvh;overflow-y:auto}
.wallet-heading{display:flex;justify-content:space-between;align-items:center;padding:21px 24px;border-bottom:1px solid #dcd8c3}
.wallet-heading small{font-size:9px;letter-spacing:1.7px;color:#aa6356;font-weight:700}
.wallet-heading h2{font:700 23px 'DM Sans',sans-serif;margin:7px 0 0;letter-spacing:-.5px}
#wallet-close{background:none;border:0;font-size:27px;color:#73896d;width:36px;height:36px}
.wallet-body{padding:19px 24px 24px}
.wallet-intro{font-size:12px;line-height:1.6;color:#77866e;margin:0 0 17px}
.wallet-option{margin-top:10px}
.wallet-option>button{width:100%;display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #d6dac4;border-radius:9px;background:#f0efdd;color:#2f5046;text-align:left}
.wallet-option>button:hover{background:#e5e9d3;border-color:#92a680}
.wallet-option>button:disabled{opacity:.55;cursor:wait}
.wallet-option img{width:40px;height:40px;border-radius:10px;object-fit:contain}
.wallet-option strong{display:block;font-size:14px}
.wallet-option small{display:block;font-size:10px;color:#7c8c71;margin-top:4px}
.wallet-option-action{font-size:10px;margin-left:auto;color:#738960}
.wallet-option>a{display:block;margin:7px 3px 0;text-align:right;color:#557958;font-size:11px;text-underline-offset:3px}
.wallet-note{font-size:10px;line-height:1.6;color:#8a947c;margin:20px 0 0;padding-top:15px;border-top:1px solid #dcddc6}
#wallet-message{color:#587948;font-size:12px;line-height:1.5;margin:14px 0 0;overflow-wrap:anywhere}
#wallet-message:empty{display:none}
.wallet-connected-title{display:flex;align-items:center;gap:11px;font-size:15px}
.wallet-connected-title img{width:35px;height:35px;border-radius:8px}
.wallet-connected-title small{display:block;font-size:10px;color:#7e9171;margin-top:4px}
#wallet-address{display:block;font-size:12px;overflow-wrap:anywhere;padding:15px 12px;background:#e9edda;border:1px solid #d1dbc1;border-radius:7px;margin:15px 0}
#wallet-explorer{color:#537551;font-size:12px;text-underline-offset:3px}
#wallet-disconnect{display:block;width:100%;background:#315748;border:1px solid #234837;border-radius:6px;padding:12px;color:#fff6df;font-size:12px;font-weight:700;margin-top:20px}
@media(max-width:1050px){.intro-region{display:none}}
@media(max-width:800px){.intro-actions{top:20px;right:22px}:is(.intro-actions,.hud-community) :is(button,a){height:38px}:is(.intro-actions,.hud-community) .intro-x{width:38px}.intro-wallet{min-width:99px;padding:0 11px}:is(.intro-actions,.hud-community) svg{width:18px;height:18px}.hud-community{top:126px;right:12px}.hud-community .intro-wallet{min-width:38px;width:38px;padding:0}.hud-community .intro-wallet span{display:none}.reward-hud{top:175px}}
@media(max-width:370px){.intro-actions{right:16px;gap:6px}.brand{left:16px;gap:8px}.brand-ball .pk-icon{width:30px;height:30px}.brand strong{font-size:16px;letter-spacing:3px}.wallet-heading{padding:18px}.wallet-body{padding:18px}.wallet-option>button{padding:11px;gap:9px}.wallet-option small{font-size:9px}}
@media(prefers-reduced-motion:reduce){:is(.intro-actions,.hud-community) :is(button,a){transition:none}}