:root{--bg-0: #f6f8ff;--bg-1: #eef2ff;--bg-2: #e8edf9;--panel: rgba(255, 255, 255, .78);--panel-strong: rgba(255, 255, 255, .92);--line: rgba(124, 136, 172, .24);--line-strong: rgba(99, 117, 170, .36);--text-0: #111827;--text-1: #334155;--text-2: #64748b;--accent-1: #7c5cff;--accent-2: #4fc7ff;--accent-3: #37d6c5;--danger: #ff5e7e;--success: #24c98b;--shadow-lg: 0 22px 52px rgba(15, 23, 42, .14);--shadow-md: 0 10px 30px rgba(15, 23, 42, .1);--radius-lg: 16px;--radius-md: 12px;--radius-sm: 10px;--tr: .22s cubic-bezier(.22, 1, .36, 1)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:Noto Sans KR,Pretendard,Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;background:radial-gradient(65rem 35rem at 12% -10%,rgba(124,92,255,.14),transparent 64%),radial-gradient(42rem 26rem at 92% 6%,rgba(79,199,255,.12),transparent 70%),linear-gradient(155deg,var(--bg-0),var(--bg-1) 45%,var(--bg-2));color:#0f172a}h1,h2,h3,.header-title,.connect6-title,.login-title{font-family:Outfit,Noto Sans KR,sans-serif;letter-spacing:-.02em}button,input,select{font:inherit}button,input,select,.room-card,.modal-card,.profile-stat-item,.invite-panel,.game-room-members div,.friends-panel{transition:all var(--tr)}.app-main{animation:pageFade .26s ease-out}@keyframes pageFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.profile-card,.friends-panel,.invite-panel,.game-room-card,.room-card,.lobby-empty,.modal-card,.practice-mode-panel,.chat-box,.connect6-board-wrapper,.connect6-status,.profile-records li,.profile-history li{background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-md)}.app-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px;color:var(--text-2)}.spinner{width:38px;height:38px;border:3px solid rgba(154,172,224,.2);border-top-color:var(--accent-2);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:60px;position:sticky;top:0;z-index:100;background:#ffffffd1;border-bottom:1px solid rgba(148,163,184,.3);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 24px #0f172a14}.header-left,.header-right{display:flex;align-items:center}.header-left,.header-right{gap:10px}.header-logo{font-size:24px;filter:drop-shadow(0 1px 6px rgba(124,92,255,.28))}.header-title{font-size:20px;font-weight:700;background:linear-gradient(120deg,#1f2937,#5b63d6 52%,#5aa9d6);-webkit-background-clip:text;background-clip:text;color:transparent}.header-avatar{width:32px;height:32px;border-radius:50%;border:1px solid var(--line-strong)}.header-username{font-size:13px;color:#334155;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-profile-btn,.header-logout-btn,.secondary-btn,.primary-btn,.room-join-btn,.connect6-reset-btn,.practice-stop-btn,.modal-actions button,.invite-actions button,.invite-row button,.friends-search-row button,.friends-list button,.friend-requests-list button,.invite-friends-list button,.chat-input-row button,.replay-controls button,.replay-speed{padding:9px 14px;font-size:13px;color:#1f2937;border:1px solid rgba(148,163,184,.4);border-radius:10px;cursor:pointer;background:linear-gradient(180deg,#fffffff2,#f1f5f9eb)}.primary-btn,.lobby-create-btn,.login-btn-primary,.invite-row button,.profile-save-btn{border:none;background:linear-gradient(120deg,var(--accent-1),var(--accent-2));color:#f8fbff;font-weight:700;box-shadow:0 10px 20px #5a6cff3d}.lobby-ai-btn,.login-btn-guest{border:none;background:linear-gradient(120deg,#16a7b5,#4363ff);color:#f8fbff;font-weight:700}button:hover:not(:disabled){transform:translateY(-1px) scale(1.02);box-shadow:0 10px 22px #1e293b24}button:active:not(:disabled){transform:translateY(0) scale(.985)}button:disabled{opacity:.55;cursor:not-allowed}.app-main{flex:1;padding:32px 16px}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,520px);background:#fff}.login-hero{position:relative;overflow:hidden;padding:56px;display:flex;align-items:flex-end;background:radial-gradient(42rem 28rem at 8% 8%,rgba(255,255,255,.18),transparent 70%),radial-gradient(26rem 24rem at 88% 76%,rgba(255,255,255,.13),transparent 66%),linear-gradient(145deg,#4f46e5,#6d28d9 52%,#7c3aed)}.login-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(175deg,rgba(255,255,255,.08),transparent 40%,rgba(15,23,42,.12))}.login-hero-pattern{position:absolute;inset:28px;color:#fff3;font-size:clamp(24px,3vw,40px);line-height:2;letter-spacing:8px;word-break:break-word;-webkit-user-select:none;user-select:none}.login-hero-content{position:relative;z-index:1;max-width:520px;color:#eef2ff}.login-hero-badge{display:inline-block;font-size:11px;letter-spacing:.1em;font-weight:700;padding:7px 12px;border-radius:999px;background:#ffffff2e;border:1px solid rgba(255,255,255,.34);margin-bottom:18px}.login-hero-title{font-family:Outfit,Noto Sans KR,sans-serif;font-size:clamp(28px,3.5vw,46px);line-height:1.18;margin-bottom:12px;letter-spacing:-.02em;word-break:keep-all}.login-hero-subtitle{font-size:17px;color:#eef2ffe6}.login-panel{background:#fff;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{position:relative;width:100%;max-width:430px;border-radius:26px;padding:40px 34px 24px;text-align:center;background:#fff;border:1px solid #e2e8f0;box-shadow:0 24px 55px #0f172a1f;animation:loginEnter .48s cubic-bezier(.22,1,.36,1)}.login-close-btn{position:absolute;top:14px;right:14px;width:36px;height:36px;border:none;background:#f1f5f9;border-radius:50%;font-size:16px;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.login-close-btn:hover{background:#e2e8f0;color:#1e293b}@keyframes loginEnter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.login-logo{font-size:42px;margin-bottom:8px}.login-title{font-size:30px;margin-bottom:6px}.login-subtitle{font-size:14px;color:#64748b;margin-bottom:22px}.login-form{display:flex;flex-direction:column;gap:12px}.login-field{position:relative;display:block}.login-field-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:16px;opacity:.85;pointer-events:none}.login-input,.profile-input,.invite-row input,.modal-card input,.modal-card select,.friends-search-row input,.chat-input-row input{width:100%;padding:20px 14px 10px 44px;border-radius:13px;background:#fff;border:1px solid rgba(148,163,184,.38);color:#0f172a;outline:none}.login-floating-label{position:absolute;left:44px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:14px;pointer-events:none;transition:all var(--tr);background:#fff;padding:0 4px}.login-input:focus,.login-input:not(:placeholder-shown){border-color:#7c5cff;box-shadow:0 0 0 4px #7c5cff24}.login-input:focus+.login-floating-label,.login-input:not(:placeholder-shown)+.login-floating-label{top:0;transform:translateY(-50%);font-size:12px;color:#5b4ddd}.profile-input:focus,.invite-row input:focus,.modal-card input:focus,.modal-card select:focus,.friends-search-row input:focus,.chat-input-row input:focus{border-color:#76beff;box-shadow:0 0 0 4px #5093ff24,0 4px 14px #5f7aff24}.login-error,.room-message,.lobby-message{color:#e11d48;font-size:13px}.login-btn{width:100%;padding:13px 14px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700}.login-btn-primary{margin-top:4px;background:linear-gradient(120deg,#4f46e5,#7c3aed);box-shadow:0 10px 20px #6247ff47}.login-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 26px #6247ff57}.login-divider{display:flex;align-items:center;margin:18px 0 14px;color:#94a3b8;font-size:12px}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(148,163,184,.35),transparent)}.login-divider span{padding:0 10px}.login-btn-google{background:#fff;border:1px solid #d1d5db;color:#1f2937;box-shadow:0 4px 12px #0f172a0f}.login-btn-google svg{flex-shrink:0}.login-btn-guest{margin-top:10px;background:#fff;border:1px dashed #a5b4fc;color:#4f46e5;box-shadow:none}.login-toggle{margin-top:20px;font-size:14px;color:#64748b}.login-toggle-btn{background:none;border:none;color:#4f46e5;font-weight:800;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.login-legal-links{margin-top:14px;display:flex;align-items:center;justify-content:center;gap:8px;color:#94a3b8;font-size:12px}.login-legal-links button{background:none;border:none;color:#64748b;cursor:pointer;padding:0}.connect6-container,.replay-viewer{max-width:860px;margin:0 auto;text-align:center}.connect6-title{font-size:30px;margin-bottom:18px;color:#0f172a}.connect6-info{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}.connect6-status{padding:8px 14px;border-radius:10px;color:#334155}.connect6-winner{font-weight:700;color:#7c4a03;padding:9px 16px;border-radius:10px;border:1px solid rgba(217,119,6,.35);background:linear-gradient(130deg,#fef3c7f2,#fde68ab8);animation:glow 1.8s ease-in-out infinite alternate}@keyframes glow{0%{box-shadow:0 0 #f59e0b0d}to{box-shadow:0 0 16px #f59e0b33}}.connect6-board-wrapper{display:inline-block;padding:16px;border-radius:16px;border:1px solid rgba(180,132,74,.38);background:linear-gradient(165deg,#f5e7cceb,#e6ca9ae0);box-shadow:0 16px 30px #47556933,inset 0 1px #ffffff59}.connect6-controls{margin-top:16px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.connect6-move-count{font-size:13px;color:var(--text-2)}.stone-new{animation:stoneDrop .24s ease-out}@keyframes stoneDrop{0%{transform:scale(.6);opacity:.2}to{transform:scale(1);opacity:1}}.connect6-rematch-btn{padding:10px 18px;border-radius:10px;border:1px solid rgba(43,214,155,.6);background:linear-gradient(120deg,#1a9f80,#2bcf9c);color:#e8fffb;font-weight:700}.connect6-error{border-color:#ff5f82a6;color:#be123c}.lobby-page{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:18px}.lobby-hero-banner{border-radius:20px;padding:24px;border:1px solid rgba(125,149,213,.34);background:radial-gradient(50rem 22rem at -8% 0%,rgba(83,108,255,.35),transparent 58%),radial-gradient(34rem 20rem at 104% 18%,rgba(28,182,166,.25),transparent 55%),linear-gradient(140deg,#13182eeb,#162344f0);box-shadow:0 20px 40px #050a1c57;color:#f8fbff;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);gap:16px}.lobby-hero-copy h2{font-size:clamp(25px,2.6vw,34px);margin-bottom:8px}.lobby-hero-copy p{color:#ecf6ffd9}.lobby-hero-eyebrow{display:inline-flex;margin-bottom:10px;font-size:12px;letter-spacing:.09em;padding:5px 10px;border-radius:999px;background:#859aff42;border:1px solid rgba(170,188,255,.45)}.lobby-hero-actions{margin-top:14px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.lobby-create-btn,.lobby-ai-btn{padding:10px 16px;border-radius:10px;cursor:pointer}.lobby-hero-art{display:flex;flex-direction:column;justify-content:center;gap:10px}.lobby-hero-chip{border-radius:999px;padding:9px 12px;background:#ecf6ff1f;border:1px solid rgba(206,223,255,.32);font-weight:700}.lobby-games-section,.lobby-room-section{border-radius:16px;border:1px solid var(--line);background:var(--panel);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-md);padding:16px}.lobby-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:12px}.lobby-section-head h3{font-size:20px}.lobby-section-head span{font-size:13px;color:var(--text-2)}.lobby-game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.lobby-game-card{border-radius:14px;padding:14px;color:#f8fbff;position:relative;overflow:hidden;min-height:176px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(199,215,255,.22);box-shadow:0 10px 18px #0c163442;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s cubic-bezier(.22,1,.36,1)}.lobby-game-card:hover{transform:translateY(-5px) scale(1.015);box-shadow:0 16px 24px #0c16345c}.lobby-game-card-top{display:flex;gap:10px;align-items:flex-start}.lobby-game-icon{font-size:28px;line-height:1}.lobby-game-card h4{font-size:18px;line-height:1.2}.lobby-game-card h4 small{display:block;font-size:12px;font-weight:500;opacity:.84}.lobby-game-card p{font-size:13px;margin-top:6px;opacity:.95}.lobby-game-meta{font-size:12px;opacity:.86;margin-top:10px}.lobby-game-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.lobby-game-actions button{border:none;border-radius:10px;padding:8px 10px;color:#0f172a;font-weight:700;background:#ffffffeb}.lobby-online-btn{background:linear-gradient(120deg,#7ee8ff,#97b7ff)!important}.lobby-game-gradient-connect6{background:linear-gradient(145deg,#2d3568,#101a3d 65%,#1d5ca1)}.lobby-game-gradient-quoridor{background:linear-gradient(145deg,#5a2f21,#2a1a17 70%,#8e552b)}.lobby-game-gradient-rummikub{background:linear-gradient(145deg,#4b2f64,#211933 70%,#2e6ca3)}.lobby-game-card-coming-soon{background:linear-gradient(145deg,#42506ea8,#1e2736bd);filter:grayscale(.25)}.lobby-game-card-coming-soon .lobby-game-actions{display:none}.lobby-coming-badge{position:absolute;top:10px;right:10px;font-size:11px;font-weight:700;border-radius:999px;background:#fff3;border:1px solid rgba(255,255,255,.42);padding:4px 8px}.lobby-room-collapse-btn{width:100%;border:none;border-radius:10px;padding:11px 12px;display:flex;justify-content:space-between;align-items:center;font-weight:700;color:#ebf1ff;background:linear-gradient(120deg,#313f75,#1a2755)}.lobby-room-content{margin-top:12px}.lobby-empty{border-radius:14px;padding:28px;color:var(--text-2);text-align:center}.lobby-empty:before{content:"🛰️";display:block;font-size:28px;margin-bottom:8px}.room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.room-card{border-radius:14px;padding:16px;position:relative;overflow:hidden}.room-card:before{content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;background:linear-gradient(140deg,#7c5cff73,#51cdff38,#70ffd647);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.room-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px #0f172a24}.room-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:10px}.room-card-header h3{font-size:16px}.room-card-header span,.room-host,.room-guest{color:var(--text-2);font-size:13px}.invite-panel{margin-bottom:16px;padding:16px;border-radius:14px}.invite-panel ul{list-style:none;display:flex;flex-direction:column;gap:8px}.invite-panel li,.invite-search-results li,.friends-search-results li,.friends-list li,.friend-requests-list li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px;border-radius:10px;border:1px solid rgba(148,163,184,.3);background:#ffffffb8}.lobby-modal-list-actions{flex-direction:column;align-items:stretch}.game-room-page{display:flex;justify-content:center}.game-room-card{width:100%;max-width:620px;border-radius:16px;padding:20px}.game-room-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:8px}.game-room-members{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.game-room-members div{border-radius:12px;padding:12px;background:var(--panel-strong);border:1px solid var(--line)}.game-room-members strong{color:#4f46e5;font-size:12px}.game-room-members p{margin-top:6px;font-size:16px;color:#0f172a}.game-room-invite{margin-bottom:16px}.invite-friends-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.invite-row{display:flex;gap:8px}.invite-search-results{list-style:none;margin-top:10px;display:flex;flex-direction:column;gap:8px}.game-room-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.game-page-actions{max-width:860px;margin:0 auto 12px}.practice-mode-panel{margin-bottom:16px;padding:14px;border-radius:14px}.practice-mode-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.practice-mode-header p{color:#475569;font-size:14px}.chat-box{margin-top:16px;border-radius:14px;padding:12px}.chat-title{margin-bottom:8px}.chat-messages{max-height:260px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:8px;background:#f8fafcf2;border:1px solid rgba(148,163,184,.25);border-radius:10px}.chat-message-row{display:flex}.chat-message-row.mine{justify-content:flex-end}.chat-bubble{max-width:75%;border-radius:12px;padding:8px 10px}.chat-bubble.mine{background:linear-gradient(130deg,#4f46e5,#2563eb);color:#f8fbff}.chat-bubble.other{background:#e2e8f0e0}.chat-meta{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#475569;margin-bottom:4px}.chat-bubble p{margin:0;font-size:13px}.chat-input-row{margin-top:10px;display:grid;grid-template-columns:1fr auto;gap:8px}.profile-page{display:grid;grid-template-columns:minmax(320px,560px) minmax(280px,420px);justify-content:center;gap:16px}.profile-loading{text-align:center;color:var(--text-2)}.profile-card{width:100%;border-radius:16px;padding:24px}.profile-header{display:flex;align-items:center;gap:14px;margin-bottom:20px}.profile-avatar{width:58px;height:58px;border-radius:50%;border:1px solid var(--line-strong)}.profile-title{font-size:24px;margin-bottom:4px}.profile-email{color:var(--text-2);font-size:14px}.profile-field{margin-bottom:20px}.profile-field label{display:block;font-size:14px;color:#334155;margin-bottom:8px}.profile-edit-row{display:flex;gap:10px}.profile-save-btn{padding:10px 14px;border-radius:10px;cursor:pointer}.profile-hint{margin-top:8px;font-size:12px;color:var(--text-2)}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.profile-stat-item{border-radius:12px;padding:12px;text-align:center;position:relative;overflow:hidden}.profile-stat-item:before{content:"◆";position:absolute;top:10px;right:10px;font-size:10px;color:#4f46e54d}.profile-stat-item span{display:block;font-size:12px;color:var(--text-2);margin-bottom:6px}.profile-stat-item strong{font-size:22px;color:#0f172a}.profile-message{margin-top:16px;font-size:13px;color:#4f46e5}.profile-records,.profile-history{margin-top:18px}.profile-records h3,.profile-history h3{margin-bottom:10px;color:#0f172a}.profile-records ul,.profile-history ul{list-style:none;display:flex;flex-direction:column;gap:8px}.profile-records li,.profile-history li{padding:11px;border-radius:12px}.profile-records li{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center}.profile-records li span{color:#4f46e5}.profile-records li strong{color:#0f172a}.profile-records li em{color:#64748b;font-style:normal;font-size:13px}.profile-history-btn{width:100%;border:none;background:transparent;color:inherit;display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;cursor:pointer}.profile-history-btn span:first-child{color:#4f46e5}.profile-history-btn em{font-size:12px;color:var(--text-2);font-style:normal}.profile-empty,.friends-empty{color:var(--text-2);font-size:14px;margin-top:8px}.friends-panel{border-radius:16px;padding:20px}.friends-search-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin:8px 0}.friends-search-results,.friends-list,.friend-requests-list{list-style:none;display:flex;flex-direction:column;gap:8px;margin-top:10px}.friend-requests-list li div{display:flex;gap:6px}.friends-list-wrap,.friend-requests-wrap{margin-top:16px}.modal-overlay{position:fixed;inset:0;background:#0f172a4d;display:flex;align-items:center;justify-content:center;z-index:200;padding:16px}.modal-card{width:100%;max-width:430px;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:10px;animation:modalIn .23s cubic-bezier(.2,.8,.2,1)}@keyframes modalIn{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.replay-title{font-size:24px;margin-bottom:6px}.replay-subtitle{color:var(--text-2);margin-bottom:14px}.replay-controls{margin-top:14px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px}.replay-number-toggle{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#334155}.replay-move-number{font-size:9px;font-weight:700;pointer-events:none}.legal-page{max-width:980px;margin:0 auto}.legal-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-md);padding:28px;line-height:1.7;color:#334155}.legal-card h1{font-size:30px;margin-bottom:8px;color:#0f172a}.legal-updated{color:var(--text-2);font-size:13px;margin-bottom:16px}.legal-card h2{margin-top:20px;margin-bottom:8px;color:#1f2937;font-size:20px}.legal-card p,.legal-card li{font-size:15px}.legal-card ul{margin-left:20px;display:flex;flex-direction:column;gap:4px}.legal-actions{margin-top:24px;display:flex;justify-content:flex-end}.quoridor-container{max-width:980px;margin:0 auto;text-align:center}.quoridor-title{font-size:30px;margin-bottom:16px}.quoridor-info-panel{border-radius:14px;border:1px solid rgba(84,33,23,.32);background:linear-gradient(170deg,#fff8eeeb,#f0e1d1d1);box-shadow:0 14px 28px #34100a33;padding:14px;margin-bottom:14px}.quoridor-info-panel-row{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.quoridor-status{padding:8px 12px;border-radius:10px;border:1px solid rgba(97,38,25,.28);background:#fff8ede6;color:#4a2417}.quoridor-turn-pill{padding:9px 14px;border-radius:999px;font-weight:700;border:1px solid rgba(84,28,28,.3)}.quoridor-turn-pill.p1-turn{background:#c4943a33;color:#6b3f11}.quoridor-turn-pill.p2-turn{background:#3d1f0b33;color:#2b1408}.quoridor-players-row{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:10px}.quoridor-player-card{border-radius:12px;border:1px solid rgba(93,26,26,.25);background:#fff7ecdb;padding:10px;display:flex;flex-direction:column;gap:8px}.quoridor-player-card.active{box-shadow:0 0 0 2px #8b25003d}.quoridor-wall-meter{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}.quoridor-wall-meter-block{height:8px;border-radius:999px;background:#502b1638}.quoridor-wall-meter-block.filled.p1,.quoridor-wall-meter-block.filled.p2{background:linear-gradient(120deg,#d4860b,#e8a317)}.quoridor-winner{margin:10px auto 14px;display:inline-block;padding:10px 16px;border-radius:10px;border:1px solid rgba(139,37,0,.48);background:linear-gradient(120deg,#f8d385f2,#e8a317e0);color:#4f230e}.quoridor-board-shell{display:flex;flex-direction:column;align-items:center;gap:10px}.quoridor-board-frame{position:relative;width:min(92vw,600px)}.quoridor-board-svg{width:100%;height:auto;display:block;touch-action:none;filter:drop-shadow(0 20px 34px rgba(36,12,10,.35))}.quoridor-frame-wood{fill:url(#q-frame);stroke:#ffd6a440;stroke-width:1}.quoridor-groove-base{fill:#4c1c16}.quoridor-cell{fill:url(#q-cell);stroke:#ffffff14;stroke-width:1;transition:filter .18s ease,opacity .18s ease}.quoridor-cell.valid{filter:brightness(1.22)}.quoridor-cell:hover{filter:brightness(1.12)}.quoridor-wall{fill:url(#q-wall);filter:drop-shadow(0 2px 1px rgba(44,24,11,.55))}.quoridor-wall-preview{fill:#e8a317;opacity:.62;pointer-events:none}.quoridor-wall-preview.invalid{fill:#a32e2e}.quoridor-pawn{cursor:default;filter:drop-shadow(0 2px 2px rgba(20,10,8,.45))}.quoridor-pawn-head,.quoridor-pawn-body,.quoridor-pawn-base{stroke-width:1.5}.quoridor-pawn-p1 .quoridor-pawn-head,.quoridor-pawn-p1 .quoridor-pawn-body,.quoridor-pawn-p1 .quoridor-pawn-base{fill:#c4943a;stroke:#e6c886}.quoridor-pawn-p2 .quoridor-pawn-head,.quoridor-pawn-p2 .quoridor-pawn-body,.quoridor-pawn-p2 .quoridor-pawn-base{fill:#3d1f0b;stroke:#674126}.quoridor-wall-rack{width:min(92vw,600px);padding:8px 10px;border-radius:12px;background:linear-gradient(180deg,#6b2419,#4e1a15);box-shadow:inset 0 1px #ffdcb43d}.quoridor-wall-rack-label{font-size:12px;color:#f0d7b0;margin-bottom:8px;text-align:left}.quoridor-wall-rack-slots{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px}.quoridor-rack-slot{height:18px;border-radius:3px;border:1px solid rgba(0,0,0,.25);touch-action:none}.quoridor-rack-slot.filled{background:linear-gradient(120deg,#d4860b,#e8a317);box-shadow:inset 0 1px #ffdf9ecc,0 1px 2px #00000059;cursor:grab}.quoridor-rack-slot.empty{background:linear-gradient(180deg,#190a08b3,#260c0acc)}.quoridor-rack-slot:disabled{opacity:1;cursor:default}.quoridor-drag-wall{position:fixed;width:106px;height:14px;border-radius:4px;transform:translate(-50%,-50%);pointer-events:none;z-index:50;background:linear-gradient(120deg,#d4860b,#e8a317);box-shadow:inset 0 1px #ffdf9ecc,0 4px 9px #160a0880}.quoridor-drag-wall.invalid{background:linear-gradient(120deg,#8d3030,#b74848)}.quoridor-message{margin-top:12px;color:#8d1f1f}.quoridor-controls{margin-top:14px}.game-shell{min-height:calc(100dvh - 100px);width:min(1100px,100%);margin:0 auto;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;border-radius:18px;border:1px solid var(--line);background:var(--panel-strong);box-shadow:var(--shadow-md);overflow:hidden}.game-shell-header{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--line);background:#ffffffd6}.game-shell-title-wrap{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.game-shell-title{font-size:22px}.game-shell-subtitle,.game-shell-mode{font-size:12px;color:var(--text-2)}.game-shell-leave-btn,.game-shell-action{min-height:44px;padding:10px 14px;border-radius:10px;border:1px solid rgba(148,163,184,.4);cursor:pointer}.game-shell-player-bar{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line);background:#f8faffd6}.game-shell-player-bar.active{background:#6e7eff1f}.game-shell-board-zone{min-height:0;display:flex;flex-direction:column;gap:10px;padding:10px;overflow:hidden;overscroll-behavior:contain}.game-shell-status-row{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--text-1)}.game-shell-turn,.game-shell-winner,.game-shell-message{font-size:13px}.game-shell-timer{position:relative;width:min(680px,96%);height:10px;border-radius:999px;background:#14141426;overflow:hidden}.game-shell-timer-bar{height:100%;border-radius:inherit;background:linear-gradient(120deg,#22c55e,#f59e0b,#ef4444)}.game-shell-timer-text{position:absolute;right:8px;top:-18px;font-size:12px;color:var(--text-2)}.game-shell-extra-controls{display:flex;justify-content:center}.game-shell-board-content{flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.game-shell-board-content>.rummikub-board-wrap{align-self:stretch}.game-shell-message{color:#7f1d1d}.game-shell-actions{position:sticky;bottom:0;z-index:5;display:flex;gap:8px;flex-wrap:wrap;padding:10px;border-top:1px solid var(--line);background:#fffffff0}.game-shell-action-primary{border:none;color:#f8fbff;font-weight:700;background:linear-gradient(120deg,var(--accent-1),var(--accent-2))}.game-shell-action-danger{border:none;color:#fff;background:linear-gradient(120deg,#ef4444,#f97316)}.game-shell-action-secondary,.game-shell-leave-btn{background:linear-gradient(180deg,#fffffff2,#f1f5f9eb)}.connect6-shell-board-wrap{width:min(92dvw,72dvh,624px);max-width:100%;max-height:min(72dvh,92dvw);aspect-ratio:1 / 1;overflow:hidden;touch-action:manipulation}.connect6-shell-board-wrap>svg{width:100%;height:100%}.quoridor-board-frame{width:min(88dvw,68dvh,600px)}.rummikub-rack{-webkit-overflow-scrolling:touch}.rummikub-tile{min-width:clamp(30px,4.8vw,44px);min-height:clamp(46px,7vw,64px)}.victory-overlay{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:16px;background:#0a122280;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.victory-modal{position:relative;z-index:2;width:min(92vw,460px);border-radius:18px;border:1px solid rgba(255,255,255,.28);background:linear-gradient(160deg,#ffffffe6,#f2f7ffd1);box-shadow:0 22px 48px #0f172a47;padding:24px 20px;text-align:center;animation:victoryScaleIn .28s cubic-bezier(.22,1,.36,1)}.victory-burst{font-size:26px;letter-spacing:2px;margin-bottom:10px}.victory-title{font-size:clamp(30px,5vw,42px);color:#1f2937;line-height:1.2}.victory-subtitle{margin-top:10px;color:#475569;font-size:14px}.victory-confirm-btn{margin-top:16px;min-width:120px;padding:10px 16px;border:none;border-radius:12px;background:linear-gradient(120deg,var(--accent-1),var(--accent-2));color:#f8fbff;font-weight:700;cursor:pointer}.victory-confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none}.victory-confetti-piece{position:absolute;top:-12%;width:10px;height:16px;opacity:0;border-radius:2px;transform:translateZ(0) rotate(0);animation-name:confettiFall;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:forwards}.victory-confetti-piece.type-1{background:#ff4d6d}.victory-confetti-piece.type-2{width:8px;height:8px;border-radius:999px;background:#0ea5e9}.victory-confetti-piece.type-3{background:#22c55e}.victory-confetti-piece.type-4{width:12px;background:#f59e0b}@keyframes victoryScaleIn{0%{opacity:0;transform:scale(.84) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes confettiFall{0%{opacity:0;transform:translate3d(0,-6vh,0) rotate(0)}10%{opacity:1}to{opacity:.96;transform:translate3d(var(--drift),112vh,0) rotate(var(--rotate))}}.app-footer{border-top:1px solid rgba(148,163,184,.25);background:#ffffffb3;padding:12px 16px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--text-2);font-size:13px}.app-footer-links{display:flex;align-items:center;gap:8px}.app-footer-links button{background:none;border:none;color:#4f46e5;cursor:pointer}.room-loading{color:var(--text-2);text-align:center}.danger-btn{background:linear-gradient(135deg,#df4365,#f46f55)!important;color:#fff!important;border:none!important}.danger-btn:hover{filter:brightness(1.04)}@media(max-width:980px){.login-page{grid-template-columns:1fr}.login-hero{display:none}.login-panel{min-height:100vh}}@media(max-width:768px){.game-shell{min-height:calc(100dvh - 72px);border-radius:0;border-left:none;border-right:none}.game-shell-board-zone{padding:8px}.connect6-shell-board-wrap{width:min(96dvw,64dvh,624px);max-height:min(64dvh,96dvw)}.rummikub-tile{width:clamp(30px,8.4vw,40px);height:clamp(46px,12vw,58px);font-size:clamp(16px,4.2vw,20px)}}@media(max-width:480px){.game-shell-title{font-size:18px}.game-shell-header,.game-shell-player-bar,.game-shell-actions{padding-left:8px;padding-right:8px}.game-shell-action,.game-shell-leave-btn{flex:1}.rummikub-tile{width:clamp(28px,8.8vw,36px);height:clamp(42px,12.8vw,54px);font-size:clamp(15px,4.4vw,18px)}}@media(max-width:640px){.app-header{padding:0 12px;height:52px}.header-title{font-size:16px}.header-username{display:none}.login-page{grid-template-columns:1fr;background:#fff}.login-hero{display:none}.login-panel{min-height:100vh;padding:14px}.login-card{border-radius:18px;padding:30px 18px 20px;box-shadow:0 14px 28px #0f172a1a}.connect6-title{font-size:24px}.profile-page{grid-template-columns:1fr}.profile-card{padding:18px}.profile-edit-row{flex-direction:column}.profile-stats,.profile-records li{grid-template-columns:1fr}.app-main{padding:16px 8px}.lobby-hero-banner{grid-template-columns:1fr;padding:18px}.lobby-hero-art{flex-direction:row;flex-wrap:wrap}.lobby-hero-actions{flex-direction:column;align-items:stretch}.lobby-create-btn,.lobby-ai-btn{flex:1}.lobby-game-grid{grid-template-columns:1fr}.practice-mode-header{flex-direction:column;align-items:stretch}.game-room-members,.game-room-actions{grid-template-columns:1fr}.legal-card{padding:18px}.legal-card h1{font-size:24px}.quoridor-players-row{grid-template-columns:1fr}.quoridor-board-frame,.quoridor-wall-rack{width:min(94vw,560px)}.quoridor-wall-rack-slots{gap:4px}.quoridor-rack-slot{height:16px}.app-footer{flex-direction:column;gap:4px}}.rummikub-container{max-width:1080px;margin:0 auto;text-align:center}.rummikub-title{font-size:30px;margin-bottom:12px}.rummikub-topbar{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:10px}.rummikub-status{padding:8px 12px;border-radius:10px;border:1px solid rgba(120,90,40,.35);background:#fff9edeb;color:#5b3711}.rummikub-timer{width:min(760px,92%);margin:0 auto;height:10px;border-radius:999px;background:#1414141f;overflow:hidden}.rummikub-timer-bar{height:100%;border-radius:inherit;background:linear-gradient(120deg,#22c55e,#f59e0b,#ef4444);transition:width .28s linear}.rummikub-timer-label{margin:6px 0 12px;color:#475569;font-size:13px}.rummikub-board-wrap{width:100%;height:100%;min-height:0;border-radius:16px;padding:clamp(8px,1.5vw,12px);border:1px solid rgba(90,54,22,.35);background:linear-gradient(155deg,#f2dfc5,#e8cda7);box-shadow:0 14px 28px #3d280f40;overflow:hidden;display:flex;flex-direction:column;gap:8px}.rummikub-opponent-strip{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;border-radius:10px;border:1px solid rgba(57,39,20,.28);background:#fff9eec7;color:#3d2a13;font-size:13px;flex-shrink:0}.rummikub-table-area,.rummikub-rack-area{text-align:left}.rummikub-table-area{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.rummikub-rack-area{flex-shrink:0}.rummikub-table-area h3,.rummikub-rack-area h3{margin-bottom:6px;color:#3d2a13}.rummikub-sort-controls{margin-bottom:8px;display:flex;gap:6px;flex-wrap:wrap}.rummikub-sort-btn{padding:4px 8px;border-radius:999px;border:1px solid rgba(82,53,22,.35);background:#fff9;color:#4b2c10;font-size:12px;line-height:1.2}.rummikub-sort-btn.active{border-color:#2563ebb8;background:#2563eb29;color:#1d4ed8;font-weight:700}.rummikub-meld-list{display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px;margin-bottom:6px;padding-right:2px}.rummikub-meld{width:fit-content;max-width:100%;min-height:64px;border-radius:10px;border:2px solid rgba(56,36,18,.25);background:#ffffff8f;padding:8px 10px;display:flex;align-items:center;gap:6px;flex-wrap:nowrap;cursor:pointer;box-shadow:0 2px 6px #00000014;overflow-x:auto}.rummikub-meld.new{justify-content:center;color:#6b4b20;font-weight:700}.rummikub-rack-area{min-height:0}.rummikub-rack{height:clamp(78px,12vw,92px);border-radius:12px;border:1px solid rgba(39,24,12,.35);background:linear-gradient(180deg,#5f391b,#452713);box-shadow:inset 0 2px #ffe0bc3b;padding:clamp(6px,1.2vw,10px);display:flex;gap:clamp(4px,1vw,8px);overflow-x:auto;overflow-y:hidden;align-items:center;flex-wrap:nowrap}.rummikub-tile{width:clamp(30px,4.8vw,44px);height:clamp(46px,7vw,64px);border-radius:clamp(7px,1.2vw,10px);border:1px solid rgba(15,23,42,.22);background:linear-gradient(175deg,#fff,#f8fafc);display:inline-flex;justify-content:center;align-items:center;font-weight:900;font-size:clamp(22px,4vw,32px);-webkit-text-stroke:.8px currentColor;box-shadow:0 4px 8px #0f172a26;cursor:pointer;-webkit-user-select:none;user-select:none;flex:0 0 auto}.rummikub-tile.red{color:#ef0000;text-shadow:0 1px 2px rgba(239,0,0,.3)}.rummikub-tile.blue{color:#06f;text-shadow:0 1px 2px rgba(0,102,255,.3)}.rummikub-tile.yellow{color:#e69500;text-shadow:0 1px 2px rgba(230,149,0,.3)}.rummikub-tile.black{color:#0a0a0a;text-shadow:0 1px 2px rgba(0,0,0,.2)}.rummikub-tile.joker{color:#ef4444;font-size:22px}.rummikub-meld,.rummikub-tile{appearance:none;-webkit-appearance:none;font:inherit}.rummikub-meld:hover:not(:disabled){transform:none;box-shadow:none;border-color:#3824128c;background:#ffffff80}.rummikub-meld.move-target{border-style:solid;border-color:#2563eb73}.rummikub-tile:hover:not(:disabled){box-shadow:0 6px 10px #0f172a33}.rummikub-tile.selected,.rummikub-tile.selected:hover{transform:translateY(-6px);border-color:#2563ebcc;box-shadow:0 10px 14px #1e40af47}.rummikub-help{margin-top:8px;color:#475569;font-size:13px}.rummikub-controls{margin-top:12px;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.rummikub-message{margin-top:10px;color:#7f1d1d}