.toast-root{position:fixed;right:16px;top:16px;display:flex;flex-direction:column;gap:8px;z-index:9999}.toast{background:#000000d9;color:#fff;padding:10px 14px;border-radius:6px;box-shadow:0 6px 18px #00000026;font-size:14px}.toast-success{background:#22c55e}.toast-error{background:#ef4444}.toast-info{background:#3b82f6}.page-outer{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;padding:0;box-sizing:border-box}.page-inner{width:100%;height:100%;max-width:420px}.page-inner{position:relative}.page-header,.page-footer{width:100%;padding:8px 0}.page-content{width:100%;height:100%;display:flex;flex-direction:column;gap:12px}.card{width:100%}.break-url{word-break:break-all;overflow-wrap:anywhere}.login-root{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 32px)}.login-root .card{padding:20px;border-radius:12px;box-shadow:var(--shadow);background:var(--bg)}.password-toggle{position:absolute;right:8px;top:24px;background:none;border:none;padding:4px;cursor:pointer}.btn-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(0,0,0,.15);border-top-color:#0009;border-radius:50%;animation:spin .8s linear infinite;vertical-align:middle;margin-left:8px}@keyframes spin{to{transform:rotate(360deg)}}.btn[disabled]{opacity:.6;cursor:not-allowed}.knype-navbar{height:56px;display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top,0px) + 6px) 14px 6px 14px;background:#fff;box-shadow:0 6px 18px #00000014;border-top-left-radius:var(--portrait-radius, 18px);border-top-right-radius:var(--portrait-radius, 18px);gap:12px;-webkit-tap-highlight-color:transparent}.knype-left,.knype-center,.knype-right{display:flex;align-items:center;height:100%}.knype-left{flex:0 0 auto}.knype-center{flex:1 1 auto;justify-content:center}.knype-right{flex:0 0 auto;gap:8px;margin-bottom:0}.knype-brand{font-weight:700;font-size:1.05rem;color:#000;text-decoration:none;display:inline-flex;align-items:center;padding:0 8px;margin-top:0}.knype-user{font-size:.95rem;color:#111;opacity:.9}.knype-logout{background:#000;color:#fff;border:none;padding:8px 12px;border-radius:8px;font-weight:600;font-size:.95rem}.knype-logout,.knype-right button,.knype-right .install-btn{min-height:40px}.knype-logout,.knype-right button,.knype-right .install-btn{min-height:40px;display:inline-flex;align-items:center;justify-content:center}.knype-right button,.knype-right .install-btn,.knype-left .knype-brand{margin-top:0}@media(max-width:420px){.knype-center{justify-content:flex-end;font-size:.9rem}.knype-navbar{padding:0 10px}}.game-frame-wrapper{position:relative;flex:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#f3f3f3}.game-frame{width:100%;height:100%;border:none;display:block}.game-loading,.game-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#999;font-size:14px;pointer-events:none}.room-root{display:flex;flex-direction:column;height:100%}.room-header{padding:8px 12px;display:flex;align-items:center;justify-content:space-between;font-weight:600;border-bottom:1px solid rgba(0,0,0,.06);overflow:visible}.room-header-overlay{position:absolute;top:0;left:0;transform:translateY(-100%);width:100%;height:48px;z-index:2001;background:#ffffffeb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:transform .22s cubic-bezier(.2,.9,.2,1),opacity .18s ease;will-change:transform,opacity;border-top-left-radius:var(--portrait-radius, 18px);border-top-right-radius:var(--portrait-radius, 18px);overflow:visible}.room-header-overlay.visible{transform:translateY(0);opacity:1;pointer-events:auto}.room-top-activator{position:absolute;top:0;left:0;width:100%;height:10px;z-index:2000;background:transparent;pointer-events:auto}@media(pointer:coarse),(max-width:420px){.room-top-activator{height:44px}.room-header-overlay{height:56px;border-top-left-radius:12px;border-top-right-radius:12px}.room-actions .icon-btn,.room-actions a.icon-btn{min-width:44px;min-height:44px;padding:6px}}.room-title{font-size:1rem}.room-id{display:inline-block;max-width:150px;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-actions{display:flex;gap:10px}.icon-btn{background:none;border:none;padding:4px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:#111}.icon-btn:hover{background:#0000000f}.room-game-wrapper{flex:1 1 auto;display:flex;overflow:hidden;min-height:0}.room-game-wrapper .game-frame-wrapper{flex:1 1 auto;min-height:0;width:100%}.room-game-wrapper .game-frame{width:100%;height:100%}.room-portrait .card{border:none;box-shadow:none;padding:0}[data-tooltip]{position:relative}[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:#000000d9;color:#fff;padding:6px 8px;border-radius:6px;font-size:12px;white-space:normal;max-width:320px;overflow-wrap:break-word;word-break:normal;z-index:3001;box-shadow:0 6px 18px #0003;pointer-events:none}[data-tooltip]:hover:before{content:"";position:absolute;left:50%;top:calc(100% + 2px);transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgba(0,0,0,.85);z-index:3000;pointer-events:none}.pwa-overlay{position:absolute;inset:0;pointer-events:none;z-index:9999}.pwa-overlay{--video-size: 56px;--video-radius: 50%;--video-zoom: 1.1}.pwa-cluster{position:absolute;inset:0;display:grid;grid-template-columns:70px 1fr 70px;grid-template-rows:70px 1fr 1fr 70px;grid-template-areas:".    top    ." "left .      right" "bl   .      br" ".    bottom .";padding:24px 24px 28%;align-items:center;justify-items:center;pointer-events:none}.pwa-tile{display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:auto}.pwa-tile-visual{position:relative}.pwa-avatar-ring{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:transparent}.pwa-avatar{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:0 6px 14px #00000014}.pwa-video{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.video-zoomed{transform:scale(var(--video-zoom, 1.1));transform-origin:center center}.video-tile{width:var(--video-size);height:var(--video-size);background:#000;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px #0000001f;overflow:hidden;border-radius:var(--video-radius)}.video-tile .pwa-video{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block;transform:scale(var(--video-zoom, 1.1));transform-origin:center center}.media-controls{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:4px;pointer-events:none}.media-controls>div{pointer-events:auto}.pwa-camera{width:18px;height:18px;display:flex;align-items:center;justify-content:center}.pwa-video-toggle{margin-top:6px;width:18px;height:18px;display:flex;align-items:center;justify-content:center}.pwa-name{font-size:8px;color:#000000f2;text-shadow:0 1px 2px rgba(0,0,0,.55);opacity:.95;white-space:nowrap}.pwa-local-controls{position:absolute;bottom:10%;left:16px;display:flex;align-items:center;gap:8px;pointer-events:auto}.pwa-ctrl-btn{width:36px;height:36px;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,transform .1s ease;box-shadow:0 2px 8px #0000001f}.pwa-ctrl-btn.active{background:#e8f8ea}.pwa-ctrl-btn.off{background:#fde8e8}.pwa-ctrl-btn:active{transform:scale(.92)}.seat-top{grid-area:top}.seat-left{grid-area:left}.seat-right{grid-area:right}.seat-bottom-left{grid-area:bl}.seat-bottom-right{grid-area:br}.seat-bottom{grid-area:bottom}@media(max-width:520px){.pwa-cluster{grid-template-columns:60px 1fr 60px;grid-template-rows:60px 1fr 1fr 60px;padding:20px 18px 26%}.pwa-overlay{--video-size: 52px}.pwa-avatar-ring{width:52px;height:52px}.pwa-avatar{width:42px;height:42px}.pwa-local-controls{bottom:8%;left:12px}.pwa-ctrl-btn{width:32px;height:32px}}.pwa-indicators{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:2px;pointer-events:none}.pwa-mic{position:absolute;top:5px;right:5px;z-index:2;width:16px;height:16px;display:flex;align-items:center;justify-content:center;pointer-events:auto}.pwa-mic.speaking{animation:pwa-mic-pulse 1.2s infinite ease-in-out}@keyframes pwa-mic-pulse{0%{transform:scale(1);opacity:.95}50%{transform:scale(1.08);opacity:.6}to{transform:scale(1);opacity:.95}}.pwa-mic.speaking:before{content:"";position:absolute;inset:-6px;border-radius:50%;background:#3cc14a1f;filter:blur(6px);pointer-events:none;animation:pwa-mic-ring 1.2s infinite ease-in-out}@keyframes pwa-mic-ring{0%{transform:scale(1);opacity:.9}50%{transform:scale(1.18);opacity:.55}to{transform:scale(1);opacity:.9}}.pwa-net{position:absolute;top:5px;left:5px;z-index:2;width:8px;height:8px;border-radius:50%;box-shadow:0 2px 6px #0000001f;pointer-events:none}.pwa-net-good{background:#32cd32}.pwa-net-medium{background:#ffd24d}.pwa-net-poor{background:#ff4b4b}@media(max-width:420px){.pwa-indicators{gap:4px}.pwa-mic{width:14px;height:14px}.pwa-net{width:7px;height:7px}}@media(max-width:420px){.pwa-cluster{grid-template-columns:54px 1fr 54px;grid-template-rows:54px 1fr 1fr 54px;padding:16px 14px 24%}.pwa-overlay{--video-size: 48px}.pwa-avatar-ring{width:48px;height:48px}.pwa-avatar{width:38px;height:38px}.pwa-name{font-size:7px}.pwa-mic{width:12px;height:12px}.pwa-net{width:6px;height:6px}.pwa-local-controls{bottom:6%;left:10px}.pwa-ctrl-btn{width:30px;height:30px}}@media(max-width:375px){.pwa-cluster{grid-template-columns:48px 1fr 48px;grid-template-rows:48px 1fr 1fr 48px;padding:12px 10px 22%}.pwa-overlay{--video-size: 44px}.pwa-avatar-ring{width:44px;height:44px}.pwa-avatar{width:34px;height:34px}.pwa-name{font-size:7px}.pwa-mic{width:11px;height:11px}.pwa-net{width:6px;height:6px}.pwa-local-controls{bottom:4%;left:8px}.pwa-ctrl-btn{width:28px;height:28px}}:root{--portrait-radius: 18px}.viewport{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#000;-webkit-user-select:none;overscroll-behavior:contain;z-index:9999}.portrait-app{position:relative;background:#fff;border-radius:var(--portrait-radius);box-shadow:0 20px 60px #0009;overflow:hidden;transform-origin:center center;display:block;height:auto;width:auto}@media(max-width:420px),(max-height:740px){.viewport{background:#fff}.portrait-app{border-radius:12px;box-shadow:none;width:100vw!important;height:100vh!important}}@font-face{font-family:Figtree;src:url(/assets/Figtree-VariableFont_wght-CuCnmeMh.ttf) format("truetype");font-weight:300 900;font-style:normal;font-display:swap}@font-face{font-family:Figtree;src:url(/assets/Figtree-Italic-VariableFont_wght-BKw5bOcC.ttf) format("truetype");font-weight:300 900;font-style:italic;font-display:swap}:root{--max-card-width: 480px;--bg: #ffffff;--fg: #000000;--muted: #666666;--border: #e9e9e9;--shadow: 0 8px 28px rgba(0, 0, 0, .06);--radius: 12px;--card-padding-sm: 18px;--card-padding-lg: 28px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Figtree,sans-serif;background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page-outer{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0;box-sizing:border-box}.page-inner{height:100%;width:100%;max-width:var(--max-card-width)}.page-header,.page-footer{padding:8px 0}.page-header{margin-bottom:12px}.header-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font-weight:700;font-size:1.05rem}.header-actions{display:flex;gap:8px;align-items:center}.btn-outline{background:transparent;color:var(--fg);border:1px solid var(--border);padding:8px 12px;border-radius:8px;min-width:88px}.card h1{margin:0 0 10px;font-size:1.25rem}label{display:block;margin-bottom:12px}label span,label:first-child{display:block;margin-bottom:6px;color:var(--muted);font-size:.95rem}input{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:8px;font-size:1rem}.btn{display:inline-block;width:100%;padding:10px 14px;margin-top:8px;background:#000;color:#fff;border:none;border-radius:8px;font-size:1rem}.btn,a.btn,.btn:link,.btn:visited{text-align:center;text-decoration:none;color:inherit;color:#fff;font-weight:600;display:inline-flex;align-items:center;justify-content:center}.card a:not(.btn){text-decoration:underline}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn-inline{display:inline-block;width:auto;padding:8px 10px;margin-top:0}.room-info{background:#fafafa;border:1px solid #f0f0f0;padding:10px;border-radius:8px}.card a{color:inherit;text-decoration:underline}.error{color:#b00020;background:#fff0f0;padding:10px;border-radius:8px;margin-bottom:10px}.muted{color:var(--muted);font-size:.92rem;text-align:center}@media(min-width:640px){.card{padding:var(--card-padding-lg)}}