:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"PingFang SC",sans-serif;color:#e8edf0;background:#101719;color-scheme:dark;font-size:15px;line-height:1.6}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}button{border:1px solid #385052;background:#213134;color:#eaf2ed;cursor:pointer;border-radius:10px;padding:10px 15px;min-height:44px;transition:background .15s}button:hover{background:#30474a}button:disabled{opacity:.45;cursor:default}.primary{background:#b9e8c3;border-color:#b9e8c3;color:#10261b;font-weight:650}.primary:hover{background:#d3f3da}.quiet{background:transparent;border-color:#344347}a{color:#b9e8c3;text-decoration:none}a:hover{text-decoration:underline}input,textarea{display:block;width:100%;padding:11px;border:1px solid #3d5054;border-radius:9px;background:#10191d;color:#eff5f7;outline:none}input:focus,textarea:focus{border-color:#b9e8c3;box-shadow:0 0 0 2px #b9e8c333}label{display:block;margin:12px 0 6px;font-size:13px;color:#b9c7ca}h1,h2,p{margin:0}h1{line-height:1.2;font-size:44px;letter-spacing:-1px}h2{font-size:17px;font-weight:650}.site-header{max-width:1100px;margin:auto;display:flex;align-items:center;gap:15px;padding:25px 28px;border-bottom:1px solid #283438}.brand{color:#f1f5f2;letter-spacing:2px;font-size:17px;font-weight:750}.brand span{font-weight:400;color:#acc3ba}.beta{font-size:11px;background:#20372d;padding:3px 8px;border-radius:20px;color:#b9e8c3}.original{margin-left:auto;font-size:12px;color:#a0b3b9}main{max-width:1050px;margin:0 auto;padding:42px 26px}.welcome{max-width:520px;margin-bottom:30px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:#99b7ab;margin-bottom:12px}.intro{color:#a4b5b9;margin-top:20px;max-width:450px}.entry{max-width:500px}.card{border:1px solid #304044;background:#172226;border-radius:16px;padding:22px}.entry>button{width:100%;margin:15px 0 5px}.hint{color:#a8b8bd;font-size:12px}.divider{display:flex;align-items:center;gap:12px;color:#84999f;font-size:12px;margin:21px 0 8px}.divider:before,.divider:after{content:'';height:1px;background:#34474a;flex:1}.room-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.room-header h1{font-size:27px}.room-header .eyebrow{margin-bottom:5px}.room-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.section-title>span{font-size:12px;color:#97b5aa}.chat-card{grid-column:1 / -1}.member-card ul{list-style:none;padding:0;margin:0 0 14px}.member{display:flex;gap:8px;align-items:center;min-height:42px;border-bottom:1px solid #2b393e}.member-name{flex:1;overflow-wrap:anywhere}.member-role{font-size:11px;color:#a1b8af}.member-state{font-size:11px;color:#a6cbbc}.member button{font-size:11px;padding:2px 8px;min-height:28px}.pending-row{padding:8px;background:#24312f;margin-bottom:8px;border-radius:8px;display:flex;align-items:center;gap:8px;font-size:12px}.pending-row span{flex:1}.pending-row button{min-height:30px;padding:3px 8px}.member-card>button{width:100%}#inviteOutput{margin-top:10px;font-size:11px}.game-card h2{font-size:24px;margin-bottom:5px}.game-card>p:not(.eyebrow){color:#aabcc1;font-size:13px}.rules{display:flex;gap:10px;margin:18px 0}.rules span{border:1px solid #364a45;padding:4px 9px;border-radius:6px;font-size:11px;color:#b5cbbb}.game-card>button{margin:12px 6px 0 0}.game-card #gameStatus{min-height:20px}#messages{height:230px;overflow-y:auto;overscroll-behavior:contain;padding-right:8px}.message{padding:9px 0;overflow-wrap:anywhere}.message-header{font-size:11px;color:#8db39c}.message-text{font-size:14px;white-space:pre-wrap}#chatForm{display:flex;gap:8px;margin-top:15px}#chatForm input{flex:1;min-width:0}#notice{border:1px solid #655832;background:#302b1d;color:#f0d894;border-radius:10px;padding:11px 15px;margin-bottom:18px;white-space:pre-line}#notice[data-level=error]{border-color:#795046;background:#35231f;color:#f9c1b4}footer{color:#85999f;font-size:11px;margin-top:27px;max-width:640px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}.embedded{background:#142023;font-size:13px}.embedded .site-header{padding:12px;gap:8px}.embedded .brand{font-size:13px}.embedded .original,.embedded #welcome,.embedded footer{display:none}.embedded main{padding:12px}.embedded .entry,.embedded .card{padding:14px;border-radius:10px}.embedded .room-header{margin-bottom:10px}.embedded .room-header h1{font-size:18px;letter-spacing:0}.embedded .room-grid{display:flex;flex-direction:column;gap:10px}.embedded .game-card .rules{margin:10px 0}.embedded .game-card h2{font-size:18px}.embedded .chat-card #messages{height:180px}.embedded .eyebrow{margin-bottom:5px}.embedded #notice{padding:9px;font-size:12px}.embedded .member{min-height:35px}.embedded #returnRoom{font-size:11px;padding:5px 8px;min-height:32px}@media(max-width:640px){.site-header{padding:17px 18px}.original{font-size:11px}main{padding:28px 18px}.welcome h1{font-size:36px}.room-grid{grid-template-columns:1fr}.chat-card{grid-column:auto}.card{padding:17px}.room-header h1{font-size:23px}}

select{width:100%;font:inherit;color:#eff5f7;background:#10191d;border:1px solid #3d5054;border-radius:9px;padding:10px}details{margin-top:14px;font-size:12px;color:#a8b8bd}summary{cursor:pointer;min-height:32px}details .hint{margin-top:8px}

.embedded #transferred a{display:none}
