@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css');

/* tc-scoped:tc-wp-tool-root */

.tc-wp-tool-root{
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  display: flow-root;
  isolation: isolate;
  position: relative;
}.wpc-scope-122 .tc-wp-tool-root img, .wpc-scope-122 .tc-wp-tool-root video, .wpc-scope-122 .tc-wp-tool-root svg, .wpc-scope-122 .tc-wp-tool-root iframe{
  max-width: 100%;
  height: auto;
}.wpc-scope-122 .tc-wp-tool-root .game-body *, .wpc-scope-122 .tc-wp-tool-root .game-body *::before, .wpc-scope-122 .tc-wp-tool-root .game-body *::after{
          box-sizing: border-box;
        }.wpc-scope-122 .tc-wp-tool-root .game-body{
          
          --bg-start: #1a1a2e;
          --bg-end: #16213e;
          --card-bg: #0f3460;
          --card-border: #e94560;
          --card-border-width: 4px;
          --text: #eaeaea;
          --text-muted: #a0a0a0;
          --accent: #00d9ff;
          --accent-dim: #00d9ff;
          --player: #00ff88;
          --player-fill: #00ff88;
          --opponent: #ff4757;
          --opponent-fill: #ff4757;
          --correct: #00ff88;
          --wrong: #ff4757;
          --timer-height: 20px;
          --radius: 8px;
          --radius-sm: 6px;
          --shadow: none;
          --shadow-2d: 4px 4px 0 rgba(0, 0, 0, 0.4);
          --tap-min: 48px;
          margin: 0;
          position: relative;
          min-height: 100vh;
          min-height: 100dvh;
          font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
          background: var(--bg-start);
          background-image: linear-gradient(180deg, var(--bg-start) 0%, var(--bg-end) 100%);
          color: var(--text);
          overflow-x: hidden;
          -webkit-tap-highlight-color: transparent;
        }.wpc-scope-122 .tc-wp-tool-root .game-body .game-wrapper{
          position: relative;
          min-height: 100vh;
          min-height: 100dvh;
          display: flex;
          flex-direction: column;
          padding: 0.5rem;
          padding-bottom: max(0.5rem, env(safe-area-inset-bottom));
        }.wpc-scope-122 .tc-wp-tool-root .game-body .hidden{
          display: none !important;
        }.wpc-scope-122 .tc-wp-tool-root .game-body .screen{
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          min-height: 100%;
          z-index: 90;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          padding: 1rem;
          padding-bottom: max(1rem, env(safe-area-inset-bottom));
        }.wpc-scope-122 .tc-wp-tool-root .game-body .splash-screen{
          background: var(--card-bg);
          background-image: linear-gradient(180deg, var(--bg-start) 0%, var(--bg-end) 100%);
        }.wpc-scope-122 .tc-wp-tool-root .game-body .splash-bg{
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          min-height: 100%;
          overflow: hidden;
          pointer-events: none;
        }.wpc-scope-122 .tc-wp-tool-root .game-body .splash-bg-title{
          position: absolute;
          top: 8%;
          left: 50%;
          transform: translateX(-50%);
          font-size: clamp(1.5rem, 6vw, 2.5rem);
          font-weight: 900;
          color: rgba(0, 217, 255, 0.2);
          letter-spacing: 0.08em;
          white-space: nowrap;
          filter: none;
          text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.5);
        }.wpc-scope-122 .tc-wp-tool-root .game-body .splash-card{
          position: relative;
          z-index: 1;
          width: 100%;
          max-width: 340px;
          padding: 1.5rem;
          background: var(--card-bg);
          border: var(--card-border-width) solid var(--card-border);
          border-radius: var(--radius);
          text-align: center;
          animation: popIn 0.5s ease;
          box-shadow: var(--shadow-2d);
        }.wpc-scope-122 .tc-wp-tool-root .game-body .splash-thumb{
          width: 100%;
          border-radius: var(--radius);
          display: block;
          margin-bottom: 1rem;
          border: 3px solid var(--card-border);
        }.wpc-scope-122 .tc-wp-tool-root .game-body .splash-title{
          margin: 0 0 1rem 0;
          font-size: 1.5rem;
          font-weight: 800;
          color: var(--text);
          letter-spacing: 0.02em;
        }.wpc-scope-122 .tc-wp-tool-root .game-body .play-button{
          min-height: var(--tap-min);
          padding: 0.85rem 2rem !important;
          font-size: 1.1rem;
          font-weight: 800;
          border: var(--card-border-width) solid var(--card-border);
          border-radius: var(--radius);
          background: var(--card-border);
          color: #fff;
          cursor: pointer;
          box-shadow: var(--shadow-2d);
          transition: transform 0.15s ease, box-shadow 0.15s ease;
          -webkit-tap-highlight-color: transparent;
        }.wpc-scope-122 .tc-wp-tool-root .game-body .play-button:hover{
          transform: translate(2px, 2px);
          box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.4);
        }.wpc-scope-122 .tc-wp-tool-root .game-body .nickname-bg{
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          min-height: 100%;
          background: var(--card-bg);
          background-image: linear-gradient(180deg, var(--bg-start) 0%, var(--bg-end) 100%);
          pointer-events: none;
        }.wpc-scope-122 .tc-wp-tool-root .game-body .screen-title{
          position: relative;
          z-index: 1;
          margin: 0 0 1.5rem 0;
          font-size: clamp(1rem, 4vw, 1.4rem);
          font-weight: 900;
          letter-spacing: 0.06em;
          color: var(--accent);
          text-shadow: 3px 3px 0 rgba(0, 0, 0, 0.5);
        }.wpc-scope-122 .tc-wp-tool-root .game-body .nickname-card{
          position: relative;
          z-index: 1;
          width: 100%;
          max-width: 320px;
          padding: 1.5rem !important;
          background: var(--card-bg);
          border: var(--card-border-width) solid var(--card-border);
          border-radius: var(--radius);
          box-shadow: var(--shadow-2d);
          display: flex;
          flex-direction: column;
          gap: 1rem;
        }.wpc-scope-122 .tc-wp-tool-root .game-body .nickname-label{
          font-size: 0.95rem;
          font-weight: 700;
          color: var(--text);
        }.wpc-scope-122 .tc-wp-tool-root .game-body .nickname-input{
          width: 100%;
          min-height: var(--tap-min);
          padding: 0.75rem 1rem;
          font-size: 1rem;
          border: 3px solid var(--card-border);
          border-radius: var(--radius-sm);
          color: var(--text);
          background: #fff;
          outline: none;
          transition: border-color 0.2s, box-shadow 0.2s;
        }.wpc-scope-122 .tc-wp-tool-root .game-body .nickname-input:focus{
          border-color: var(--accent);
          box-shadow: 0 0 0 2px var(--accent);
        }.wpc-scope-122 .tc-wp-tool-root .game-body .go-button{
          width: 100%;
          min-height: var(--tap-min);
          padding: 0.75rem 1.5rem;
          font-size: 1rem;
          font-weight: 700;
          border: var(--card-border-width) solid var(--card-border);
          border-radius: var(--radius-sm);
          background: var(--accent);
          color: var(--text);
          cursor: pointer;
          box-shadow: var(--shadow-2d);
          transition: transform 0.15s ease, box-shadow 0.15s ease;
          -webkit-tap-highlight-color: transparent;
        }.wpc-scope-122 .tc-wp-tool-root .game-body .go-button:hover{
          transform: translate(2px, 2px);
          box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.4);
        }.wpc-scope-122 .tc-wp-tool-root .game-body .round-intro-bg{
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          min-height: 100%;
          background: #0f3460;
          background-image: linear-gradient(180deg, var(--bg-start) 0%, var(--bg-end) 100%);
          pointer-events: none;
        }.wpc-scope-122 .tc-wp-tool-root .game-body .round-intro-title{
          position: relative;
          z-index: 1;
          margin: 0 0 1.25rem 0;
          font-size: clamp(1.5rem, 5vw, 2rem);
          font-weight: 900;
          color: var(--text);
          letter-spacing: 0.05em;
        }.wpc-scope-122 .tc-wp-tool-root .game-body .round-search-wrap{
          position: relative;
          z-index: 1;
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: 1rem;
          padding: 2rem;
          min-height: 180px;
          justify-content: center;
        }.wpc-scope-122 .tc-wp-tool-root .game-body .round-search-spinner{
          width: 48px;
          height: 48px;
          border: 4px solid rgba(255, 255, 255, 0.3);
          border-top-color: var(--accent);
          border-radius: 50%;
          animation: spin 0.8s linear infinite;
        }.wpc-scope-122 .tc-wp-tool-root .game-body .round-search-text{
          margin: 0;
          font-size: 1.1rem;
          font-weight: 700;
          color: var(--text);
          text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.4);
        }.wpc-scope-122 .tc-wp-tool-root .game-body .round-intro-card-wrap{
          position: relative;
          z-index: 1;
          display: flex;
          flex-direction: column;
          align-items: center;
          width: 100%;
          max-width: 360px;
        }.wpc-scope-122 .tc-wp-tool-root .game-body .round-intro-card-wrap.hidden{
          display: none !important;
        }.wpc-scope-122 .tc-wp-tool-root .game-body .round-intro-card{
          position: relative;
          z-index: 1;
          width: 100%;
          max-width: 360px;
          padding: 1.5rem 1.5rem 2rem 1.5rem !important;
          background: var(--card-bg);
          border: var(--card-border-width) solid var(--card-border);
          border-radius: var(--radius);
          box-shadow: var(--shadow-2d);
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          justify-content: center;
          gap: 1rem 1.5rem;
          margin-bottom: 1.25rem;
        }.wpc-scope-122 .tc-wp-tool-root .game-body .vs-side{
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: 0.5rem;
        }.wpc-scope-122 .tc-wp-tool-root .game-body .vs-divider{
          font-size: 1.25rem;
          font-weight: 800;
          color: var(--text);
        }.wpc-scope-122 .tc-wp-tool-root .game-body .vs-avatar{
          width: 88px;
          height: 88px;
          border-radius: 8px;
          flex-shrink: 0;
          border: 3px solid var(--card-border);
          object-fit: cover;
          object-position: center;
          display: block;
          background: #fff;
        }.wpc-scope-122 .tc-wp-tool-root .game-body .vs-avatar-player{
          background: #fff;
        }.wpc-scope-122 .tc-wp-tool-root .game-body .vs-avatar-opponent{
          background: #fff;
        }.wpc-scope-122 .tc-wp-tool-root .game-body .vs-name{
          font-size: 0.9rem;
          font-weight: 700;
          text-align: center;
        }.wpc-scope-122 .tc-wp-tool-root .game-body .vs-name-player{ color: var(--text); }.wpc-scope-122 .tc-wp-tool-root .game-body .vs-name-opponent{ color: var(--text); }.wpc-scope-122 .tc-wp-tool-root .game-body .play-round-button{
          position: relative;
          z-index: 1;
          min-height: 56px;
          padding: 1rem 3rem !important;
          font-size: 1.25rem;
          font-weight: 800;
          letter-spacing: 0.05em;
          margin-top: 0.5rem !important;
          border: var(--card-border-width) solid var(--card-border);
          background: var(--accent);
          color: var(--text);
          box-shadow: var(--shadow-2d);
          cursor: pointer !important;
          transition: transform 0.15s ease, box-shadow 0.15s ease;
          -webkit-tap-highlight-color: transparent;
        }.wpc-scope-122 .tc-wp-tool-root .game-body .play-round-button:hover{
          transform: translate(2px, 2px);
          box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.4);
        }.wpc-scope-122 .tc-wp-tool-root .game-body .modal-overlay{
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          min-height: 100%;
          z-index: 80;
          background: rgba(15, 23, 42, 0.85);
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 1rem;
        }.wpc-scope-122 .tc-wp-tool-root .game-body .help-modal-card{
          width: 100%;
          max-width: 340px;
          padding: 2rem;
          background: var(--card-bg);
          border: var(--card-border-width) solid var(--card-border);
          border-radius: var(--radius);
          box-shadow: var(--shadow-2d);
          text-align: center;
          animation: popIn 0.35s ease;
        }.wpc-scope-122 .tc-wp-tool-root .game-body .help-modal-text{
          margin: 0 0 1.5rem 0;
          font-size: 1.15rem;
          font-weight: 700;
          color: var(--text);
        }.wpc-scope-122 .tc-wp-tool-root .game-body .help-modal-actions{
          display: flex;
          gap: 0.75rem;
          justify-content: center;
        }.wpc-scope-122 .tc-wp-tool-root .game-body .help-button-no{
          min-height: var(--tap-min);
          padding: 0.75rem 1.5rem;
          background: linear-gradient(180deg, #f97316, #ea580c);
          color: #fff;
          font-weight: 800;
          border: none;
          border-radius: 12px;
          cursor: pointer;
          transition: transform 0.15s ease;
        }.wpc-scope-122 .tc-wp-tool-root .game-body .help-button-claim{
          min-height: var(--tap-min);
          padding: 0.75rem 1.5rem;
          background: linear-gradient(180deg, #22c55e, #16a34a);
          color: #fff;
          font-weight: 800;
          border: none;
          border-radius: 12px;
          cursor: pointer;
          transition: transform 0.15s ease;
        }.wpc-scope-122 .tc-wp-tool-root .game-body .help-button-no:hover, .wpc-scope-122 .tc-wp-tool-root .game-body .help-button-claim:hover{
          transform: translateY(-2px);
        }.wpc-scope-122 .tc-wp-tool-root .game-body .loading{
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          min-height: 100%;
          z-index: 100;
          background: var(--bg-start);
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          gap: 1rem;
        }.wpc-scope-122 .tc-wp-tool-root .game-body .loading-spinner{
          width: 48px;
          height: 48px;
          border: 4px solid var(--card-bg);
          border-top-color: var(--accent);
          border-radius: 50%;
          animation: spin 0.8s linear infinite;
        }.wpc-scope-122 .tc-wp-tool-root .game-body .loading-text{
          margin: 0;
          font-size: 1rem;
          color: var(--text-muted);
        }@keyframes spin{
          to { transform: rotate(360deg); }
        }.wpc-scope-122 .tc-wp-tool-root .game-body .game-screen{
          flex: 1;
          display: flex;
          flex-direction: column;
          max-width: 1000px;
          margin: 0 auto;
          width: 100%;
        }.wpc-scope-122 .tc-wp-tool-root .game-body .header{
          display: flex;
          align-items: center;
          justify-content: space-between;
          gap: 0.75rem;
          margin-bottom: 0.75rem;
          flex-shrink: 0;
        }.wpc-scope-122 .tc-wp-tool-root .game-body .level-badge{
          font-size: 0.9rem;
          font-weight: 700;
          padding: 0.4rem 0.75rem;
          background: var(--card-bg);
          border: 3px solid var(--card-border);
          border-radius: var(--radius-sm);
          color: var(--text);
        }.wpc-scope-122 .tc-wp-tool-root .game-body .timer-wrap{
          flex: 1;
          max-width: 280px;
          height: var(--timer-height);
          background: var(--card-bg);
          border-radius: var(--radius-sm);
          overflow: hidden;
          position: relative;
          border: 3px solid var(--card-border);
        }.wpc-scope-122 .tc-wp-tool-root .game-body .timer-bar{
          height: 100%;
          width: 100%;
          background: var(--correct);
          border-radius: 0;
          transition: width 0.2s linear;
        }.wpc-scope-122 .tc-wp-tool-root .game-body .timer-text{
          position: absolute;
          right: 0.5rem;
          top: 50%;
          transform: translateY(-50%);
          font-size: 0.75rem;
          font-weight: 800;
          color: var(--text);
          text-shadow: none;
        }.wpc-scope-122 .tc-wp-tool-root .game-body .main{
          flex: 1;
          display: grid;
          grid-template-columns: 1fr minmax(0, 2fr) 1fr;
          gap: 0.5rem;
          align-items: stretch;
          min-height: 0;
        }.wpc-scope-122 .tc-wp-tool-root .game-body .side-bar{
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: 0.5rem;
          padding: 0.75rem;
          background: var(--card-bg);
          border: 3px solid var(--card-border);
          border-radius: var(--radius);
          box-shadow: var(--shadow-2d);
        }.wpc-scope-122 .tc-wp-tool-root .game-body .side-bar-avatar{
          width: 48px;
          height: 48px;
          border-radius: 8px;
          object-fit: cover;
          object-position: center;
          display: block;
          background: #fff;
          border: 2px solid var(--card-border);
          flex-shrink: 0;
        }.wpc-scope-122 .tc-wp-tool-root .game-body .side-bar-avatar--player{
          border-color: var(--player);
        }.wpc-scope-122 .tc-wp-tool-root .game-body .side-bar-avatar--opponent{
          border-color: var(--opponent);
        }.wpc-scope-122 .tc-wp-tool-root .game-body .side-bar--player{
          border-color: var(--player);
          background: #0d2818;
        }.wpc-scope-122 .tc-wp-tool-root .game-body .side-bar--opponent{
          border-color: var(--opponent);
          background: #2d0d14;
        }.wpc-scope-122 .tc-wp-tool-root .game-body .side-bar-label{
          font-size: 0.85rem;
          font-weight: 700;
          text-transform: uppercase;
          letter-spacing: 0.05em;
          color: var(--text-muted);
        }.wpc-scope-122 .tc-wp-tool-root .game-body .side-bar--player .side-bar-label{ color: var(--player); }.wpc-scope-122 .tc-wp-tool-root .game-body .side-bar--opponent .side-bar-label{ color: var(--opponent); }.wpc-scope-122 .tc-wp-tool-root .game-body .score-bar{
          width: 100%;
          height: 14px;
          background: var(--card-bg);
          border-radius: var(--radius-sm);
          overflow: hidden;
          border: 2px solid var(--card-border);
        }.wpc-scope-122 .tc-wp-tool-root .game-body .side-bar--player .score-bar-fill{
          background: var(--player);
          transition: width 0.4s ease;
        }.wpc-scope-122 .tc-wp-tool-root .game-body .side-bar--opponent .score-bar-fill{
          background: var(--opponent);
          transition: width 0.4s ease;
        }.wpc-scope-122 .tc-wp-tool-root .game-body .score-value{
          font-size: 1.5rem;
          font-weight: 800;
        }.wpc-scope-122 .tc-wp-tool-root .game-body .side-bar--player .score-value{ color: var(--player); }.wpc-scope-122 .tc-wp-tool-root .game-body .side-bar--opponent .score-value{ color: var(--opponent); }.wpc-scope-122 .tc-wp-tool-root .game-body .board{
          display: flex;
          flex-direction: column;
          padding: 1rem;
          background: var(--card-bg);
          border: 3px solid var(--accent);
          border-radius: var(--radius);
          box-shadow: var(--shadow-2d);
          min-height: 0;
          overflow: auto;
        }.wpc-scope-122 .tc-wp-tool-root .game-body .question{
          font-size: clamp(1.1rem, 3vw, 1.5rem);
          font-weight: 800;
          text-align: center;
          margin: 0 0 1rem 0;
          line-height: 1.3;
          color: var(--text);
          text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.4);
        }.wpc-scope-122 .tc-wp-tool-root .game-body .answers{
          display: flex;
          flex-direction: column;
          gap: 0.5rem;
          margin-bottom: 1rem;
          flex: 1;
          min-height: 0;
        }.wpc-scope-122 .tc-wp-tool-root .game-body .answer-card{
          display: flex;
          align-items: center;
          justify-content: space-between;
          padding: 0.75rem 1rem;
          background: var(--card-bg);
          border: 3px solid var(--card-border);
          border-radius: var(--radius-sm);
          transition: transform 0.2s ease, opacity 0.3s ease;
        }.wpc-scope-122 .tc-wp-tool-root .game-body .answer-card.revealed{
          background: #0d2818;
          border-color: var(--correct);
          animation: revealCard 0.4s ease;
        }.wpc-scope-122 .tc-wp-tool-root .game-body .answer-card.hidden-answer .answer-text{
          filter: blur(6px);
          user-select: none;
        }.wpc-scope-122 .tc-wp-tool-root .game-body .answer-card.hidden-answer .answer-score{
          visibility: hidden;
        }.wpc-scope-122 .tc-wp-tool-root .game-body .answer-rank{
          font-weight: 800;
          color: var(--text-muted);
          min-width: 1.5rem;
        }.wpc-scope-122 .tc-wp-tool-root .game-body .answer-card.revealed .answer-rank{
          color: var(--correct);
        }.wpc-scope-122 .tc-wp-tool-root .game-body .answer-text{
          flex: 1;
          margin: 0 0.5rem;
          font-weight: 700;
          font-size: 1rem;
          color: var(--text);
        }.wpc-scope-122 .tc-wp-tool-root .game-body .answer-score{
          font-weight: 800;
          color: var(--accent);
        }@keyframes revealCard{
          0% { transform: scale(0.98); opacity: 0.8; }
          50% { transform: scale(1.02); }
          100% { transform: scale(1); opacity: 1; }
        }.wpc-scope-122 .tc-wp-tool-root .game-body .input-wrap{
          display: flex;
          gap: 0.5rem;
          flex-shrink: 0;
        }.wpc-scope-122 .tc-wp-tool-root .game-body .answer-input{
          flex: 1;
          min-height: var(--tap-min);
          padding: 0.6rem 1rem;
          font-size: 1rem;
          border: 3px solid var(--card-border);
          border-radius: var(--radius-sm);
          background: var(--card-bg);
          color: var(--text);
          outline: none;
          transition: border-color 0.2s;
        }.wpc-scope-122 .tc-wp-tool-root .game-body .answer-input::placeholder{
          color: var(--text-muted);
        }.wpc-scope-122 .tc-wp-tool-root .game-body .answer-input:focus{
          border-color: var(--accent);
          box-shadow: 0 0 0 2px var(--accent);
        }.wpc-scope-122 .tc-wp-tool-root .game-body .submit-button{
          min-height: var(--tap-min);
          min-width: 100px;
          padding: 0.6rem 1.25rem;
          font-size: 1rem;
          font-weight: 700;
          border: 3px solid var(--card-border);
          border-radius: var(--radius-sm);
          background: var(--accent);
          color: var(--text);
          cursor: pointer;
          box-shadow: var(--shadow-2d);
          transition: transform 0.15s ease, box-shadow 0.15s ease;
          -webkit-tap-highlight-color: transparent;
        }.wpc-scope-122 .tc-wp-tool-root .game-body .submit-button:hover{
          transform: translate(2px, 2px);
          box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.4);
        }.wpc-scope-122 .tc-wp-tool-root .game-body .submit-button:active{
          transform: translate(0, 0);
        }.wpc-scope-122 .tc-wp-tool-root .game-body .message{
          margin: 0.5rem 0 0 0;
          min-height: 1.5em;
          font-size: 0.9rem;
          font-weight: 600;
          text-align: center;
          color: var(--text-muted);
        }.wpc-scope-122 .tc-wp-tool-root .game-body .message.error{ color: var(--wrong); }.wpc-scope-122 .tc-wp-tool-root .game-body .message.success{ color: var(--correct); }.wpc-scope-122 .tc-wp-tool-root .game-body .result-screen{
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          min-height: 100%;
          z-index: 50;
          background: rgba(26, 26, 46, 0.95);
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 1rem;
        }.wpc-scope-122 .tc-wp-tool-root .game-body .result-card{
          width: 100%;
          max-width: 400px;
          padding: 2rem;
          background: var(--card-bg);
          border: var(--card-border-width) solid var(--card-border);
          border-radius: var(--radius);
          box-shadow: var(--shadow-2d);
          text-align: center;
          animation: popIn 0.35s ease;
        }@keyframes popIn{
          0% { transform: scale(0.9); opacity: 0; }
          100% { transform: scale(1); opacity: 1; }
        }.wpc-scope-122 .tc-wp-tool-root .game-body .result-title{
          margin: 0 0 1.25rem 0;
          font-size: 1.5rem;
          font-weight: 800;
          color: var(--text);
          text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.4);
        }.wpc-scope-122 .tc-wp-tool-root .game-body .result-scores{
          display: flex;
          justify-content: center;
          gap: 2rem;
          margin-bottom: 1.25rem;
        }.wpc-scope-122 .tc-wp-tool-root .game-body .result-score{
          display: flex;
          flex-direction: column;
          gap: 0.25rem;
        }.wpc-scope-122 .tc-wp-tool-root .game-body .result-label{
          font-size: 0.85rem;
          color: var(--text-muted);
        }.wpc-scope-122 .tc-wp-tool-root .game-body .result-value{
          font-size: 1.75rem;
          font-weight: 800;
        }.wpc-scope-122 .tc-wp-tool-root .game-body .result-message{
          margin: 0 0 1.5rem 0;
          font-size: 1.1rem;
          font-weight: 700;
          color: var(--accent);
        }.wpc-scope-122 .tc-wp-tool-root .game-body .result-actions{
          display: flex;
          flex-direction: column;
          gap: 0.5rem;
        }.wpc-scope-122 .tc-wp-tool-root .game-body .next-button{
          min-height: var(--tap-min);
          padding: 0.75rem 1.5rem;
          font-size: 1rem;
          font-weight: 700;
          border: var(--card-border-width) solid var(--card-border);
          border-radius: var(--radius-sm);
          background: var(--accent);
          color: var(--text);
          cursor: pointer;
          box-shadow: var(--shadow-2d);
          transition: transform 0.15s ease, box-shadow 0.15s ease;
          -webkit-tap-highlight-color: transparent;
        }.wpc-scope-122 .tc-wp-tool-root .game-body .next-button:hover{
          transform: translate(2px, 2px);
          box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.4);
        }.wpc-scope-122 .tc-wp-tool-root .game-body .restart-button{
          min-height: var(--tap-min);
          padding: 0.75rem 1.5rem;
          font-size: 1rem;
          font-weight: 700;
          border: 3px solid var(--card-border);
          border-radius: var(--radius-sm);
          background: transparent;
          color: var(--text);
          cursor: pointer;
          transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease, color 0.15s ease;
          -webkit-tap-highlight-color: transparent;
        }.wpc-scope-122 .tc-wp-tool-root .game-body .restart-button:hover{
          border-color: var(--accent);
          color: var(--accent);
        }.wpc-scope-122 .tc-wp-tool-root .game-body .play-again-button{
          min-height: var(--tap-min);
          padding: 0.75rem 1.5rem;
          font-size: 1rem;
          font-weight: 700;
          border: var(--card-border-width) solid var(--card-border);
          border-radius: var(--radius-sm);
          background: var(--accent);
          color: var(--text);
          cursor: pointer;
          box-shadow: var(--shadow-2d);
          transition: transform 0.15s ease, box-shadow 0.15s ease;
          -webkit-tap-highlight-color: transparent;
        }.wpc-scope-122 .tc-wp-tool-root .game-body .play-again-button:hover{
          transform: translate(2px, 2px);
          box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.4);
        }@media (max-width: 992px){.tc-wp-tool-root .game-body .main{
            grid-template-columns: 0.8fr minmax(0, 2fr) 0.8fr;
          }.tc-wp-tool-root .game-body .side-bar-avatar{
            width: 40px;
            height: 40px;
          }.tc-wp-tool-root .game-body .score-value{
            font-size: 1.2rem;
          }}@media (max-width: 768px){.tc-wp-tool-root .game-body .main{
            grid-template-columns: 0.7fr minmax(0, 2fr) 0.7fr;
          }.tc-wp-tool-root .game-body .side-bar{
            padding: 0.5rem;
          }.tc-wp-tool-root .game-body .side-bar-avatar{
            width: 36px;
            height: 36px;
          }.tc-wp-tool-root .game-body .score-value{
            font-size: 1.1rem;
          }.tc-wp-tool-root .game-body .question{
            font-size: 1.2rem;
          }.tc-wp-tool-root .game-body .answer-card{
            padding: 0.6rem 0.8rem;
          }.tc-wp-tool-root .game-body .answer-text{
            font-size: 0.9rem;
          }}@media (max-width: 600px){.tc-wp-tool-root .game-body .main{
            grid-template-columns: 1fr;
            grid-template-rows: auto 1fr auto;
            gap: 0.75rem;
          }.tc-wp-tool-root .game-body .side-bar{
            flex-direction: row;
            justify-content: space-between;
            padding: 0.5rem 1rem;
          }.tc-wp-tool-root .game-body .side-bar-avatar{
            width: 32px;
            height: 32px;
          }.tc-wp-tool-root .game-body .score-bar{
            flex: 1;
            max-width: 120px;
            margin: 0 0.5rem;
          }.tc-wp-tool-root .game-body .score-value{
            font-size: 1rem;
          }.tc-wp-tool-root .game-body .board{
            padding: 0.8rem;
          }.tc-wp-tool-root .game-body .question{
            font-size: 1.1rem;
          }.tc-wp-tool-root .game-body .answer-card{
            padding: 0.5rem 0.7rem;
          }.tc-wp-tool-root .game-body .answer-text{
            font-size: 0.85rem;
          }.tc-wp-tool-root .game-body .input-wrap{
            flex-direction: column;
          }.tc-wp-tool-root .game-body .answer-input{
            width: 100%;
          }.tc-wp-tool-root .game-body .submit-button{
            width: 100%;
          }}@media (max-width: 400px){.tc-wp-tool-root .game-body .splash-card{
            padding: 1rem;
          }.tc-wp-tool-root .game-body .nickname-card{
            padding: 1rem;
          }.tc-wp-tool-root .game-body .round-intro-card{
            padding: 1rem;
          }.tc-wp-tool-root .game-body .result-card{
            padding: 1.5rem;
          }.tc-wp-tool-root .game-body .question{
            font-size: 1rem;
          }.tc-wp-tool-root .game-body .answer-card{
            padding: 0.4rem 0.6rem;
          }.tc-wp-tool-root .game-body .answer-text{
            font-size: 0.8rem;
          }.tc-wp-tool-root .game-body .side-bar{
            padding: 0.4rem 0.8rem;
          }.tc-wp-tool-root .game-body .side-bar-avatar{
            width: 28px;
            height: 28px;
          }.tc-wp-tool-root .game-body .score-bar{
            max-width: 100px;
          }.tc-wp-tool-root .game-body .score-value{
            font-size: 0.9rem;
          }}@media (max-width: 375px){.tc-wp-tool-root .game-body .game-wrapper{
            padding: 0.3rem;
          }.tc-wp-tool-root .game-body .splash-card{
            padding: 0.8rem;
          }.tc-wp-tool-root .game-body .nickname-card{
            padding: 0.8rem;
          }.tc-wp-tool-root .game-body .round-intro-card{
            padding: 0.8rem;
          }.tc-wp-tool-root .game-body .result-card{
            padding: 1.2rem;
          }.tc-wp-tool-root .game-body .board{
            padding: 0.6rem;
          }.tc-wp-tool-root .game-body .question{
            font-size: 0.9rem;
          }.tc-wp-tool-root .game-body .answer-card{
            padding: 0.3rem 0.5rem;
          }.tc-wp-tool-root .game-body .answer-text{
            font-size: 0.75rem;
          }.tc-wp-tool-root .game-body .side-bar{
            padding: 0.3rem 0.6rem;
          }.tc-wp-tool-root .game-body .side-bar-avatar{
            width: 24px;
            height: 24px;
          }.tc-wp-tool-root .game-body .score-bar{
            max-width: 80px;
          }.tc-wp-tool-root .game-body .score-value{
            font-size: 0.8rem;
          }}.wpc-scope-122 /* tc-layout-guard: stay in page body flow — do not overlap theme header/nav */
.tc-wp-tool-root{
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  margin-top: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  z-index: 0 !important;
}.wpc-scope-122 /* tc-auto: preserve HTML class hooks */
.tc-wp-tool-root .vs-side-opponent{}.wpc-scope-122 .tc-wp-tool-root .vs-side-player{}