._container_i2fwl_4{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#06c755,#00b900);padding:20px}._loginBox_i2fwl_14,._loadingBox_i2fwl_26{background:#fff;border-radius:16px;padding:48px 32px;box-shadow:0 4px 24px #0000001f;max-width:420px;width:100%;text-align:center;animation:_fadeIn_i2fwl_1 .3s ease-in}._loadingBox_i2fwl_26 p{font-size:16px;color:#666;font-weight:500}._title_i2fwl_44{font-size:32px;font-weight:700;color:#333;margin-bottom:16px;letter-spacing:-.5px}._description_i2fwl_53{font-size:15px;color:#666;margin-bottom:32px;line-height:1.6}._error_i2fwl_61{background-color:#fff3f3;border:1px solid #ffcdd2;border-radius:8px;padding:14px 16px;margin-bottom:24px;animation:_shake_i2fwl_1 .3s ease-in-out}._error_i2fwl_61 p{color:#d32f2f;font-size:14px;margin:0;font-weight:500}._loginButton_i2fwl_78{width:100%;background-color:#06c755;color:#fff;border:none;border-radius:8px;padding:16px 24px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 2px 8px #06c7554d;min-height:48px}._loginButton_i2fwl_78:hover{background-color:#00b900;box-shadow:0 4px 12px #06c75566;transform:translateY(-1px)}._loginButton_i2fwl_78:active{background-color:#009e00;box-shadow:0 1px 4px #06c7554d;transform:translateY(0)}._loginButton_i2fwl_78:focus{outline:2px solid #06c755;outline-offset:2px}._lineIcon_i2fwl_116{font-weight:700;font-size:18px;letter-spacing:.5px}@keyframes _fadeIn_i2fwl_1{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes _shake_i2fwl_1{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (max-width: 768px){._loginBox_i2fwl_14,._loadingBox_i2fwl_26{padding:40px 28px;max-width:380px}._title_i2fwl_44{font-size:28px}}@media (max-width: 480px){._container_i2fwl_4{padding:16px}._loginBox_i2fwl_14,._loadingBox_i2fwl_26{padding:32px 24px;border-radius:12px}._title_i2fwl_44{font-size:24px;margin-bottom:12px}._description_i2fwl_53{font-size:14px;margin-bottom:28px}._loginButton_i2fwl_78{padding:14px 20px;font-size:15px}._lineIcon_i2fwl_116{font-size:16px}}@media (max-width: 360px){._loginBox_i2fwl_14,._loadingBox_i2fwl_26{padding:24px 20px}._title_i2fwl_44{font-size:22px}}._container_1uqqw_1{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#f5f5f5}._streamContainer_1uqqw_10{width:100%;max-width:1200px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px}._idleState_1uqqw_22{text-align:center;padding:40px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}._idleState_1uqqw_22 h2{margin-bottom:16px;color:#333}._idleState_1uqqw_22 p{margin-bottom:24px;color:#666}._startButton_1uqqw_40{padding:12px 32px;font-size:16px;font-weight:600;color:#fff;background-color:#00b900;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}._startButton_1uqqw_40:hover{background-color:#090}._startButton_1uqqw_40:active{background-color:#070}._loadingState_1uqqw_61{text-align:center;padding:40px}._spinner_1uqqw_66{width:50px;height:50px;margin:0 auto 20px;border:4px solid #f3f3f3;border-top:4px solid #00B900;border-radius:50%;animation:_spin_1uqqw_66 1s linear infinite}@keyframes _spin_1uqqw_66{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._loadingState_1uqqw_61 p{color:#666;font-size:16px}._activeState_1uqqw_87{width:100%;height:100%;display:flex;flex-direction:column}._videoContainer_1uqqw_94{flex:1;position:relative;background-color:#000;border-radius:8px;overflow:hidden;margin-bottom:16px;touch-action:none;-webkit-user-select:none;user-select:none;min-height:400px;width:100%}._videoContainer_1uqqw_94:fullscreen{border-radius:0;margin-bottom:0}._videoContainer_1uqqw_94:-webkit-full-screen{border-radius:0;margin-bottom:0}._videoContainer_1uqqw_94:-moz-full-screen{border-radius:0;margin-bottom:0}._videoContainer_1uqqw_94:-ms-fullscreen{border-radius:0;margin-bottom:0}._videoElement_1uqqw_128{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;touch-action:none;display:block}._controls_1uqqw_139{display:flex;justify-content:center;gap:12px}._fullscreenButton_1uqqw_145{padding:10px 24px;font-size:14px;font-weight:600;color:#fff;background-color:#1976d2;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}._fullscreenButton_1uqqw_145:hover{background-color:#1565c0}._fullscreenButton_1uqqw_145:active{background-color:#0d47a1}._stopButton_1uqqw_165{padding:10px 24px;font-size:14px;font-weight:600;color:#fff;background-color:#d32f2f;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}._stopButton_1uqqw_165:hover{background-color:#b71c1c}._stopButton_1uqqw_165:active{background-color:#8b0000}._reconnectingState_1uqqw_186{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;position:relative}._reconnectingState_1uqqw_186 ._spinner_1uqqw_66{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}._reconnectingState_1uqqw_186 p{position:absolute;top:calc(50% + 50px);left:50%;transform:translate(-50%);z-index:10;color:#fff;background-color:#000000b3;padding:8px 16px;border-radius:4px;font-size:14px}._reconnectingState_1uqqw_186 ._videoContainer_1uqqw_94{width:100%;height:100%;opacity:.5}._errorState_1uqqw_223{text-align:center;padding:40px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;max-width:500px}._errorIcon_1uqqw_232{font-size:48px;margin-bottom:16px}._errorState_1uqqw_223 h3{margin-bottom:12px;color:#d32f2f}._errorMessage_1uqqw_242{margin-bottom:24px;color:#666;line-height:1.5}._retryButton_1uqqw_248{padding:10px 24px;font-size:14px;font-weight:600;color:#fff;background-color:#00b900;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}._retryButton_1uqqw_248:hover{background-color:#090}._retryButton_1uqqw_248:active{background-color:#070}@media (max-width: 768px){._streamContainer_1uqqw_10{padding:10px}._idleState_1uqqw_22,._errorState_1uqqw_223{padding:20px}._startButton_1uqqw_40,._stopButton_1uqqw_165,._retryButton_1uqqw_248{padding:10px 20px;font-size:14px}}._container_p0za0_4{display:flex;flex-direction:column;align-items:center;min-height:100vh;background:linear-gradient(135deg,#06c755,#00b900);padding:20px}._profileBox_p0za0_14,._loadingBox_p0za0_15,._errorBox_p0za0_16{background:#fff;border-radius:16px;padding:48px 40px;box-shadow:0 4px 24px #0000001f;max-width:480px;width:100%;text-align:center;animation:_fadeIn_p0za0_1 .3s ease-in}._title_p0za0_28{font-size:28px;font-weight:700;color:#333;margin-bottom:32px;letter-spacing:-.5px}._profileContent_p0za0_37{display:flex;flex-direction:column;align-items:center;margin-bottom:32px;padding:20px 0}._profileImage_p0za0_46{width:128px;height:128px;border-radius:50%;object-fit:cover;margin-bottom:24px;border:4px solid #06c755;box-shadow:0 4px 12px #06c75533;transition:transform .2s ease}._profileImage_p0za0_46:hover{transform:scale(1.05)}._profileInfo_p0za0_62{width:100%;padding:0 16px}._displayName_p0za0_68{font-size:22px;font-weight:700;color:#333;margin-bottom:12px;word-wrap:break-word;letter-spacing:-.3px}._statusMessage_p0za0_78{font-size:15px;color:#666;line-height:1.6;word-wrap:break-word;white-space:pre-wrap;padding:12px 16px;background-color:#f5f5f5;border-radius:8px;margin-top:8px}._logoutButton_p0za0_91{width:100%;padding:16px 24px;background-color:#f44336;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #f443364d;min-height:48px}._logoutButton_p0za0_91:hover{background-color:#d32f2f;box-shadow:0 4px 12px #f4433666;transform:translateY(-1px)}._logoutButton_p0za0_91:active{background-color:#c62828;box-shadow:0 1px 4px #f443364d;transform:translateY(0)}._logoutButton_p0za0_91:focus{outline:2px solid #f44336;outline-offset:2px}._loadingBox_p0za0_15 p{font-size:16px;color:#666;font-weight:500}._errorBox_p0za0_16{background:#fff3f3;border:2px solid #ffcdd2}._errorMessage_p0za0_137{font-size:15px;color:#d32f2f;margin-bottom:24px;font-weight:500;line-height:1.6}@keyframes _fadeIn_p0za0_1{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){._profileBox_p0za0_14,._loadingBox_p0za0_15,._errorBox_p0za0_16{padding:40px 32px;max-width:440px}._title_p0za0_28{font-size:24px}._profileImage_p0za0_46{width:112px;height:112px}._displayName_p0za0_68{font-size:20px}}@media (max-width: 480px){._container_p0za0_4{padding:16px}._profileBox_p0za0_14,._loadingBox_p0za0_15,._errorBox_p0za0_16{padding:32px 24px;border-radius:12px}._title_p0za0_28{font-size:22px;margin-bottom:28px}._profileContent_p0za0_37{margin-bottom:28px;padding:16px 0}._profileImage_p0za0_46{width:100px;height:100px;border-width:3px;margin-bottom:20px}._profileInfo_p0za0_62{padding:0 8px}._displayName_p0za0_68{font-size:18px;margin-bottom:10px}._statusMessage_p0za0_78{font-size:14px;padding:10px 12px}._logoutButton_p0za0_91{padding:14px 20px;font-size:15px}}@media (max-width: 360px){._profileBox_p0za0_14,._loadingBox_p0za0_15,._errorBox_p0za0_16{padding:24px 20px}._title_p0za0_28{font-size:20px}._profileImage_p0za0_46{width:90px;height:90px}._displayName_p0za0_68{font-size:17px}}@media (prefers-color-scheme: dark){._profileBox_p0za0_14,._loadingBox_p0za0_15{background:#1e1e1e}._title_p0za0_28,._displayName_p0za0_68{color:#fff}._statusMessage_p0za0_78{background-color:#2a2a2a;color:#ccc}._loadingBox_p0za0_15 p{color:#ccc}}._gameStreamSection_p0za0_275{width:100%;max-width:1200px;margin-top:32px;background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 24px #0000001f;animation:_fadeIn_p0za0_1 .3s ease-in}@media (max-width: 768px){._gameStreamSection_p0za0_275{margin-top:24px;padding:20px;border-radius:12px}}@media (max-width: 480px){._gameStreamSection_p0za0_275{margin-top:20px;padding:16px;border-radius:12px}}@media (prefers-color-scheme: dark){._gameStreamSection_p0za0_275{background:#1e1e1e}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic,YuGothic,Meiryo,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;line-height:1.6}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}:root{--line-green: #06c755;--line-green-hover: #00b900;--line-green-active: #009e00;--line-gray: #666;--line-light-gray: #f5f5f5;--line-border: #e0e0e0;--error-red: #f44336;--error-red-hover: #d32f2f;--error-red-active: #c62828;--text-primary: #333;--text-secondary: #666;--background-white: #ffffff;--shadow: rgba(0, 0, 0, .1)}