.tg-game{--tg-radius:12px;--tg-radius-lg:8px;--tg-radius-md:6px;--tg-info:217 91% 35%;--tg-success:142 76% 36%;--tg-destructive:0 84% 60%;width:100%;color:hsl(var(--patui-foreground));font-size:16px;line-height:1.55}.tg-game[data-view=overview] .tg-view--play{display:none}.tg-game[data-view=play] .tg-view--overview{display:none}.tg-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.1rem;border-radius:var(--tg-radius-md);font-weight:500;font-size:.9rem;line-height:1;cursor:pointer;border:1px solid transparent;text-decoration:none;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .05s ease}.tg-btn:active{transform:translateY(1px)}.tg-btn--primary{background:hsl(var(--patui-primary));color:#fff;box-shadow:0 1px 2px -1px hsl(var(--patui-foreground) / .12),0 1px 3px hsl(var(--patui-foreground) / .1)}.tg-btn--primary:hover{background:hsl(var(--patui-primary) / .9);color:#fff}.tg-tabsbar__play.tg-btn--primary{background:#059669;color:#fff;border-color:transparent}.tg-tabsbar__play.tg-btn--primary:hover{background:#047857;color:#fff}.tg-btn--ghost{background:hsl(var(--patui-card));color:hsl(var(--patui-foreground));border-color:hsl(var(--patui-border))}.tg-btn--ghost:hover{background:hsl(var(--patui-muted));color:hsl(var(--patui-foreground))}.tg-actionbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.25rem 0 1.5rem;border-bottom:1px solid hsl(var(--patui-border));margin-bottom:1.5rem}.tg-actionbar__actions{display:flex;gap:.75rem;flex-wrap:wrap}.tg-actionbar__meta{display:flex;align-items:center;gap:1rem;color:hsl(var(--patui-muted-foreground));font-size:.9rem;flex-wrap:wrap}.tg-actionbar__time{display:inline-flex;align-items:center;gap:.4rem}.tg-badge{display:inline-flex;align-items:center;padding:.18rem .6rem;border-radius:var(--tg-radius-md);font-size:.75rem;font-weight:600;color:hsl(var(--patui-primary));background:hsl(var(--patui-primary) / .12);border:1px solid hsl(var(--patui-primary) / .25)}.tg-badge--free{gap:.35rem;color:hsl(var(--tg-success));background:hsl(var(--tg-success) / .12);border-color:hsl(var(--tg-success) / .3)}.tg-tabsbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.75rem}.tg-tabsbar__cta{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem;flex:0 0 auto}.tg-tabsbar__cta-note{font-size:.78rem;color:hsl(var(--patui-muted-foreground))}.tg-tabsbar__play{flex:0 0 auto}.tg-tabs{display:inline-flex;align-items:center;gap:.25rem;background:hsl(var(--patui-muted));border-radius:var(--tg-radius-lg);padding:.28rem;max-width:100%;overflow-x:auto;scrollbar-width:none}.tg-tabs::-webkit-scrollbar{display:none}.tg-tab{appearance:none;background:0 0;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.45rem;padding:.5rem 1.4rem;border-radius:var(--tg-radius-md);font-size:.9rem;font-weight:500;color:hsl(var(--patui-muted-foreground));white-space:nowrap;transition:color .15s ease,background-color .15s ease,box-shadow .15s ease}.tg-tab svg{flex:0 0 auto}.tg-tab:hover{color:hsl(var(--patui-foreground))}.tg-tab.is-active{color:hsl(var(--tg-info));background:hsl(var(--patui-card));box-shadow:0 1px 2px hsl(var(--patui-foreground) / .08),0 1px 3px hsl(var(--patui-foreground) / .06)}.tg-more .category-tabs.tg-scroll,.tg-tabs.tg-scroll{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--tg-fade-l,0px),#000 calc(100% - var(--tg-fade-r,0px)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--tg-fade-l,0px),#000 calc(100% - var(--tg-fade-r,0px)),transparent 100%)}.tg-panel{animation:tg-fade .2s ease}.tg-panel[hidden]{display:none}@keyframes tg-fade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.tg-card{background:hsl(var(--patui-card));border:1px solid hsl(var(--patui-border));border-radius:var(--tg-radius);padding:1.4rem 1.5rem;margin-bottom:1.75rem}.tg-card__text{margin:0;color:hsl(var(--patui-muted-foreground))}.tg-card__text p{margin:0 0 .85rem}.tg-card__text p:last-child{margin-bottom:0}.tg-section-title{font-size:1.15rem;font-weight:700;margin:0 0 1rem}.tg-panel-head{margin:0 0 1.25rem}.tg-panel-head__title{font-size:1.15rem;font-weight:700;line-height:1.2}.tg-panel-head__desc{margin-top:.25rem;color:hsl(var(--patui-muted-foreground));font-size:.92rem}.tg-phases{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.tg-phase{display:flex;gap:1rem;align-items:flex-start;background:hsl(var(--patui-card));border:1px solid hsl(var(--patui-border));border-radius:var(--tg-radius);padding:1.1rem 1.25rem}.tg-phase__num{flex:0 0 auto;width:30px;height:30px;display:grid;place-items:center;border-radius:999px;font-weight:700;font-size:.9rem;color:hsl(var(--patui-primary));border:1.5px solid hsl(var(--patui-primary) / .4);background:hsl(var(--patui-primary) / .06)}.tg-phase__body{display:flex;flex-direction:column;gap:.2rem}.tg-phase__title{font-weight:700}.tg-phase__desc{color:hsl(var(--patui-muted-foreground));font-size:.95rem}.tg-scoring{display:grid;gap:.75rem;margin-bottom:1.25rem}.tg-scorerule{display:flex;gap:1rem;align-items:center;background:hsl(var(--patui-card));border:1px solid hsl(var(--patui-border));border-radius:var(--tg-radius);padding:1rem 1.25rem}.tg-scorerule__points{flex:0 0 auto;min-width:58px;text-align:center;padding:.35rem .5rem;border-radius:8px;font-weight:700;font-size:.95rem;background:hsl(var(--patui-muted));color:hsl(var(--patui-foreground))}.tg-scorerule--positive .tg-scorerule__points{background:hsl(142 71% 45% / .15);color:hsl(142 71% 32%)}.tg-scorerule--negative .tg-scorerule__points{background:hsl(0 72% 51% / .14);color:hsl(0 72% 42%)}.tg-scorerule--info .tg-scorerule__points{background:hsl(var(--patui-primary) / .12);color:hsl(var(--patui-primary))}.tg-scorerule__body{display:flex;flex-direction:column;gap:.15rem}.tg-scorerule__label{font-weight:700}.tg-scorerule__desc{color:hsl(var(--patui-muted-foreground));font-size:.95rem}.tg-scoring__details{color:hsl(var(--patui-muted-foreground));font-size:.95rem}.tg-history{background:hsl(var(--patui-card));border:1px solid hsl(var(--patui-border));border-radius:var(--tg-radius);padding:1.25rem 1.5rem}.tg-history .chart-container{position:relative;height:340px}.tg-history .stats-dashboard{background:0 0;border:0;box-shadow:none;padding:0;margin:0;min-height:0}.tg-history .stats-dashboard>p{margin:0;padding:2rem 1rem;text-align:center;color:hsl(var(--patui-muted-foreground));font-size:.95rem}.tg-history .chart-controls{display:flex;justify-content:flex-end;margin-bottom:1.25rem}.tg-history .range-slider{display:flex;align-items:center;gap:.6rem;flex:0 1 32%;min-width:240px;max-width:none}.tg-history .range-slider label{margin:0;font-size:.85rem;font-weight:600;color:hsl(var(--patui-muted-foreground));white-space:nowrap}.tg-history .slider-wrapper{position:static;padding:0;display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.tg-history .modern-slider{flex:1;min-width:60px}.tg-history .modern-slider::-webkit-slider-thumb{background:hsl(var(--patui-primary));border-color:hsl(var(--patui-card))}.tg-history .modern-slider::-moz-range-thumb{background:hsl(var(--patui-primary))}.tg-history .slider-value{position:static;transform:none;font-size:.78rem;font-weight:600;color:hsl(var(--patui-muted-foreground));background:hsl(var(--patui-muted));border:1px solid hsl(var(--patui-border));border-radius:999px;padding:.12rem .55rem;white-space:nowrap}.tg-leaderboard .unified-high-scores-container{margin:0}.tg-leaderboard .unified-high-scores-container>h3{display:none}.tg-leaderboard .signup-container{background:hsl(var(--patui-card));border:1px solid hsl(var(--patui-border));border-radius:var(--tg-radius);padding:2.75rem 1.5rem;margin-top:0}.tg-leaderboard .score-filters{background:hsl(var(--patui-card));border:1px solid hsl(var(--patui-border));border-radius:var(--tg-radius);box-shadow:none;padding:1.1rem 1.25rem;margin-bottom:1.25rem}.tg-leaderboard .score-filter{border-radius:10px;border-color:hsl(var(--patui-border));background:hsl(var(--patui-background))}.tg-leaderboard .score-filter:focus{border-color:hsl(var(--patui-primary));box-shadow:0 0 0 3px hsl(var(--patui-primary) / .2)}.tg-leaderboard .reset-filters-btn{border-radius:10px;background:hsl(var(--patui-card));border-color:hsl(var(--patui-border));color:hsl(var(--patui-foreground))}.tg-leaderboard .reset-filters-btn:hover{background:hsl(var(--patui-muted));color:hsl(var(--patui-foreground))}.tg-leaderboard .user-info-message{font-size:.85rem;color:hsl(var(--patui-muted-foreground))}.tg-leaderboard .user-info-message a{color:hsl(var(--patui-primary))}.tg-leaderboard .scores-table-container{border:1px solid hsl(var(--patui-border));border-radius:var(--tg-radius);box-shadow:none}.tg-leaderboard .high-scores-table{background:0 0;border-radius:0;margin:0}.tg-leaderboard .high-scores-table th{background:hsl(var(--patui-muted));color:hsl(var(--patui-muted-foreground));text-transform:none;letter-spacing:0;font-size:.8rem;font-weight:600}.tg-leaderboard .high-scores-table th:hover{background:hsl(var(--patui-muted))}.tg-leaderboard .high-scores-table tbody tr:hover{background:hsl(var(--patui-muted) / .6)}.tg-leaderboard .high-scores-table tbody tr.current-user-row{background:hsl(var(--patui-primary) / .1)!important;border-left:3px solid hsl(var(--patui-primary))}.tg-leaderboard .high-scores-table tbody tr.current-user-row:hover{background:hsl(var(--patui-primary) / .16)!important}.tg-leaderboard .high-scores-table tbody tr.current-user-row td:first-child{color:hsl(var(--patui-primary))}.tg-more{margin-top:2.5rem}.tg-more .category-tabs{flex-wrap:nowrap;width:fit-content;max-width:100%;gap:4px;padding:5px;margin-bottom:1.75rem;background:#f1f3f6;border:1px solid #e3e7ec;border-radius:999px;overflow-x:auto;scrollbar-width:none}.tg-more .category-tabs::-webkit-scrollbar{display:none}.tg-more .category-tab{background:0 0;border:none;border-radius:999px;padding:10px 18px;line-height:1;color:#5f6368;white-space:nowrap;transition:color .15s ease,background-color .15s ease,box-shadow .15s ease}.tg-more .category-tab:hover{background:0 0;color:#202124}.tg-more .category-tab.active{background:#fff;color:#1a73e8;border-color:transparent;font-weight:600;box-shadow:0 1px 2px rgba(32,33,36,.08),0 1px 3px rgba(32,33,36,.06)}.tg-more .related-quizzes-section{margin-top:0;padding:0}.tg-more:empty{display:none}.tg-focus-slot{display:none}html.pat-ld-page .tg-focus-slot{display:inline-flex}@media (max-width:1023px){html.pat-ld-page .tg-focus-slot{display:none}}.tg-focus-toggle{appearance:none;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .9rem;background:hsl(var(--patui-card));border:1px solid hsl(var(--patui-border));border-radius:999px;font-size:.85rem;font-weight:600;color:hsl(var(--patui-muted-foreground));transition:color .15s ease,border-color .15s ease}.tg-focus-toggle:hover{color:hsl(var(--patui-foreground));border-color:hsl(var(--patui-primary) / .4)}.tg-focus-switch{position:relative;width:34px;height:18px;border-radius:999px;background:hsl(var(--patui-muted));border:1px solid hsl(var(--patui-border));transition:background-color .15s ease,border-color .15s ease}.tg-focus-switch::after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 2px hsl(var(--patui-foreground) / .2);transition:transform .15s ease}.tg-focus-toggle[aria-pressed=true]{color:hsl(var(--patui-primary))}.tg-focus-toggle[aria-pressed=true] .tg-focus-switch{background:hsl(var(--patui-primary));border-color:hsl(var(--patui-primary))}.tg-focus-toggle[aria-pressed=true] .tg-focus-switch::after{transform:translateX(16px)}.tg-uitleg-extra{margin-bottom:1.75rem}.tg-uitleg-extra:empty{display:none}.tg-uitleg-extra .quiz-section{background:0 0;border-radius:0;padding:0;height:auto}.tg-uitleg-extra .quiz-section h3,.tg-uitleg-extra .section-content h3{font-size:1.15rem;font-weight:700;color:hsl(var(--patui-foreground));margin:0 0 1rem}.tg-example{--tg-example-amber:38 92% 45%;margin-bottom:1.75rem}.tg-example__card{background:hsl(var(--patui-card));border:1px solid hsl(var(--patui-border));border-radius:var(--tg-radius);padding:1.4rem 1.5rem}.tg-example__intro{margin:0;color:hsl(var(--patui-muted-foreground));font-size:.92rem;line-height:1.6}.tg-example__intro strong{color:hsl(var(--patui-foreground));font-weight:600}.tg-example__intro ul{margin:.5rem 0;padding:0 0 0 1.25rem;display:grid;gap:.35rem}.tg-example__intro li{margin:0}.tg-key{display:inline-block;padding:.05rem .4rem;border:1px solid hsl(var(--patui-border));border-radius:5px;background:hsl(var(--patui-muted));font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8em;font-weight:600;color:hsl(var(--patui-foreground))}.tg-example__grid{display:grid;gap:.75rem;margin-top:1rem}.tg-example__grid--4{grid-template-columns:repeat(4,1fr)}.tg-example__grid--3{grid-template-columns:repeat(3,1fr)}.tg-example__grid--2{grid-template-columns:repeat(2,1fr)}.tg-example__option{position:relative;display:flex;flex-direction:column;align-items:center;gap:.25rem;background:#fff;border:1px solid hsl(var(--patui-border));border-radius:var(--tg-radius);padding:.5rem}.tg-example__option.is-correct{border-color:hsl(var(--tg-success));background:hsl(var(--tg-success) / .07);box-shadow:0 0 0 1px hsl(var(--tg-success) / .4)}.tg-example__option-fig{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.tg-example__option-fig img,.tg-example__option-fig svg{width:100%;height:100%;object-fit:contain}.tg-example__option-letter{font-size:.75rem;font-weight:600;color:hsl(var(--patui-muted-foreground))}.tg-example__check{position:absolute;top:.3rem;right:.3rem;z-index:1;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:hsl(var(--tg-success));color:#fff}.tg-example__check svg{width:12px;height:12px}.tg-example__prompt{margin-top:1rem;border:1px solid hsl(var(--patui-border));background:hsl(var(--patui-muted) / .35);border-radius:var(--tg-radius);padding:1.25rem;text-align:center;font-size:1.05rem;line-height:1.7}.tg-example__blank{display:inline-block;width:3.5rem;margin:0 .3rem;border-bottom:2px solid hsl(var(--patui-primary) / .6);vertical-align:middle}.tg-example__tabs{display:inline-flex;align-items:center;gap:.25rem;background:hsl(var(--patui-muted));border-radius:var(--tg-radius-lg);padding:.28rem;max-width:100%;overflow-x:auto;scrollbar-width:none;margin-bottom:1rem}.tg-example__tabs::-webkit-scrollbar{display:none}.tg-example__tab{appearance:none;background:0 0;border:none;cursor:pointer;padding:.5rem 1.1rem;border-radius:var(--tg-radius-md);font-size:.9rem;font-weight:500;color:hsl(var(--patui-muted-foreground));white-space:nowrap;transition:color .15s ease,background-color .15s ease,box-shadow .15s ease}.tg-example__tab:hover{color:hsl(var(--patui-foreground))}.tg-example__tab.is-active{color:hsl(var(--tg-info));background:hsl(var(--patui-card));box-shadow:0 1px 2px hsl(var(--patui-foreground) / .08),0 1px 3px hsl(var(--patui-foreground) / .06)}.tg-example__pane[hidden]{display:none}.tg-example__premises{margin-top:1rem;display:grid;gap:.4rem;border:1px solid hsl(var(--patui-border));background:hsl(var(--patui-muted) / .35);border-radius:var(--tg-radius);padding:1rem 1.25rem;font-size:.92rem;line-height:1.6}.tg-example__premises p{margin:0}.tg-example__premise-label{font-weight:600;color:hsl(var(--patui-muted-foreground));margin-right:.35rem}.tg-example__choices{display:grid;gap:.5rem;margin-top:.75rem}.tg-example__choice{display:flex;align-items:center;gap:.6rem;border:1px solid hsl(var(--patui-border));background:hsl(var(--patui-muted) / .25);border-radius:var(--tg-radius-md);padding:.6rem .85rem;font-size:.92rem;line-height:1.5;color:hsl(var(--patui-muted-foreground))}.tg-example__choice.is-correct{border-color:hsl(var(--tg-success) / .6);background:hsl(var(--tg-success) / .12);color:hsl(142 71% 26%)}.tg-example__choice-letter{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;opacity:.6}.tg-example__choice-text{flex:1}.tg-example__choice .tg-example__choice-check{flex:0 0 auto;width:15px;height:15px}.tg-example__mock{margin-top:1rem;background:#000;border:1px solid #262626;border-radius:var(--tg-radius);padding:1.5rem}.tg-example__mock-inner{max-width:28rem;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.tg-example__media{position:relative;margin-top:1rem;border:1px solid hsl(var(--patui-border));border-radius:var(--tg-radius-lg);overflow:hidden}.tg-example__media img{display:block;width:100%;height:auto;margin:0}.tg-example__media canvas{display:block;width:100%}.tg-example__media--sky{height:288px}.tg-example__media--sky img{width:100%;height:100%;object-fit:cover}@media (min-width:640px){.tg-example__media--sky{height:384px}}.tg-example__ana-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;width:min(520px,86vw);margin:1rem auto 0}.tg-example__ana-cell{display:flex;align-items:center;justify-content:center;text-align:center;min-height:84px;padding:16px 18px;border:2px solid #e5e7eb;border-radius:12px;background:#f9fafb;color:#1f2937;font-size:20px;font-weight:600;line-height:1.3;word-break:break-word;box-shadow:0 1px 2px rgba(0,0,0,.04)}.tg-example__ana-cell--blank{border-style:dashed;border-color:#3b82f6;background:#eff6ff;color:#3b82f6;font-size:28px;letter-spacing:3px}.tg-example__badge{position:absolute;top:.75rem;left:.75rem;pointer-events:none;border:1px solid rgb(255 255 255 / .2);background:rgb(0 0 0 / .4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:rgb(255 255 255 / .9);border-radius:999px;padding:.15rem .65rem;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.tg-example__mt{position:relative;margin-top:1rem;display:grid;gap:.9rem;border:1px solid hsl(var(--patui-border));border-radius:var(--tg-radius);background:hsl(var(--patui-muted) / .2);padding:1rem;pointer-events:none;user-select:none;-webkit-user-select:none;overflow:hidden}.tg-example__mt-badge{top:.6rem;right:.6rem;left:auto;background:hsl(var(--patui-card) / .85);border-color:hsl(var(--patui-border));color:hsl(var(--patui-muted-foreground));z-index:3}.tg-example__mt-header{display:flex;align-items:center;gap:.75rem;padding-right:6.5rem}.tg-example__mt-clock{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.15rem;font-weight:700;font-variant-numeric:tabular-nums}.tg-example__mt-progress{flex:1;height:8px;border-radius:999px;background:hsl(var(--patui-muted));overflow:hidden}.tg-example__mt-progress span{display:block;height:100%;width:0;border-radius:999px;background:hsl(var(--patui-primary))}.tg-example__mt-viewbtn{flex:0 0 auto;padding:6px 12px;border-radius:4px;background:#e5e7eb;color:#4b5563;font-size:.8rem;font-weight:500;transition:background-color .2s ease,color .2s ease}.tg-example__mt-viewbtn.is-active{background:hsl(var(--patui-primary));color:#fff}.tg-example__mt-spoken{display:flex;align-items:center;gap:.7rem;border:1px solid hsl(var(--patui-primary) / .3);background:hsl(var(--patui-primary) / .05);border-radius:var(--tg-radius-lg);padding:.65rem .8rem}.tg-example__mt-speaker{flex:0 0 auto;color:hsl(var(--patui-primary))}.tg-example__mt-speaker.is-speaking{animation:tg-mt-pulse 1s ease-in-out infinite}@keyframes tg-mt-pulse{0%,100%{opacity:1}50%{opacity:.35}}.tg-example__mt-question{flex:1;font-size:.88rem;font-weight:600}.tg-example__mt-pill{flex:0 0 auto;border:1px solid hsl(var(--patui-primary) / .3);background:hsl(var(--patui-primary) / .1);color:hsl(var(--patui-primary));border-radius:999px;padding:.1rem .55rem;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.tg-example__mt-label{font-size:.78rem;font-weight:600;color:hsl(var(--patui-muted-foreground));margin-bottom:-.4rem}.tg-example__mt-answers,.tg-example__mt-numbers{display:grid;gap:8px}.tg-example__mt-ansrow,.tg-example__mt-numrow{display:flex;gap:8px}.tg-example__mt-numcell{flex:1;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:4px;padding:7px 4px;font-size:.8rem;font-weight:700;font-variant-numeric:tabular-nums;position:relative;transition:background-color .2s ease,color .2s ease}.tg-example__mt-numcell.is-marked{background:#bfdbfe;color:#1e40af}.tg-example__mt-numcell.is-marked::after{content:"";position:absolute;top:50%;left:10%;right:10%;height:2px;background:#1e40af}.tg-example__mt-anscell{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;background:#f3f4f6;border:2px solid #f3f4f6;border-radius:4px;padding:6px 4px;font-size:.72rem;font-weight:500;line-height:1.25;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.tg-example__mt-anscell.is-selected{background:#dbeafe;border-color:#2563eb;color:#2563eb;font-weight:700}.tg-example__mt-overlay{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;background:hsl(var(--patui-background) / .7);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:1rem}.tg-example__mt-overlay[hidden]{display:none}.tg-example__mt-modal{width:100%;max-width:34rem;max-height:100%;display:flex;flex-direction:column;background:hsl(var(--patui-card));border:1px solid hsl(var(--patui-border));border-radius:var(--tg-radius-lg);box-shadow:0 12px 32px hsl(var(--patui-foreground) / .18);overflow:hidden}.tg-example__mt-modal-title{padding:.6rem .85rem;border-bottom:1px solid hsl(var(--patui-border));font-size:.85rem;font-weight:700}.tg-example__mt-modal-body{padding:.6rem;overflow:hidden}.tg-example__mt-table{width:100%;border-collapse:collapse;font-size:.7rem}.tg-example__mt-table[hidden]{display:none}.tg-example__mt-table td,.tg-example__mt-table th{padding:4px 6px;text-align:left;border-bottom:1px solid #e5e7eb}.tg-example__mt-table th{background:#f3f4f6;color:#1f2937;font-weight:700}.tg-example__mt-table tbody tr:nth-child(2n) td{background:#f9fafb}.tg-example__mt-daycell{font-weight:700;background:#f4f4f4;color:#333}.tg-example__mt-table td.is-empty{color:hsl(var(--patui-muted-foreground) / .7)}.tg-example__mt-table td.is-found,.tg-example__mt-table tr.is-found td{background:#fde68a!important}.tg-example__tip--plain{border-color:hsl(var(--patui-border));background:hsl(var(--patui-muted) / .25)}@media (max-width:640px){.tg-example__mt-header{flex-wrap:wrap;padding-right:0}.tg-example__mt-anscell{font-size:.62rem}.tg-example__mt-numcell{font-size:.7rem}.tg-example__mt-table{font-size:.6rem}}.tg-example__tip{display:flex;gap:.8rem;align-items:flex-start;margin-top:1rem;border:1px solid hsl(var(--tg-example-amber) / .3);background:hsl(var(--tg-example-amber) / .06);border-radius:var(--tg-radius-md);padding:.8rem .9rem}.tg-example__tip-icon{font-size:1.05rem;line-height:1.4}.tg-example__tip-body{flex:1;font-size:.92rem;line-height:1.6;color:hsl(var(--patui-muted-foreground))}.tg-example__tip-body p{margin:0}.tg-example__tip-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:hsl(var(--tg-example-amber));margin-bottom:.15rem}.tg-example__qfig{margin-top:1rem;border:1px solid hsl(var(--patui-border));background:#fff;border-radius:var(--tg-radius);padding:.75rem}.tg-example__qfig img{display:block;width:100%;max-height:230px;object-fit:contain;margin:0 auto}.tg-example__option--wide{grid-column:1/-1;flex-direction:row;justify-content:center;padding:.75rem 1rem;font-size:.88rem;color:hsl(var(--patui-muted-foreground));background:hsl(var(--patui-muted) / .25)}.tg-example__figtile{position:relative;aspect-ratio:1;background:#000;border:2px solid #333;border-radius:6px}.tg-example__figtile svg{display:block;width:100%;height:100%}.tg-example__figrow{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;width:100%}.tg-example__target{width:96px}.tg-example__target-label{display:block;text-align:center;margin-bottom:.4rem;color:#737373;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em}.tg-example__btnrow{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.tg-example__mockbtn{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1.6rem;border-radius:5px;font-size:.9rem;font-weight:600;line-height:1;white-space:nowrap}.tg-example__mockbtn--red{background:red;color:#fff}.tg-example__mockbtn--green{background:#0f0;color:#000}.tg-example__mockbtn.is-correct{outline:3px solid #fff}.tg-example__mockbtn .tg-example__check{top:-.55rem;right:-.55rem}.tg-example__skipbtn{background:linear-gradient(135deg,#4f46e5,#3b82f6);color:#fff;border-radius:12px;padding:.85rem 1.6rem;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;text-align:center}.tg-example__legend{display:flex;flex-wrap:wrap;justify-content:center;column-gap:1.25rem;row-gap:.5rem;color:#a3a3a3;font-size:.75rem}.tg-example__legend-item{display:inline-flex;align-items:center;gap:.4rem}.tg-example__legend-dot{width:12px;height:12px;border-radius:50%}.tg-example__ms{margin-top:1rem;border:1px solid hsl(var(--patui-border));border-radius:var(--tg-radius);overflow:hidden}.tg-example__ms-field{display:flex;align-items:center;justify-content:center;gap:clamp(1rem,5vw,2.5rem);padding:2.25rem 1rem;background:hsl(var(--patui-muted) / .2)}.tg-example__ms-arrow{flex:0 0 auto;width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:#f9f9f9;border:2px solid #f1f1f1;color:#cecece;font-size:28px;line-height:1}.tg-example__ms-box{flex:0 0 auto;width:110px;height:110px;border-radius:12px;border:2px solid #333;background:green;box-shadow:0 0 32px rgb(0 128 0 / .45)}.tg-example__ms-legend{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;column-gap:1.5rem;row-gap:.5rem;padding:.7rem 1rem;border-top:1px solid hsl(var(--patui-border));background:hsl(var(--patui-muted) / .35)}.tg-example__ms-group{display:inline-flex;align-items:center;gap:.55rem;font-size:.78rem;color:hsl(var(--patui-muted-foreground))}.tg-example__ms-group-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:hsl(var(--patui-muted-foreground) / .75)}.tg-example__ms-key{display:inline-flex;align-items:center;gap:.25rem}.tg-example__ms-dot{width:10px;height:10px;border-radius:50%;box-shadow:inset 0 0 0 1px rgb(0 0 0 / .15)}.tg-example__bf{margin-top:1rem;display:grid;gap:1.25rem}.tg-example__bf-radar{width:100%;max-width:380px;margin:0 auto;display:block}.tg-example__bf-rows{display:grid;gap:.5rem}.tg-example__bf-row{display:grid;gap:.4rem;border:1px solid hsl(var(--patui-border));border-radius:var(--tg-radius-md);padding:.65rem .85rem}.tg-example__bf-rowhead{display:flex;align-items:center;gap:.6rem;font-size:.9rem;font-weight:600}.tg-example__bf-badge{padding:.08rem .55rem;border-radius:999px;font-size:.7rem;font-weight:600}.tg-example__bf-badge--high{background:#dbeafe;color:#2563eb}.tg-example__bf-badge--neutral{background:#f3f4f6;color:#6b7280}.tg-example__bf-badge--low{background:#fef3c7;color:#b45309}.tg-example__bf-pct{margin-left:auto;font-size:.85rem;font-weight:600;color:hsl(var(--patui-muted-foreground));font-variant-numeric:tabular-nums}.tg-example__bf-bar{height:6px;border-radius:999px;background:hsl(var(--patui-muted));overflow:hidden}.tg-example__bf-bar span{display:block;height:100%;border-radius:999px}.tg-example__bf-bar--high span{background:#3b82f6}.tg-example__bf-bar--neutral span{background:#9ca3af}.tg-example__bf-bar--low span{background:#f59e0b}.tg-example__stage{position:relative}.tg-example__hint{position:absolute;left:50%;bottom:.85rem;z-index:2;transform:translate(-50%,.4rem);display:inline-flex;align-items:center;gap:.45rem;max-width:calc(100% - 1.6rem);padding:.5rem .85rem;border-radius:999px;background:hsl(var(--patui-foreground) / .94);color:hsl(var(--patui-card));font-size:.82rem;font-weight:600;line-height:1.3;text-align:center;box-shadow:0 8px 22px hsl(var(--patui-foreground) / .28);opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}.tg-example__stage.is-poked .tg-example__hint,.tg-example__stage:hover .tg-example__hint{opacity:1;transform:translate(-50%,0)}.tg-example__cta{display:flex;align-items:center;justify-content:space-between;gap:.85rem;flex-wrap:wrap;margin-top:1.25rem;padding-top:1rem;border-top:1px solid hsl(var(--patui-border))}.tg-example__cta-text{color:hsl(var(--patui-muted-foreground));font-size:.88rem}.tg-example__cta-btn.tg-btn--primary{flex:0 0 auto;background:#059669;color:#fff;border-color:transparent}.tg-example__cta-btn.tg-btn--primary:hover{background:#047857;color:#fff}.tg-example__cta-btn.is-nudge{animation:tg-ex-nudge 1.25s ease-out 2}@keyframes tg-ex-nudge{0%{box-shadow:0 0 0 0 rgba(5,150,105,.55)}70%{box-shadow:0 0 0 12px rgba(5,150,105,0)}100%{box-shadow:0 0 0 0 rgba(5,150,105,0)}}@media (prefers-reduced-motion:reduce){.tg-example__hint{transition:none}.tg-example__cta-btn.is-nudge{animation:none}}@media (max-width:640px){.tg-example__card{padding:1.15rem 1.15rem}.tg-example__choices--2col{grid-template-columns:1fr}.tg-example__mock{padding:1rem}.tg-example__ms-arrow{width:48px;height:48px;font-size:22px}.tg-example__ms-box{width:84px;height:84px}.tg-example__hint{font-size:.78rem}.tg-example__cta{align-items:stretch}.tg-example__cta-btn{width:100%;justify-content:center}}@media (min-width:641px){.tg-example__choices--2col{grid-template-columns:1fr 1fr}}.tg-play-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.25rem 0 1.5rem;border-bottom:1px solid hsl(var(--patui-border));margin-bottom:2rem}.tg-view--play--has-leaderboard .leaderboard-link{display:none}.tg-game .tg-view--play .quiz-section.instructions-section,.tg-game .tg-view--play .welcome-header{display:none}.tg-game .tg-view--play .welcome-screen{background:0 0;padding:0;margin-bottom:0}.tg-game .tg-view--play .quiz-sections{display:block;margin-bottom:0}.tg-game .tg-view--play .quiz-section{background:0 0;border-radius:0;padding:0;height:auto;margin-bottom:1.75rem}.tg-game .tg-view--play .language-title,.tg-game .tg-view--play .planning-difficulty-title,.tg-game .tg-view--play .planning-mode-title,.tg-game .tg-view--play .quiz-section h3,.tg-game .tg-view--play .section-content h3,.tg-game .tg-view--play .tg-setup-group h3{font-size:1.1rem;font-weight:700;color:hsl(var(--patui-foreground));margin:0 0 1rem}.tg-game .tg-view--play .language-section-inline{border-top:0;margin-top:0;padding-top:0}.tg-game .tg-view--play .quiz-section h3.planning-difficulty-title,.tg-game .tg-view--play .quiz-section h3.planning-mode-title,.tg-game .tg-view--play .quiz-section h3.planning-timer-title,.tg-game .tg-view--play .tg-setup-group h3.planning-mode-title,.tg-game .tg-view--play .tg-setup-group h3.planning-timer-title{margin-top:1.75rem}.tg-game .tg-view--play .planning-option-grid{margin-bottom:0}.tg-game .tg-view--play .planning-option-grid,.tg-game .tg-view--play .scenario-grid{grid-template-columns:repeat(3,1fr);gap:1rem}.tg-game .tg-view--play .planning-option-grid.planning-option-grid-modes{grid-template-columns:repeat(2,1fr)}@media (max-width:1024px){.tg-game .tg-view--play .planning-option-grid,.tg-game .tg-view--play .scenario-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.tg-game .tg-view--play .planning-option-grid,.tg-game .tg-view--play .planning-option-grid.planning-option-grid-modes,.tg-game .tg-view--play .scenario-grid{grid-template-columns:1fr}}.tg-game .tg-view--play .time-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.tg-game .tg-view--play .time-option{align-items:flex-start;text-align:left;gap:.35rem;background:hsl(var(--patui-card));border:1.5px solid hsl(var(--patui-border));border-radius:var(--tg-radius);padding:1.25rem;transition:border-color .15s ease,background-color .15s ease}.tg-game .tg-view--play .time-option:hover{border-color:hsl(var(--patui-primary) / .5);transform:none;box-shadow:none}.tg-game .tg-view--play .time-option.selected{border-color:hsl(var(--patui-primary));background:hsl(var(--patui-primary) / .07)}.tg-game .tg-view--play .quiz-mode-option{border-color:hsl(var(--patui-border));background:hsl(var(--patui-card));transition:border-color .15s ease,background-color .15s ease}.tg-game .tg-view--play .quiz-mode-option:hover{background:hsl(var(--patui-card));border-color:hsl(var(--patui-primary) / .5)}.tg-game .tg-view--play .quiz-mode-option.selected{border-color:hsl(var(--patui-primary));background:hsl(var(--patui-primary) / .07)}.tg-game .tg-view--play .quiz-mode-option.selected .quiz-mode-title{color:hsl(var(--patui-primary))}.tg-game .tg-view--play .option-time{font-size:1.35rem;font-weight:800;color:hsl(var(--patui-foreground));margin-bottom:0}.tg-game .tg-view--play .option-label{color:hsl(var(--patui-muted-foreground));font-size:.9rem}.tg-game .tg-view--play .question-time-option{cursor:pointer;background:hsl(var(--patui-card));border:1.5px solid hsl(var(--patui-border));border-radius:var(--tg-radius);padding:.6rem 1.5rem;font-size:.95rem;font-weight:600;color:hsl(var(--patui-foreground));transition:border-color .15s ease,background-color .15s ease}.tg-game .tg-view--play .question-time-option:hover{border-color:hsl(var(--patui-primary) / .5)}.tg-game .tg-view--play .question-time-option.selected{border-color:hsl(var(--patui-primary));background:hsl(var(--patui-primary) / .07);color:hsl(var(--patui-primary))}.tg-game .tg-view--play .modern-list li{border:1px solid hsl(var(--patui-border));background:hsl(var(--patui-card))}.tg-game .tg-view--play .modern-list li:hover{transform:none}.tg-game .tg-view--play .settings-toggle .toggle-label{color:hsl(var(--patui-muted-foreground));font-size:.9rem}.tg-game .tg-view--play .settings-toggle input:checked+.toggle-slider{background:hsl(var(--patui-primary));border-color:hsl(var(--patui-primary))}.tg-play-section-title{font-size:1.1rem;font-weight:700;margin:0 0 1rem}.tg-select-note{margin:-.5rem 0 1rem;font-size:.9rem;color:hsl(var(--patui-muted-foreground))}.tg-demo-note{display:flex;gap:.8rem;align-items:flex-start;background:hsl(var(--patui-primary) / .07);border:1px solid hsl(var(--patui-primary) / .22);border-radius:var(--tg-radius);padding:.9rem 1.1rem;margin-bottom:1.25rem}.tg-demo-note__icon{color:hsl(var(--patui-primary));display:inline-flex;margin-top:.1rem}.tg-demo-note__body{display:flex;flex-direction:column;gap:.25rem}.tg-demo-note__title{font-weight:700;font-size:.95rem}.tg-demo-note__text{color:hsl(var(--patui-muted-foreground));font-size:.9rem;line-height:1.5}.tg-demo-note__link{align-self:flex-start;margin-top:.15rem;font-size:.9rem;font-weight:600;color:hsl(var(--patui-primary));text-decoration:underline}.tg-demo-note__link:hover{color:hsl(var(--patui-primary));opacity:.85}.tg-duration-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.tg-duration-card{text-align:left;cursor:pointer;background:hsl(var(--patui-card));border:1.5px solid hsl(var(--patui-border));border-radius:var(--tg-radius);padding:1.25rem;display:flex;flex-direction:column;gap:.35rem;transition:border-color .15s ease,background-color .15s ease}.tg-duration-card:hover{border-color:hsl(var(--patui-primary) / .5)}.tg-duration-card.is-selected{border-color:hsl(var(--patui-primary));background:hsl(var(--patui-primary) / .07)}.tg-duration-card__time{font-size:1.35rem;font-weight:800}.tg-duration-card__label{color:hsl(var(--patui-muted-foreground));font-size:.9rem}.tg-duration-card__target{display:inline-flex;align-items:center;gap:.4rem;margin-top:.35rem;font-size:.85rem;font-weight:600;color:hsl(var(--patui-primary))}.tg-setup-group{margin-bottom:1.5rem}.tg-setup-group__title{font-size:1.1rem;font-weight:700;margin:0 0 1rem}.tg-choice-row{display:flex;gap:.75rem;flex-wrap:wrap}.tg-choice-btn{cursor:pointer;background:hsl(var(--patui-card));border:1.5px solid hsl(var(--patui-border));border-radius:var(--tg-radius);padding:.6rem 1.5rem;font-size:.95rem;font-weight:600;color:hsl(var(--patui-foreground));transition:border-color .15s ease,background-color .15s ease}.tg-choice-btn:hover{border-color:hsl(var(--patui-primary) / .5)}.tg-choice-btn.selected{border-color:hsl(var(--patui-primary));background:hsl(var(--patui-primary) / .07);color:hsl(var(--patui-primary))}.tg-choice-btn>*{pointer-events:none}.tg-gate-card{background:hsl(var(--patui-card));border:1.5px solid hsl(var(--patui-border));border-radius:var(--tg-radius);padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;align-items:flex-start}.tg-gate-card.is-ok,.tg-gate.is-ok .tg-gate-card{border-color:hsl(var(--tg-success) / .6)}.tg-gate-head{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;color:hsl(var(--patui-primary))}.tg-gate-text{font-size:.9rem;color:hsl(var(--patui-muted-foreground))}.tg-gate-status{font-size:.9rem;font-weight:600}.tg-gate-status.is-success{color:hsl(var(--tg-success))}.tg-gate-status.is-error{color:hsl(var(--tg-destructive))}.tg-gate-confirm{display:inline-flex;align-items:center;gap:.55rem;cursor:pointer;user-select:none;font-size:.95rem}.tg-gate-confirm input{width:17px;height:17px;accent-color:hsl(var(--patui-primary))}.tg-select-wrap{position:relative;display:inline-block}.tg-select-wrap::after{content:"";position:absolute;right:1.1rem;top:50%;width:8px;height:8px;border-right:2px solid hsl(var(--patui-muted-foreground));border-bottom:2px solid hsl(var(--patui-muted-foreground));transform:translateY(-70%) rotate(45deg);pointer-events:none}.tg-select{appearance:none;-webkit-appearance:none;background:hsl(var(--patui-card));border:1.5px solid hsl(var(--patui-border));border-radius:var(--tg-radius);color:hsl(var(--patui-foreground));font-size:.95rem;font-weight:600;padding:.6rem 2.75rem .6rem 1rem;min-width:220px;cursor:pointer;transition:border-color .15s ease}.tg-select:hover{border-color:hsl(var(--patui-primary) / .5)}.tg-select:focus{outline:0;border-color:hsl(var(--patui-primary))}.tg-history .question-type-filters{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.tg-history .tg-filter-label{font-size:.9rem;font-weight:600;color:hsl(var(--patui-muted-foreground));margin-right:.25rem}.tg-history .question-type-filter{cursor:pointer;background:hsl(var(--patui-card));border:1.5px solid hsl(var(--patui-border));border-radius:999px;padding:.35rem 1rem;font-size:.85rem;font-weight:600;color:hsl(var(--patui-muted-foreground));transition:border-color .15s ease,background-color .15s ease,color .15s ease}.tg-history .question-type-filter:hover{border-color:hsl(var(--patui-primary) / .5)}.tg-history .question-type-filter.active{border-color:hsl(var(--patui-primary));background:hsl(var(--patui-primary) / .07);color:hsl(var(--patui-primary))}.tg-settings-toggle{display:inline-flex;align-items:center;gap:.6rem;cursor:pointer;user-select:none;margin-bottom:1.75rem}.tg-settings-toggles{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}.tg-settings-toggles .tg-settings-toggle{margin-bottom:0}.tg-settings-toggles{margin-bottom:1.75rem}.tg-settings-toggle input{position:absolute;opacity:0;width:0;height:0}.tg-toggle-slider{position:relative;width:40px;height:22px;border-radius:999px;background:hsl(var(--patui-muted));border:1px solid hsl(var(--patui-border));transition:background-color .15s ease}.tg-toggle-slider::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s ease}.tg-settings-toggle input:checked+.tg-toggle-slider{background:hsl(var(--patui-primary));border-color:hsl(var(--patui-primary))}.tg-settings-toggle input:checked+.tg-toggle-slider::after{transform:translateX(18px)}.tg-toggle-label{font-size:.9rem;color:hsl(var(--patui-muted-foreground))}.tg-start-section{background:hsl(var(--patui-muted) / .5);border:1px solid hsl(var(--patui-border));border-radius:var(--tg-radius);padding:1.5rem;text-align:center}.tg-start-btn{font-size:1.05rem;padding:.85rem 2rem}.tg-start-btn.tg-btn--primary{background:#059669;color:#fff;border-color:transparent}.tg-start-btn.tg-btn--primary[disabled]{opacity:.45;cursor:not-allowed}.tg-start-btn.tg-btn--primary:not([disabled]):hover{background:#047857;color:#fff}.tg-start-hint{margin:.75rem 0 0;font-size:.85rem;color:hsl(var(--patui-muted-foreground))}.tg-history__empty{color:hsl(var(--patui-muted-foreground))}.tg-history--locked .tg-locked-cta{text-align:center;padding:1.5rem}.tg-locked-cta__title{margin:0 0 .5rem;font-weight:700;font-size:1.05rem}.tg-locked-cta__text{margin:0 0 1rem;color:hsl(var(--patui-muted-foreground))}.tg-locked-cta__note{font-size:.9rem;margin-top:1rem}.tg-locked-cta .tg-btn--primary{display:inline-flex}.tg-collapse{margin-bottom:1.5rem;background:hsl(var(--patui-card));border:1.5px solid hsl(var(--patui-border));border-radius:var(--tg-radius)}.tg-collapse__summary{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;cursor:pointer;user-select:none;list-style:none}.tg-collapse__summary::-webkit-details-marker{display:none}.tg-collapse__summary:hover{color:hsl(var(--patui-primary))}.tg-collapse__icon{font-size:1.1rem}.tg-collapse__title{font-weight:700;white-space:nowrap}.tg-collapse__hint{flex:1;font-size:.85rem;color:hsl(var(--patui-muted-foreground))}.tg-collapse__chevron{flex-shrink:0;transition:transform .15s ease}.tg-collapse[open] .tg-collapse__chevron{transform:rotate(180deg)}.tg-collapse__body{padding:.25rem 1.25rem 1.25rem;border-top:1px solid hsl(var(--patui-border))}@media (max-width:640px){.tg-collapse__hint{display:none}}.tg-mapping-cards{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width:900px){.tg-mapping-cards{grid-template-columns:1fr 1fr}.tg-mapping-card--wide{grid-column:1/-1}}.tg-mapping-card{background:hsl(var(--patui-card));border:1.5px solid hsl(var(--patui-border));border-radius:var(--tg-radius);padding:1.25rem;display:flex;flex-direction:column}.tg-mapping-card__head{display:flex;align-items:flex-start;gap:1rem;flex-wrap:wrap;margin-bottom:1.1rem}.tg-mapping-card__titles{flex:1;min-width:220px;display:flex;flex-direction:column;gap:.3rem}.tg-mapping-card__title{font-size:1rem;font-weight:700;display:inline-flex;align-items:center;gap:.5rem;line-height:1.2}.tg-mapping-card__icon{font-size:1.05rem}.tg-mapping-card__desc{font-size:.9rem;color:hsl(var(--patui-muted-foreground));line-height:1.45}.tg-mapping-card__note{font-size:.85rem;font-weight:600;color:hsl(var(--patui-primary));line-height:1.45}.tg-mapping-card__actions{display:flex;gap:.5rem;flex-shrink:0;flex-wrap:wrap}.tg-game .tg-mapping-setup .key-mapping-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem;margin:auto 0 0}.tg-game .tg-mapping-setup .key-map-item{padding:1rem .75rem .85rem;border-radius:var(--tg-radius-lg);border:1.5px solid hsl(var(--patui-foreground) / .1);box-shadow:none;transition:border-color .15s ease,box-shadow .15s ease}.tg-game .tg-mapping-setup .key-map-item:hover{transform:none;border-color:hsl(var(--patui-primary) / .5);box-shadow:0 2px 8px hsl(var(--patui-foreground) / .08)}.tg-game .tg-mapping-setup .key-map-item.direction-key,.tg-game .tg-mapping-setup .key-map-item.sound-key{background:hsl(var(--patui-card));border-color:hsl(var(--patui-border))}.tg-game .tg-mapping-setup .color-name,.tg-game .tg-mapping-setup .direction-name,.tg-game .tg-mapping-setup .sound-name{font-size:.9rem;font-weight:600;margin-top:0}.tg-game .tg-mapping-setup .key-map-item.direction-key{flex-direction:row;justify-content:center;align-items:center;gap:.5rem}.tg-game .tg-mapping-setup .key-map-item .direction-arrow{font-size:1.1rem;line-height:1;margin-top:0;color:hsl(var(--patui-muted-foreground))}.tg-game .tg-mapping-setup .key-badge{top:-10px;right:-7px;width:auto;min-width:26px;height:26px;padding:0 .35rem;border-radius:var(--tg-radius-md);background:hsl(var(--patui-card));color:hsl(var(--patui-foreground));border:1px solid hsl(var(--patui-border));border-bottom-width:3px;box-shadow:0 1px 3px hsl(var(--patui-foreground) / .15);font-size:.8rem;font-weight:700}.tg-game .tg-mapping-setup .key-map-item.using-footpedals{background:hsl(var(--tg-success) / .06);border-color:hsl(var(--tg-success) / .45)}.tg-game .tg-mapping-setup .key-badge.footpedal-badge{background:hsl(var(--tg-success));border-color:hsl(var(--tg-success));font-size:.95rem}.tg-game .tg-view--play .ohv-setup .speed-increase-card{background:hsl(var(--patui-card));border:1.5px solid hsl(var(--patui-border));border-radius:var(--tg-radius);padding:1rem 1.25rem 1.15rem}.tg-game .tg-view--play .ohv-setup .speed-increase-card .tg-setup-group__title{font-size:1rem;margin:0 0 .25rem}.tg-game .tg-view--play .ohv-setup .speed-increase-card .tg-select-note{margin:0}.tg-game .tg-view--play .ohv-setup .speed-increase-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:.9rem 0 .35rem;font-size:.9rem}.tg-game .tg-view--play .ohv-setup .speed-increase-label{font-weight:600}.tg-game .tg-view--play .ohv-setup .speed-increase-value{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:hsl(var(--patui-muted-foreground))}.tg-game .tg-view--play .ohv-setup .speed-increase-slider{width:100%;accent-color:hsl(var(--patui-primary))}.tg-game .ohv-chrome-banner{--tg-ohv-amber:38 92% 45%;display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem;padding:.9rem 1.1rem;background:hsl(var(--tg-ohv-amber) / .09);border:1.5px solid hsl(var(--tg-ohv-amber) / .5);border-left:4px solid hsl(var(--tg-ohv-amber));border-radius:var(--tg-radius-lg);font-size:.95rem;line-height:1.5}.tg-game .ohv-chrome-banner__icon{font-size:1.25rem;line-height:1.3}.tg-game .ohv-chrome-banner__text strong{display:block;margin-bottom:.15rem;color:hsl(var(--patui-foreground));font-weight:700}.tg-game .ohv-chrome-banner__text{color:hsl(var(--patui-foreground) / .85)}.tg-game .tg-view--play .ohv-setup .difficulty-option,.tg-game .tg-view--play .ohv-setup .disturbance-option,.tg-game .tg-view--play .ohv-setup .mode-type{background:hsl(var(--patui-card));border:1.5px solid hsl(var(--patui-border));border-radius:var(--tg-radius);transition:border-color .15s ease,background-color .15s ease}.tg-game .tg-view--play .ohv-setup .difficulty-option:hover,.tg-game .tg-view--play .ohv-setup .disturbance-option:hover,.tg-game .tg-view--play .ohv-setup .mode-type:hover{transform:none;box-shadow:none;border-color:hsl(var(--patui-primary) / .5)}.tg-game .tg-view--play .ohv-setup .difficulty-option.selected,.tg-game .tg-view--play .ohv-setup .disturbance-option.selected,.tg-game .tg-view--play .ohv-setup .mode-type.selected{background:hsl(var(--patui-primary) / .07);border-color:hsl(var(--patui-primary));box-shadow:none}.tg-game .tg-view--play .ohv-setup .difficulty-option.selected::before,.tg-game .tg-view--play .ohv-setup .disturbance-option.selected::before,.tg-game .tg-view--play .ohv-setup .mode-type.selected::before{color:hsl(var(--patui-primary))}.tg-game .tg-view--play .ohv-setup .mode-category h4{background:0 0;padding:0;text-align:left;font-size:.8rem;letter-spacing:.08em;color:hsl(var(--patui-muted-foreground))}.tg-game .tg-view--play .ohv-setup .mode-category:first-child::after{display:none}.tg-game .tg-view--play .ohv-setup .tg-setup-group{margin:1.75rem 0 0}.tg-game .tg-view--play .game-start-section{margin-top:1.5rem}.tg-game .tg-view--play .start-game-btn{display:inline-flex;align-items:center;gap:.5rem;background:#059669;color:#fff;border:1px solid transparent;border-radius:var(--tg-radius-md);font-size:1.05rem;font-weight:500;line-height:1;padding:.85rem 2rem;cursor:pointer;transition:background-color .15s ease,transform .05s ease}.tg-game .tg-view--play .start-game-btn[disabled]{opacity:.45;cursor:not-allowed}.tg-game .tg-view--play .start-game-btn:not([disabled]):hover{background:#047857;color:#fff;transform:none;box-shadow:none}.tg-game .tg-view--play .start-game-btn:not([disabled])~.tg-start-hint{display:none}.tg-paywall{text-align:center;max-width:620px;margin:1rem auto;background:hsl(var(--patui-card));border:1px solid hsl(var(--patui-border));border-radius:var(--tg-radius);padding:2.5rem 2rem}.tg-paywall__lock{width:56px;height:56px;margin:0 auto 1rem;display:grid;place-items:center;border-radius:16px;background:hsl(var(--patui-primary) / .1);color:hsl(var(--patui-primary))}.tg-paywall__title{margin:0 0 .6rem;font-size:1.4rem;font-weight:800}.tg-paywall__text{margin:0 auto 1.5rem;max-width:46ch;color:hsl(var(--patui-muted-foreground))}.tg-paywall__actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.tg-paywall__note{margin:1.25rem 0 0;font-size:.9rem;color:hsl(var(--patui-muted-foreground))}html.pat-sidebar-closed .tg-game[data-view=play] .tg-view--play:has(.welcome-screen[style*="display: none"]),html.pat-sidebar-closed .tg-game[data-view=play] .tg-view--play:has(.welcome-screen[style*="display:none"]){min-height:calc(100vh + 4rem)}@media (max-width:640px){.tg-tabsbar__cta{width:100%;align-items:center}.tg-tabsbar__play{width:100%;justify-content:center}.tg-tab svg{display:none}.tg-tab{padding:.5rem .9rem}}