body[data-device-mode=companion]>.dev,body[data-device-mode=companion] .top #phone{display:none}
#phoneCompanion{padding:16px 14px 26px;max-width:430px}
#phoneCompanion .phone-handset{position:relative;padding:15px 9px 13px;border:2px solid #86718d;border-radius:38px;background:linear-gradient(130deg,#5f496c,#201629 30%,#35223f 78%,#76637c);box-shadow:inset 0 0 0 3px #120e1b,0 18px 40px #0c071b8c,3px 4px 0 #160d20}
#phoneCompanion .phone-handset::before{content:"";position:absolute;left:-5px;top:110px;width:3px;height:47px;background:#9d89a4;border-radius:3px;box-shadow:0 60px #9d89a4}
#phoneCompanion .phone-hardware{height:13px;display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:10px}
#phoneCompanion .phone-hardware i:first-child{width:42px;height:5px;border-radius:6px;background:#100c17;box-shadow:0 1px #82728b70}
#phoneCompanion .phone-hardware i:last-child{width:7px;height:7px;border:2px solid #131020;border-radius:50%;background:#615078}
#phoneCompanion .phone-homescreen{position:relative;overflow:hidden;padding:23px 19px 16px;border:1px solid #a88bb54d;border-radius:24px;background:radial-gradient(ellipse at 100% 0,#b665a640,transparent 65%),radial-gradient(ellipse at 0 90%,#317c7d33,transparent 55%),linear-gradient(145deg,#382541f2,#21172fed),url('/competition/assets/werkhain-wall-v08.png') center/cover;box-shadow:inset 0 0 25px #11091c5c}
#phoneCompanion .phone-home-heading{position:relative;padding-right:22px}
#phoneCompanion .companion-badge{font:800 8px/1.4 Arial,sans-serif;letter-spacing:1.8px;color:#d5b4e3}
#phoneCompanion h1{font-size:29px;line-height:1.1;letter-spacing:-1.2px;margin:10px 0 3px;color:#fff0c9;font-style:italic;text-shadow:2px 3px #1a1127}
#phoneCompanion .phone-home-heading p{font-size:12px;line-height:1.4;color:#d9c5e3;margin:0}
#phoneCompanion .phone-spark{position:absolute;right:0;top:26px;font-size:32px;color:#ee97bf;transform:rotate(12deg);text-shadow:2px 3px #1b1129}
#phoneCompanion .phone-wallet{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:21px 0 24px;padding:12px;border:1px solid #d6b4e04a;border-radius:13px;background:linear-gradient(110deg,#71508270,#392749a3);box-shadow:0 3px 0 #1a1126}
#phoneCompanion .phone-owner{min-width:0;max-width:52%;font-size:12px;font-weight:700;line-height:1.4;color:#f8e6ff;overflow-wrap:anywhere}
#phoneCompanion .phone-wallet-values{display:flex;gap:14px;flex-shrink:0}
#phoneCompanion .phone-wallet-values b{display:flex;flex-direction:column;gap:2px;color:#f8d967;font-size:19px;font-variant-numeric:tabular-nums;line-height:1.1}
#phoneCompanion .phone-wallet-values b:last-child{color:#9ce4cf}
#phoneCompanion .phone-wallet-values small{font-size:8px;letter-spacing:1px;color:#e3cae9}
#phoneCompanion .companion-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:23px 10px;margin:0}
#phoneCompanion .companion-actions .phone-app{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:11px;min-width:0;min-height:112px;padding:0;border:0;border-radius:17px;background:transparent;box-shadow:none;color:#ffedda;transform:none;touch-action:manipulation}
#phoneCompanion .phone-app-tile{--app-colour:#90dfc4;--app-base:#388f7a;--app-accent:#ffd369;position:relative;display:grid;place-items:center;width:100%;max-width:80px;aspect-ratio:1;border:2px solid #211728;border-radius:22px;background:linear-gradient(135deg,#ffffff4d,transparent 48%),var(--app-colour);box-shadow:inset 0 2px 0 #fff9,inset 0 -4px 0 #00000016,0 5px 0 var(--app-base),0 7px 0 #170e20,0 10px 12px #100a243d;transition:transform .12s,box-shadow .12s}
#phoneCompanion .app-yellow .phone-app-tile{--app-colour:#ffcf69;--app-base:#bb7c31;--app-accent:#ee87a7}
#phoneCompanion .app-peach .phone-app-tile{--app-colour:#ffb28c;--app-base:#b56a59;--app-accent:#a89ce8}
#phoneCompanion .app-blue .phone-app-tile{--app-colour:#97c9f4;--app-base:#527fae;--app-accent:#df92bd}
#phoneCompanion .app-pink .phone-app-tile{--app-colour:#efa2c4;--app-base:#a75b8d;--app-accent:#b39ae6}
#phoneCompanion .app-violet .phone-app-tile{--app-colour:#bda8ef;--app-base:#7862b1;--app-accent:#83d9bd}
#phoneCompanion .phone-app-tile svg{display:block;width:73%;height:73%;overflow:visible;fill:#fff2cb;stroke:#39283f;stroke-width:3.6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(1px 2px 0 #fff5)}
#phoneCompanion .phone-app-tile svg .app-accent{fill:var(--app-accent)}
#phoneCompanion svg .app-ink{fill:none}
#phoneCompanion .phone-app-label{display:block;font-size:10px;font-weight:700;line-height:1.4;max-width:100%;text-align:center;overflow-wrap:normal;text-shadow:0 1px 2px #100b1c}
#phoneCompanion .phone-app:active .phone-app-tile{transform:translateY(4px);box-shadow:inset 0 2px #fff9,0 1px 0 var(--app-base),0 3px 0 #170e20}
#phoneCompanion .phone-app:focus-visible{outline:3px solid #ffe085;outline-offset:5px}
#phoneCompanion .phone-app-unread{position:absolute;right:-7px;top:-7px;min-width:23px;height:23px;padding:0 5px;display:grid;place-items:center;border:2px solid #38213e;border-radius:20px;background:#f7d467;color:#38213e;font:900 11px Arial,sans-serif;box-shadow:0 2px 0 #211529}
#phoneCompanion .phone-app-unread[hidden]{display:none}
#phoneCompanion .phone-map-dock{margin-top:21px;border-top:1px solid #bc8ed433;padding-top:15px}
#phoneCompanion .phone-map-location{display:flex;align-items:center;gap:6px;justify-content:center;margin-bottom:10px;font-size:9px;font-weight:700;letter-spacing:.5px;color:#d4bcdd}
#phoneCompanion .phone-map-location i{width:5px;height:5px;background:#8edbc4;border-radius:50%;box-shadow:0 0 7px #8edbc470}
#phoneCompanion [data-take-map]{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:47px;padding:10px 12px;border:1px solid #bfa0d25c;border-radius:14px;background:#a682bf1c;color:#f4dffb;font-size:11px;box-shadow:0 3px #110c1d5c}
#phoneCompanion [data-take-map] svg{width:23px;height:23px;display:block;fill:none;stroke:#e9c4ef;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}
#phoneCompanion .phone-home-note{font-size:9px;line-height:1.5;text-align:center;margin:16px 0 0;color:#bca1c9}
#phoneCompanion .phone-home-indicator{height:4px;width:85px;margin:12px auto 0;border-radius:9px;background:#a991b1}
#phoneCompanion .companion-chat{margin-top:18px;padding:12px;scroll-margin-top:15px}
@media(max-width:350px){#phoneCompanion{padding:12px 9px 22px}#phoneCompanion .phone-homescreen{padding:20px 14px 14px}#phoneCompanion h1{font-size:25px}#phoneCompanion .phone-app-tile{border-radius:18px}#phoneCompanion .companion-actions{gap:20px 9px}#phoneCompanion .phone-app-label{font-size:9px}#phoneCompanion .phone-wallet-values{gap:10px}#phoneCompanion .phone-owner{font-size:11px}}
@media(prefers-reduced-motion:reduce){#phoneCompanion .phone-app-tile{transition:none}}