@import url('./game.css');
:root{color-scheme:dark;--bg:#101116;--panel:#191b23;--muted:#9599aa;--line:#ffffff12;--orange:#edb57a;--lime:#edb57a;--blue:#a1c5d9;--safe-bottom:env(safe-area-inset-bottom,0px);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;color:#f4f3f5;background:var(--bg)}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;border:0;background:none}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--orange);outline-offset:4px}a{color:inherit;text-decoration:none}button svg,svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p{margin:0}p{line-height:1.6}input,textarea,select{background:#101218;color:#f8f8fa;border:1px solid #ffffff20;border-radius:10px;padding:13px 14px;min-width:0}input::placeholder,textarea::placeholder{color:#787d91}textarea{resize:vertical;min-height:90px}[hidden]{display:none!important}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}
.playhan{display:grid;grid-template-columns:210px minmax(0,1fr) 222px;min-height:100dvh}.sidebar{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;border-right:1px solid var(--line);padding:31px 18px 18px;background:#13151b}.playhan-brand{display:flex;align-items:center;gap:9px;font-size:19px;font-weight:850;letter-spacing:1px;position:relative;margin-bottom:49px}.brand-symbol{display:grid;place-items:center;background:var(--orange);width:31px;height:33px;color:#1e1a16;border-radius:9px 9px 9px 2px;transform:skewY(-7deg);font-size:24px;font-weight:900;font-style:italic}.beta{position:absolute;left:41px;top:34px;font-size:7px;letter-spacing:2px;color:var(--muted)}.nav-caption{font-size:9px;letter-spacing:1.7px;color:#6c7287;margin:0 13px 14px}.side-nav{display:flex;flex-direction:column;gap:7px}.nav-item{display:flex;align-items:center;gap:13px;padding:14px 13px;border-radius:10px;color:#9c9fb0;font-size:12px;text-align:left;white-space:nowrap}.nav-item:hover{background:#ffffff05;color:white}.nav-item.active{color:var(--orange);background:#edb57a10}.nav-item.active:before{content:'';width:3px;position:absolute;left:0;height:20px;background:var(--orange);border-radius:0 3px 3px 0}.nav-item>b{font-size:9px;margin-left:auto;background:#edb57a22;border-radius:4px;padding:2px 5px}.sidebar-community{margin-top:40px}.family-link{display:flex;align-items:center;width:100%;gap:10px;padding:17px 10px;font-size:11px;text-align:left}.family-link small{display:block;font-size:8px;color:#818698;margin-top:5px}.family-link>b{margin-left:auto;color:#8a8fa0}.family-mark{display:grid;place-items:center;width:34px;height:38px;border:1px solid #b9955f40;background:linear-gradient(145deg,#b9955f30,#b9955f05);color:#d6b37e;clip-path:polygon(0 0,100% 0,100% 76%,50% 100%,0 76%);font-family:Georgia,serif;font-weight:bold;font-size:23px;flex-shrink:0}.sidebar-note{margin-top:auto;padding:18px 11px 24px;position:relative}.sidebar-note>b{font-size:10px;color:#a4a8b7;margin-left:12px}.sidebar-note p{font-size:9px;line-height:1.8;color:#696f82;margin-top:9px}.demo-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#a3bd9b;position:absolute;top:25px;left:11px}.self-profile{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:20px 4px 0;text-align:left}.self-profile b{display:block;font-size:12px}.self-profile small{display:block;font-size:9px;color:#7c8297;margin-top:4px}.self-profile>span:last-child{margin-left:auto;color:#9b9fb0}.self-avatar{display:grid;place-items:center;width:39px;height:39px;flex-shrink:0;border-radius:50%;background:linear-gradient(135deg,#687e84,#2b3c46);color:#e2ecf1;font-size:15px;font-weight:600;border:1px solid #ffffff18}.self-avatar.small{width:34px;height:34px;font-size:12px}.self-avatar.tiny{width:30px;height:30px;font-size:12px}.workspace{min-width:0}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 32px;border-bottom:1px solid var(--line)}.search-box{display:flex;gap:11px;align-items:center;min-width:0;color:#6a7185}.search-box input{background:none;border:0;padding:10px 0;width:245px;font-size:11px;outline-offset:2px}.search-box svg{width:18px;height:18px}.topbar-actions{display:flex;gap:19px;align-items:center}.demo-label{font-size:7px;letter-spacing:1.3px;color:#a6a4a0;background:#ffffff05;border:1px solid #ffffff0e;border-radius:5px;padding:6px 8px;white-space:nowrap}.icon-button{display:grid;place-items:center;flex-shrink:0;width:35px;height:35px;border-radius:8px;color:#a1a6b5;background:#ffffff04}.icon-button:hover{color:#fff;background:#ffffff10}.mobile-brand,.bottom-nav{display:none}#socialContent{padding:31px 32px 27px;max-width:1320px;margin:0 auto;outline:0}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:27px}.kicker{color:#b59d85;font-size:8px;font-weight:600;letter-spacing:1.7px;margin-bottom:12px}.page-heading h1{font-size:30px;line-height:1.2;font-weight:650;letter-spacing:-1px}.page-heading p{color:#858b9e;font-size:11px;margin-top:10px}.orange-button,.outline-button,.primary-button{display:flex;align-items:center;justify-content:center;gap:15px;border-radius:8px;font-size:11px;font-weight:650;padding:13px 19px;min-height:44px;transition:background .18s,transform .18s}.orange-button,.primary-button{background:var(--orange);color:#1d1a17}.orange-button:hover,.primary-button:hover{background:#f7c797;transform:translateY(-1px)}.orange-button svg,.outline-button svg{width:16px;height:16px}.outline-button{border:1px solid #ffffff1d;background:#ffffff02;color:#d2d5e0}.outline-button:hover{background:#ffffff09;border-color:#ffffff35}.primary-button{width:100%}.discover-top{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(190px,1fr);gap:18px}.game-cover{min-height:350px;position:relative;border-radius:13px;overflow:hidden;background:#282c2b;border:1px solid #ffffff0b;isolation:isolate}.cover-image{position:absolute;inset:0;background-image:linear-gradient(90deg,#111619e8 1%,#141b1ba6 44%,#161b1909 100%),url('./assets/cember-cover.png');background-size:cover;background-position:62% center;z-index:-1;transition:transform .6s}.game-cover:hover .cover-image{transform:scale(1.025)}.cover-content{padding:26px 27px 27px;position:relative;z-index:1}.tag{font-size:7px;letter-spacing:1px;display:inline-flex;align-items:center;border-radius:5px;padding:6px 8px;border:1px solid #ffffff25;background:#ffffff0c;color:#ede7e4;font-weight:600}.dark-tag{background:#141716a8;color:#e5c49e;border-color:#c7a67a35;font-size:6px;letter-spacing:1.2px}.cover-content h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:58px;font-weight:900;letter-spacing:1px;margin-top:19px;line-height:.95}.cover-content h2 span{display:block;font-family:inherit;font-size:24px;line-height:1.16;margin-top:10px;font-weight:500;letter-spacing:0}.cover-content p{font-size:10px;color:#d0d2cc;margin-top:13px;line-height:1.6}.cover-content .orange-button{margin-top:20px;min-width:137px;display:inline-flex}.cover-meta{font-size:8px;color:#b0b6ad;margin-top:13px;display:flex;align-items:center;gap:9px}.cover-meta i{display:inline-block;width:3px;height:3px;background:#acb0a3;border-radius:50%}.art-label{position:absolute;right:9px;bottom:8px;font-size:5px;letter-spacing:1px;color:#c9d0c78a}.welcome-room{position:relative;border-radius:13px;border:1px solid #ffffff0a;padding:26px 23px;background:radial-gradient(ellipse at 20% 60%,#4c3b695c,transparent 70%),#1a1b27;display:flex;align-items:flex-start;flex-direction:column;overflow:hidden}.welcome-room .kicker{color:#a998c5;font-size:6px;letter-spacing:1px}.welcome-room h2{font-size:24px;letter-spacing:-.5px;line-height:1.25;font-weight:550}.welcome-portraits{display:flex;margin:22px 0 15px;padding-left:5px}.welcome-portraits .portrait{margin-left:-5px;border:3px solid #282332;box-shadow:0 4px 12px #0006}.welcome-portraits .portrait:nth-child(2){transform:translateY(-7px);z-index:1}.welcome-room p{font-size:10px;color:#a4a0b7;line-height:1.65;margin-bottom:20px}.welcome-room .outline-button{font-size:10px;min-height:38px;padding:10px 12px;width:100%;margin-top:auto}.welcome-room>small{font-size:7px;color:#777386;margin-top:10px;align-self:center}.portrait{display:inline-block;flex-shrink:0;width:38px;height:38px;border-radius:50%;background-image:url('./assets/member-portraits.png');background-size:300% 200%;background-position:var(--px) var(--py);border:1px solid #ffffff15;background-color:#252930}.portrait.tiny{width:27px;height:27px}.portrait.medium{width:40px;height:40px}.portrait.large{width:65px;height:65px}.portrait.xl{width:60px;height:60px}.portrait.profile-photo{width:92px;height:92px}.block-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:30px 0 17px}.block-heading h2{font-size:17px;font-weight:600;letter-spacing:-.3px}.block-heading button{display:flex;align-items:center;gap:7px;color:#8a90a2;font-size:9px;padding:6px 0}.block-heading button svg{width:13px;height:13px}.room-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.room-card{border:1px solid #ffffff0a;background:#191b23;border-radius:11px;overflow:hidden;transition:transform .2s,border-color .2s}.room-card:hover{transform:translateY(-3px);border-color:#ffffff28}.room-art{display:block;width:100%;height:135px;position:relative;overflow:hidden;text-align:left}.theme-purple{background:radial-gradient(ellipse at 75% 110%,#8063aa75,transparent 70%),#302b47}.theme-amber{background:radial-gradient(ellipse at 70% 90%,#aa815d60,transparent 70%),#40332b}.theme-blue{background:radial-gradient(ellipse at 70% 90%,#658ea875,transparent 70%),#253440}.theme-peach{background:radial-gradient(ellipse at 70% 90%,#ac876d77,transparent 70%),#453534}.theme-green{background:radial-gradient(ellipse at 70% 90%,#67917c77,transparent 70%),#263d39}.theme-pink{background:radial-gradient(ellipse at 70% 90%,#b17f9a77,transparent 70%),#462f41}.room-art>.tag{position:absolute;left:13px;top:12px;font-size:6px;padding:4px 6px;z-index:2}.room-face{position:absolute;right:21px;bottom:18px;transform:rotate(-7deg)}.room-face .portrait{border-radius:17px;box-shadow:0 5px 20px #0004;border:2px solid #ffffff3a}.room-wave{position:absolute;display:flex;align-items:center;gap:4px;left:15%;top:65px;opacity:.3;transform:rotate(-10deg)}.room-wave i{display:block;width:4px;border-radius:4px;background:#e8dcff}.room-sample{position:absolute;left:14px;bottom:15px;font-size:5px;letter-spacing:1.2px;color:#e0d8e7a0}.room-info{padding:15px 15px 13px}.room-title{font-size:12px;font-weight:600;padding:0;letter-spacing:-.1px;max-width:100%;text-align:left}.room-info p{font-size:8px;color:#83899a;margin:7px 0 16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-bottom{display:flex;align-items:center;gap:7px}.avatar-stack{display:flex;padding-left:5px}.avatar-stack .portrait{margin-left:-5px;border:2px solid #191b23;width:23px;height:23px}.room-bottom>span{font-size:7px;color:#7f8798;white-space:nowrap}.room-enter{margin-left:auto;color:#a9adbb;display:grid;place-items:center;padding:0}.room-enter svg{width:15px;height:15px}.family-banner{display:flex;align-items:center;gap:18px;border:1px solid #a68a5d25;background:linear-gradient(100deg,#a68a5d10,#a68a5d04);border-radius:11px;padding:20px 22px;margin-top:25px}.family-banner .family-mark{width:44px;height:50px;font-size:30px}.family-banner small{font-size:6px;letter-spacing:1.5px;color:#ab916d}.family-banner h2{font-size:17px;font-weight:500;letter-spacing:-.3px;margin:5px 0 6px}.family-banner p{font-size:9px;color:#85818a}.family-banner .outline-button{margin-left:auto;white-space:nowrap;font-size:9px;padding:9px 13px;min-height:36px}.shell-footer{display:flex;justify-content:space-between;gap:15px;padding:19px 32px 27px;border-top:1px solid var(--line);font-size:7px;color:#676d7f}.shell-footer b{padding:0 6px;color:#b89c79}.people-rail{position:sticky;top:0;height:100dvh;border-left:1px solid var(--line);padding:33px 19px;background:#13151b}.rail-title{display:flex;align-items:center;justify-content:space-between}.rail-title h2{font-size:12px;font-weight:600}.rail-title>span{font-size:6px;color:#827d70;letter-spacing:1px;border:1px solid #ffffff0c;padding:4px 5px;border-radius:3px}.rail-intro{font-size:9px;color:#777e91;margin:9px 0 24px}.rail-member{display:flex;align-items:center;gap:10px;text-align:left;padding:10px 0;width:100%}.rail-member b{font-size:11px;font-weight:500}.rail-member small{display:block;font-size:8px;color:#737b8f;margin-top:5px}.rail-member i{margin-left:auto;color:#4d5367;font-size:15px;font-style:normal}.rail-member:hover b{color:var(--orange)}.rail-divider{border-top:1px solid var(--line);margin:22px 0}.rail-family{background:radial-gradient(ellipse at 50% 0,#7c63412b,transparent 70%),#191b22;border:1px solid #ffffff0b;border-radius:11px;padding:20px 13px;text-align:center}.rail-family .family-mark{margin:0 auto 13px;width:41px;height:45px;font-size:27px}.rail-family small{font-size:6px;letter-spacing:1.5px;color:#988268}.rail-family h3{font-size:15px;letter-spacing:2px;margin:7px 0}.rail-family p{font-size:8px;color:#777d8f}.rail-family button{font-size:8px;width:100%;padding:9px;margin-top:18px;min-height:32px}.rail-footnote{font-size:8px;color:#5c6375;line-height:1.7;margin-top:21px}.filter-row{display:flex;gap:7px;align-items:center;margin:0 0 23px;flex-wrap:wrap}.filter-row button{padding:9px 16px;border:1px solid #ffffff0d;border-radius:7px;color:#9298ac;font-size:10px}.filter-row button.active{color:var(--orange);background:#edb57a0e;border-color:#edb57a35}.filter-row>span{margin-left:auto;font-size:8px;color:#686f81}.game-cover.compact{min-height:420px}.compact .cover-content{padding:35px 38px}.compact .cover-content h2{font-size:76px}.compact .cover-content h2 span{font-size:30px}.compact .cover-image{background-position:center 50%;background-image:linear-gradient(90deg,#111619ef 0,#141b1b94 40%,#161b1900 85%),url('./assets/cember-cover.png')}.game-details{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:23px 0 32px}.game-details>div{display:flex;gap:12px;align-items:center}.game-details svg{color:#b99a78;width:24px;height:24px}.game-details b{font-size:10px;display:block;font-weight:500}.game-details small{display:block;font-size:8px;color:#7a8297;margin-top:6px}.future-games{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.future-card{border:1px solid #ffffff0d;border-radius:11px;padding:23px 19px}.future-card small{font-size:6px;letter-spacing:1.2px;color:#c6b2cc}.future-card h3{font-size:18px;font-weight:500;margin:18px 0 9px}.future-card p{font-size:8px;color:#b8acba}.future-card>span{display:inline-block;font-size:7px;color:#b0a1b1;border:1px solid #ffffff20;padding:5px 7px;border-radius:4px;margin-top:19px}.member-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.member-card{background:#191b23;border:1px solid var(--line);border-radius:12px;padding:22px 18px;text-align:center;position:relative}.member-demo{font-size:6px;letter-spacing:1px;color:#656c7d;display:block;margin-bottom:20px}.member-photo-button{padding:0;display:inline-flex}.member-card h2{font-size:17px;font-weight:500;margin-top:15px}.member-card h2 button{font:inherit}.member-card p{font-size:9px;color:#858da2;margin:8px 0 13px}.family-tag{font-size:6px;letter-spacing:1px;color:#aa9678;border:1px solid #aa967825;border-radius:5px;display:inline-flex;align-items:center;gap:5px;padding:4px 7px}.family-tag svg{width:11px;height:11px}.follow-button{width:100%;margin-top:20px;font-size:10px;padding:10px;min-height:36px}.following{color:#c1d4c0;border-color:#89ac8135}.room-topline{display:flex;gap:15px;align-items:center;margin-bottom:23px}.back-button{display:flex;gap:9px;align-items:center;font-size:11px;padding:0;color:#abb1c2}.back-button svg{width:16px;height:16px}.room-topline>.icon-button{margin-left:auto}.is-favorite{color:var(--orange)}.demo-tag{color:#b2a58b;font-size:6px;background:#b2a58b0a;border-color:#b2a58b25}.room-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(220px,1fr);gap:18px}.room-stage{border-radius:13px;border:1px solid #ffffff12;overflow:hidden;padding:26px 20px;min-width:0}.stage-heading{text-align:center}.stage-heading h1{font-size:26px;line-height:1.2;letter-spacing:-.5px;margin:17px 0 10px;font-weight:550}.stage-heading p{color:#b0a9bf;font-size:10px}.stage-heading>small{display:block;color:#9b91aa;font-size:7px;margin-top:13px}.seats{display:grid;grid-template-columns:repeat(4,1fr);gap:30px 9px;margin:36px 0 30px}.seat{text-align:center;position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;padding:0}.seat-photo{width:56px!important;height:56px!important;border:2px solid #ffffff25!important}.host .seat-photo{border-color:#d7b581!important;box-shadow:0 0 0 4px #d7b58113}.seat b{font-size:9px;margin-top:10px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.seat small{font-size:5px;color:#afa5bd;white-space:nowrap;margin-top:5px;letter-spacing:.2px}.seat-mic{position:absolute;top:43px;right:calc(50% - 29px);width:19px;height:19px;display:grid;place-items:center;background:#262333;border:1px solid #ffffff20;border-radius:50%;color:#c7bcd3}.seat-mic svg{width:10px;height:10px}.empty-seat>span{width:56px;height:56px;border:1px dashed #ffffff25;border-radius:50%;display:grid;place-items:center;color:#ffffff35}.empty-seat>b{color:#aaa0b67a;font-size:7px;font-weight:400}.room-controls{border-top:1px solid #ffffff12;padding-top:22px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}.room-controls>.outline-button{font-size:9px;min-height:36px;padding:9px 13px}.mic-meter{width:45px;height:4px;background:#ffffff14;border-radius:4px;overflow:hidden}.mic-meter>span{display:block;height:100%;background:#b8d3b1;width:0}.room-controls p{font-size:6px;flex-basis:100%;text-align:center;color:#9d93ad}.room-chat{display:flex;flex-direction:column;border:1px solid #ffffff12;border-radius:13px;background:#191b23;overflow:hidden;min-height:400px;max-height:575px}.chat-header{display:flex;justify-content:space-between;padding:20px 18px;border-bottom:1px solid var(--line);align-items:center}.chat-header h2{font-size:11px;font-weight:550}.chat-header>span{font-size:6px;letter-spacing:1px;color:#717b90}.chat-messages{padding:20px 14px;flex:1;overflow:auto}.chat-message{display:flex;gap:8px;margin-bottom:20px}.chat-message>div{min-width:0;flex:1}.chat-message b{font-size:8px;font-weight:550}.chat-message b small{font-size:6px;color:#666f86;margin-left:5px;font-weight:400}.chat-message p{font-size:9px;color:#b4bbcc;margin-top:5px;overflow-wrap:anywhere}.chat-message.mine p{color:#debc97}.room-chat form,.dm-form{display:flex;gap:7px;margin:0 12px}.room-chat form input,.dm-form input{width:100%;font-size:10px;padding:10px}.send-button{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:8px;background:var(--orange);color:#2d241b}.send-button svg{width:15px;height:15px}.local-note{font-size:8px!important;color:#767e94!important;line-height:1.7!important}.room-chat>.local-note{font-size:6px!important;padding:10px 14px 13px}.empty{padding:20px;color:#858b9f;font-size:11px;line-height:1.6}
.modal-backdrop{background:#090b12d9;backdrop-filter:blur(8px)}.modal{border-color:#ffffff19;background:#1b1e27;border-radius:15px;color:#f4f3f5}.modal h2{color:#f4f3f5}.modal>p{color:#a1a7b9}.secondary-button{border-color:#ffffff1a;color:#bdc3d4;border-radius:8px}.secondary-button:hover{background:#ffffff09}.social-modal{max-width:500px;padding:33px}.social-modal h2{font-family:inherit;text-transform:none;font-size:28px;letter-spacing:-.7px;line-height:1.2;font-weight:600;margin:15px 0}.social-modal p{font-size:12px;color:#9ca4ba;line-height:1.8;margin:13px 0}.social-modal .modal-close{z-index:2;background:#1416209e}.stack-form{display:flex;flex-direction:column;gap:18px;margin-top:23px}.stack-form>label{display:flex;flex-direction:column;gap:9px;color:#a9b0c2;font-size:10px}.stack-form>label input,.stack-form textarea,.stack-form select{font-size:13px;width:100%}.stack-form .orange-button{width:100%}.profile-modal-header{display:flex;gap:15px;align-items:center;margin:8px 0 23px}.profile-meta{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 27px}.profile-meta>span{font-size:8px;color:#b1a69b;background:#ffffff06;border:1px solid #ffffff0d;border-radius:6px;padding:7px 10px}.profile-actions{display:flex;gap:12px}.profile-actions>button{flex:1;font-size:10px}.dm-heading{display:flex;align-items:center;gap:13px}.dm-heading h2{font-size:20px;margin:0 0 6px}.dm-heading small{font-size:7px;color:#8b93a6;letter-spacing:1px}.dm-log{min-height:150px;max-height:280px;overflow:auto;margin:22px 0;padding:13px;background:#14171e;border-radius:9px}.dm-log>p{background:#c5a17d15;border:1px solid #c5a17d15;max-width:90%;margin:5px 0 10px auto;padding:10px 13px;border-radius:9px;color:#d1c2af;overflow-wrap:anywhere}.dm-form{margin:0}.inbox-list{display:flex;flex-direction:column;gap:7px;margin-top:24px}.inbox-list button{display:flex;gap:13px;align-items:center;padding:10px;text-align:left;border-radius:9px}.inbox-list button:hover{background:#ffffff07}.inbox-list b{font-size:12px;display:block}.inbox-list small{display:block;font-size:9px;color:#828b9f;margin-top:5px}.inbox-list svg{margin-left:auto;width:16px;height:16px;color:#717b91}.large-family-mark{font-family:Georgia,serif;font-size:40px;width:72px;height:80px;color:#e1be87;display:grid;place-items:center;background:linear-gradient(130deg,#97774c60,#97774c10);clip-path:polygon(0 0,100% 0,100% 75%,50% 100%,0 75%);margin-bottom:25px}.family-members{display:flex;gap:20px;margin:25px 0}.family-members button{display:flex;flex-direction:column;align-items:center;gap:9px;font-size:9px}.launch-cover{height:130px;background:linear-gradient(0deg,#1b1e27,transparent),url('./assets/cember-cover.png') center 40%/cover;border-radius:10px;margin:-13px -13px 20px}.mode-picker{margin:0;padding:12px;border:1px solid #ffffff15;border-radius:10px;display:flex;gap:20px;align-items:center}.mode-picker legend{font-size:9px;color:#8993a7;padding:0 6px}.mode-picker label{font-size:11px;display:flex;gap:6px;align-items:center;color:#c6cad6}.mode-picker input{accent-color:var(--orange);padding:0}.controls-summary{background:#13161c;border-radius:10px;padding:14px}.controls-summary b{font-size:10px;color:#c8b39a}.controls-summary p{font-size:9px;margin:6px 0 10px;line-height:1.8}.controls-summary p:last-child{margin-bottom:0}.social-toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,14px);z-index:90;background:#282d3a;border:1px solid #ffffff20;box-shadow:0 10px 30px #0006;border-radius:9px;padding:13px 21px;color:#d9dfeb;font-size:11px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;text-align:center;width:max-content;max-width:90vw}.social-toast.show{opacity:1;transform:translate(-50%,0)}
/* 3D play surface and touch controls */
.game-screen{background:#222b30}.game-screen canvas#gameCanvas{z-index:0}.look-area{position:absolute;inset:0 0 0 30%;z-index:1;touch-action:none}.game-top,.zone-notice,.minimap-container,.kill-feed,.game-toast,.survival-hud,.weapon-hud,.desktop-help,.item-actions{z-index:3}.mobile-controls{position:absolute;inset:0;z-index:4;pointer-events:none}.mobile-controls>*{pointer-events:auto}.game-top,.player-tag,.match-stats{pointer-events:none}.game-actions{pointer-events:auto}.crosshair{position:absolute;left:50%;top:50%;width:22px;height:22px;transform:translate(-50%,-50%);z-index:2;pointer-events:none}.crosshair i{position:absolute;width:6px;height:1px;background:#ffffffd0;box-shadow:0 0 2px #000}.crosshair i:nth-child(1){left:0;top:10px}.crosshair i:nth-child(2){right:0;top:10px}.crosshair i:nth-child(3){top:0;left:10px;width:1px;height:6px}.crosshair i:nth-child(4){bottom:0;left:10px;width:1px;height:6px}.crosshair.hit{transform:translate(-50%,-50%) rotate(45deg)}.crosshair.hit i{background:#efb37a}.fire-button{position:absolute;bottom:calc(40px + var(--safe-bottom));right:calc(30px + env(safe-area-inset-right,0px));width:89px;height:89px;border:2px solid #ffffff80;border-radius:50%;background:#171d2465;touch-action:none;color:#f5f2e8;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px}.fire-button svg{width:34px;height:34px}.fire-button small{font-size:7px;letter-spacing:2px}.fire-button.active{background:#eab78088;border-color:#ffd4a6}.game-load{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,#30312f,#10151c);z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-align:center;padding:35px}.game-load>b{font-size:17px;letter-spacing:2px;color:#d5b38b}.game-load>p{font-size:12px;max-width:350px;color:#9aa6b7}.game-load .secondary-button{width:160px;margin-top:20px}.loader{width:36px;height:36px;border:2px solid #d5b38b22;border-top-color:#d5b38b;border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.damage-vignette{z-index:5}.control-pad.active .pad-knob{background:#edb57a70;border-color:var(--orange)}.health-row{color:#d4dfcb}.player-tag,.match-stats,.game-actions,.zone-notice,.survival-hud,.weapon-hud,.item-button,.minimap-container{background:#131b25c9;border-color:#ffffff22}.result-stats{background:#131821;border-color:#ffffff12}.result-stats>div{border-color:#ffffff12}.eyebrow{font-size:9px;letter-spacing:1.6px;color:#bfa384}.game-screen .bar{background:#a6b7c42b}.game-screen .game-toast{background:#111a27ed;border-color:#ad9b7c77}.zone-notice.danger{background:#38251de8;border-color:#ca956977}.item-actions{pointer-events:auto}.item-button:active{background:#69624d}.game-screen .weapon-hud{min-width:150px}.game-screen .zone-notice{color:#dee6ed}.game-screen .kill-feed>div{background:#14202ac9}.game-screen .desktop-help{color:#dfe4ec}.game-screen .desktop-help kbd{background:#111b25c9}
@media(hover:hover) and (pointer:fine){.look-area{display:none}}
@media(min-width:1700px){.playhan{grid-template-columns:230px minmax(0,1fr) 250px}.sidebar{padding-left:25px;padding-right:25px}.people-rail{padding:35px 25px}.page-heading h1{font-size:35px}.discover-top{grid-template-columns:1.9fr 1fr}.game-cover{min-height:430px}.cover-content{padding:35px}.cover-content h2{font-size:80px}.cover-content h2 span{font-size:28px}.welcome-room{padding:35px}.welcome-room h2{font-size:30px}.welcome-portraits .portrait{width:72px;height:72px}.room-art{height:165px}.room-face .portrait{width:85px;height:85px}}
@media(max-width:1250px){.playhan{grid-template-columns:195px minmax(0,1fr)}.people-rail{display:none}.topbar{padding:0 28px}#socialContent{padding:29px 28px}.cover-content{padding:28px}.discover-top{grid-template-columns:1.8fr 1fr}.game-cover{min-height:370px}.welcome-room{padding:28px}.welcome-room h2{font-size:27px}.room-art{height:145px}.room-face .portrait{width:74px;height:74px}.room-layout{grid-template-columns:1.5fr 1fr}}
@media(max-width:850px){.playhan{grid-template-columns:76px minmax(0,1fr)}.sidebar{padding:28px 12px}.playhan-brand{font-size:0;justify-content:center;margin-bottom:45px;gap:0}.playhan-brand .beta,.sidebar .nav-caption,.nav-item span,.nav-item>b,.sidebar-community,.sidebar-note,.self-profile>span:not(.self-avatar){display:none}.nav-item{padding:15px;justify-content:center}.nav-item.active:before{display:none}.self-profile{margin-top:auto;padding:20px 6px 0}.topbar{height:75px;padding:0 24px}.topbar-actions{gap:13px}.demo-label{display:none}#socialContent{padding:27px 24px}.page-heading h1{font-size:28px}.page-heading p{font-size:10px}.discover-top{grid-template-columns:1.6fr 1fr;gap:14px}.game-cover{min-height:352px}.cover-content{padding:23px}.cover-content h2{font-size:54px}.cover-content h2 span{font-size:23px}.welcome-room{padding:24px 18px}.welcome-room h2{font-size:24px}.welcome-portraits .portrait{width:45px;height:45px}.welcome-room p{font-size:9px}.room-grid{gap:12px}.room-info{padding:14px 12px}.room-info p{font-size:7px}.room-title{font-size:11px}.room-bottom{gap:4px}.room-bottom>span{font-size:6px}.avatar-stack .portrait{width:20px;height:20px}.room-face{right:16px}.room-face .portrait{width:62px;height:62px}.room-art{height:125px}.room-wave{left:9%;gap:3px}.family-banner{padding:18px 16px;gap:13px}.family-banner p{font-size:8px}.family-banner h2{font-size:15px}.family-banner .outline-button{font-size:8px;gap:8px}.room-layout{grid-template-columns:1fr}.room-chat{min-height:330px;max-height:420px}.seats{gap:30px 10px}.seat-photo,.empty-seat>span{width:65px!important;height:65px!important}.seat-mic{top:52px}.seat b{font-size:11px}.seat small{font-size:7px}.game-details{gap:12px}.game-details>div{gap:8px}.game-details small{font-size:7px}.future-card{padding:20px 15px}.future-card h3{font-size:16px}.member-grid{gap:13px}.member-card{padding:20px 14px}.member-card .profile-photo{width:80px;height:80px}}
@media(max-width:600px){.playhan{display:block;padding-bottom:calc(70px + env(safe-area-inset-bottom))}.sidebar{display:none}.topbar{height:auto;min-height:72px;padding:17px 20px;flex-wrap:wrap;gap:18px 12px}.mobile-brand{display:flex;align-items:center;gap:9px;letter-spacing:1px;font-size:17px;font-weight:800}.mobile-brand .brand-symbol{width:28px;height:29px;font-size:21px}.topbar-actions{margin-left:auto;gap:15px}.search-box{order:3;flex:1 0 100%;background:#191b23;border:1px solid #ffffff08;border-radius:9px;padding:0 12px}.search-box input{width:100%;padding:11px 0;font-size:11px}.search-box svg{width:16px;height:16px}.bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;z-index:8;bottom:0;left:0;right:0;padding:7px 8px calc(8px + env(safe-area-inset-bottom));border-top:1px solid #ffffff13;background:#171a23f5;backdrop-filter:blur(20px)}.bottom-nav .nav-item{padding:6px 0;flex-direction:column;gap:5px;font-size:8px;border-radius:8px}.bottom-nav .nav-item span{display:block}.bottom-nav .nav-item>b{display:none}.bottom-nav .nav-item svg{width:20px;height:20px}.bottom-nav .nav-item.active{background:transparent}.bottom-nav .nav-item.active:before{display:none}#socialContent{padding:25px 20px}.page-heading{margin-bottom:23px;gap:15px;align-items:flex-start;flex-wrap:wrap}.page-heading .kicker{font-size:7px;margin-bottom:10px}.page-heading h1{font-size:27px;letter-spacing:-.8px;margin:0}.page-heading p{font-size:10px;margin-top:9px;line-height:1.7}.page-heading>.orange-button{padding:10px 14px;font-size:10px;min-height:38px}.discover-top{grid-template-columns:1fr;gap:15px}.game-cover{min-height:355px}.cover-content{padding:27px}.cover-content h2{font-size:66px}.cover-content h2 span{font-size:26px}.cover-content p{font-size:10px}.cover-content .orange-button{min-height:44px}.cover-image{background-position:65% center}.welcome-room{padding:22px;min-height:190px;display:block}.welcome-room h2{font-size:25px;max-width:55%}.welcome-room .kicker{font-size:6px;margin-bottom:11px}.welcome-portraits{position:absolute;right:22px;top:49px;margin:0}.welcome-portraits .portrait{width:48px;height:48px}.welcome-room p{font-size:9px;max-width:55%;margin:12px 0 17px}.welcome-room .outline-button{width:max-content;font-size:9px;padding:9px 12px;min-height:34px}.welcome-room>small{position:absolute;right:20px;bottom:30px;font-size:6px;max-width:100px;text-align:center}.block-heading{margin:28px 0 17px}.block-heading h2{font-size:16px}.block-heading button{font-size:8px}.room-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.room-art{height:124px}.room-face{right:13px;bottom:15px}.room-face .portrait{width:63px;height:63px}.room-wave{left:10%;gap:3px;opacity:.23}.room-info{padding:14px 11px}.room-info p{font-size:7px;margin-bottom:14px}.room-title{font-size:11px}.room-bottom>span{font-size:6px}.room-bottom .avatar-stack .portrait{width:18px;height:18px}.room-bottom{gap:5px}.room-bottom .room-enter svg{width:13px;height:13px}.family-banner{flex-wrap:wrap;padding:19px;gap:14px}.family-banner p{font-size:8px}.family-banner small{font-size:5px}.family-banner h2{font-size:16px}.family-banner .family-mark{width:35px;height:41px;font-size:26px}.family-banner>.outline-button{margin:0 0 0 49px;padding:8px 11px;font-size:8px;min-height:32px}.shell-footer{padding:20px;display:block;font-size:7px;line-height:1.8}.shell-footer>span{display:block}.shell-footer>span+span{margin-top:6px}.filter-row{gap:7px}.filter-row>span{flex-basis:100%;margin:8px 0 0;font-size:7px}.filter-row button{padding:8px 13px;font-size:9px}.compact .cover-content{padding:28px}.game-cover.compact{min-height:400px}.compact .cover-content h2{font-size:74px}.compact .cover-content h2 span{font-size:28px}.compact .cover-image{background-position:61% center}.game-details{grid-template-columns:1fr;margin:23px 0;gap:18px}.game-details>div{gap:13px}.game-details b{font-size:11px}.game-details small{font-size:9px}.future-games{grid-template-columns:1fr;gap:12px}.future-card{padding:21px}.future-card h3{font-size:20px;margin:12px 0 7px}.future-card p{font-size:9px}.future-card>span{font-size:7px;margin-top:14px}.member-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.member-card{padding:19px 13px}.member-card .profile-photo{width:75px;height:75px}.member-demo{font-size:5px;margin-bottom:16px}.member-card h2{font-size:16px;margin-top:13px}.member-card p{font-size:8px}.family-tag{font-size:5px;gap:4px}.follow-button{font-size:9px;padding:9px;gap:8px}.room-stage{padding:24px 14px}.stage-heading h1{font-size:25px}.stage-heading p{font-size:9px}.stage-heading>small{font-size:6px}.seats{gap:27px 6px;margin:30px 0}.seat-photo,.empty-seat>span{width:55px!important;height:55px!important}.seat-mic{top:42px;right:calc(50% - 29px)}.seat b{font-size:9px}.seat small{font-size:5px}.room-controls p{font-size:6px}.room-chat{min-height:350px}.chat-message p{font-size:11px}.chat-message b{font-size:10px}.chat-message b small{font-size:7px}.room-chat>.local-note{font-size:7px!important}.room-chat form input{font-size:12px}.chat-header h2{font-size:13px}.social-modal{padding:28px 23px;border-radius:14px}.social-modal h2{font-size:27px;margin:13px 0}.social-modal p{font-size:11px}.social-toast{bottom:calc(88px + env(safe-area-inset-bottom));font-size:10px;width:calc(100% - 40px);max-width:400px}.profile-actions{gap:8px}.profile-actions>button{padding:12px 11px;font-size:10px;gap:8px}.profile-modal-header{gap:13px}.profile-modal-header .profile-photo{width:80px;height:80px}.profile-modal-header .tag{font-size:5px}.game-screen .weapon-hud{min-width:88px}.fire-button{right:22px;bottom:calc(40px + var(--safe-bottom));width:85px;height:85px}.fire-button svg{width:30px;height:30px}.fire-button small{font-size:6px}.game-screen .player-tag small{color:#c3b194}.game-screen .game-actions{gap:1px}.game-load>b{font-size:15px}.game-load>p{font-size:11px}}
@media(orientation:landscape) and (max-height:550px){.fire-button{width:80px;height:80px;bottom:calc(24px + var(--safe-bottom));right:calc(34px + env(safe-area-inset-right,0px))}.game-screen .item-actions{right:calc(140px + env(safe-area-inset-right,0px))}.social-modal h2{font-size:25px}.modal-backdrop{align-items:flex-start}.modal{margin:auto}}
@media(prefers-reduced-motion:reduce){*{animation-duration:1ms!important;transition:none!important}}