.tro-choi{--tro-choi-bg:var(--pal-b-0d080b,#0d080b);--tro-choi-paper:var(--pal-b-170d12,#170d12);--tro-choi-paper-soft:var(--pal-b-21131a,#21131a);--tro-choi-ink:var(--pal-t-f5e8c7,#f5e8c7);--tro-choi-copy:#f5e8c7c7;--tro-choi-muted:#f5e8c799;--tro-choi-line:#dcb96733;--tro-choi-gold:var(--pal-t-e8c56a,#e8c56a);--tro-choi-son:#e27b89;min-height:70vh;color:var(--tro-choi-ink);background:radial-gradient(120% 60% at 50% 0%, #96283738, transparent 70%), var(--tro-choi-bg);padding:clamp(5.25rem,11vw,7rem) 1rem clamp(3rem,8vw,5rem)}html[data-theme=light] .tro-choi{--tro-choi-bg:var(--pal-b-f3e9d4,#f3e9d4);--tro-choi-paper:#fbf4e4;--tro-choi-paper-soft:#fffaf0;--tro-choi-ink:var(--pal-t-2a1c19,#2a1c19);--tro-choi-copy:#2a1c19c7;--tro-choi-muted:#2a1c199e;--tro-choi-line:#2a1c1929;--tro-choi-gold:#8a5a12;--tro-choi-son:var(--pal-t-9a2f3b,#9a2f3b);background:radial-gradient(120% 60% at 50% 0%, #be5a4624, transparent 70%), var(--tro-choi-bg)}.tro-choi__shell{max-width:1080px;margin:0 auto}.tro-choi__head{text-align:center;max-width:720px;margin:1.5rem auto 0}.tro-choi__eyebrow{color:var(--tro-choi-gold);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:700}.tro-choi__head h1{font:600 clamp(2.1rem, 7vw, 3.4rem) / 1.1 var(--font-serif,Lora, "Lora fallback", Georgia, serif);text-wrap:balance;margin:.5rem 0 0}.tro-choi__lead{max-width:60ch;color:var(--tro-choi-copy);margin:1rem auto 0;font-size:1.05rem;line-height:1.65}.tro-choi__round{border:1px solid var(--tro-choi-line);color:var(--tro-choi-gold);background:var(--tro-choi-paper-soft);border-radius:999px;margin:1.25rem 0 0;padding:.5rem 1rem;font-size:.95rem;line-height:1.5;display:inline-block}.tro-choi__promise-line{max-width:48rem;color:var(--tro-choi-copy);text-wrap:balance;margin:.75rem auto 0;font-size:.875rem;line-height:1.55}.tro-choi__games{margin:2.5rem auto 0}.tro-choi__games h2,.tro-choi__empty h2{font:600 clamp(1.4rem, 4vw, 1.8rem) / 1.25 var(--font-serif,Lora, "Lora fallback", Georgia, serif);text-align:center;text-wrap:balance;margin:0}.tro-choi__games ul{gap:1rem;margin:1.25rem 0 0;padding:0;list-style:none;display:grid}.tro-choi__card{border:1px solid var(--tro-choi-line);min-height:44px;color:inherit;background:var(--tro-choi-paper-soft);border-radius:16px;gap:.4rem;padding:1.1rem 1.2rem;text-decoration:none;transition:border-color .16s,transform .16s;display:grid}.tro-choi__card strong{font:600 1.2rem / 1.3 var(--font-serif,Lora, "Lora fallback", Georgia, serif)}.tro-choi__card span{color:var(--tro-choi-copy);line-height:1.55}.tro-choi__card small{color:var(--tro-choi-gold);font-size:.85rem;font-weight:700}.tro-choi__card:hover{border-color:var(--tro-choi-gold);transform:translateY(-2px)}.tro-choi__card:focus-visible,.tro-choi__empty-actions>a:focus-visible{outline:3px solid var(--tro-choi-son);outline-offset:4px}.tro-choi__empty{border:1px solid var(--tro-choi-line);text-align:center;background:var(--tro-choi-paper-soft);border-radius:18px;max-width:720px;margin:2.5rem auto 0;padding:clamp(1.5rem,6vw,3rem)}.tro-choi__empty p{max-width:56ch;color:var(--tro-choi-copy);margin:.9rem auto 0;line-height:1.65}.tro-choi__empty-actions{flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem;margin-top:1rem;display:flex}.tro-choi__empty-actions>a{border-bottom:2px solid var(--tro-choi-son);min-height:44px;color:var(--tro-choi-son);align-items:center;font-weight:800;text-decoration:none;display:inline-flex}@media (width>=720px){.tro-choi__games ul{grid-template-columns:repeat(auto-fit,minmax(16rem,21rem));justify-content:center}}.tro-choi__head+.tro-choi__games{margin-top:1.75rem}.tro-choi__card--art{grid-template-columns:6.25rem minmax(0,1fr);align-items:start;column-gap:.9rem}.tro-choi__card--art>*{grid-column:2}.tro-choi__card--art>.tro-choi__art{grid-area:1/1/span 3}.tro-choi__art{aspect-ratio:3/2;background:radial-gradient(90% 70% at 50% 0,#ffc93c24,#0000 70%),linear-gradient(160deg,#a8121e,#6f0a15);border:1px solid #ffc93c73;border-radius:12px;display:block;overflow:hidden}.tro-choi__art svg{width:100%;height:100%;display:block}.tro-choi__art .a-g{fill:#ffc93c}.tro-choi__art .a-c{fill:#fff4df}.tro-choi__art .a-r{fill:#e0262b;stroke:#ffc93c;stroke-width:2px}.tro-choi__art .a-d{fill:#5e0812;stroke:#ffc93c;stroke-width:1.5px}.tro-choi__art .a-k{fill:#4a140c}.tro-choi__art .a-n{fill:#3f8a4a}.tro-choi__art .a-y{fill:#ffd84d}.tro-choi__art .a-o{fill:#f08a24}.tro-choi__art .a-m{fill:#d9d2c5}.tro-choi__art :is(.a-s,.a-sc,.a-sk,.a-sd,.a-hl){fill:none;stroke-linecap:round;stroke-linejoin:round}.tro-choi__art .a-s{stroke:#ffc93c;stroke-width:3px}.tro-choi__art .a-sc{stroke:#fff4df;stroke-width:2.5px}.tro-choi__art .a-sk{stroke:#4a140c;stroke-width:3.5px}.tro-choi__art .a-sd{stroke:#7a0c17;stroke-width:2px}.tro-choi__art .a-hl{stroke:#ffc93c;stroke-width:11px;opacity:.45}@media (width>=720px){.tro-choi__card--art{grid-template-columns:minmax(0,1fr)}.tro-choi__card--art>*,.tro-choi__card--art>.tro-choi__art{grid-area:auto/1}.tro-choi__card--art>.tro-choi__art{aspect-ratio:5/2;margin-bottom:.35rem}}@media (prefers-reduced-motion:reduce){.tro-choi__card{transition:none}.tro-choi__card:hover{transform:none}}.tro-choi__how{border-top:1px solid var(--tro-choi-line);max-width:720px;margin:3rem auto 0;padding-top:1.5rem}.tro-choi__how h2{font:600 clamp(1.3rem, 4vw, 1.6rem) / 1.25 var(--font-serif,Lora, "Lora fallback", Georgia, serif);margin:0}.tro-choi__how ol{color:var(--tro-choi-copy);margin:.9rem 0 0;padding-left:1.3rem;line-height:1.65;list-style:decimal}.tro-choi__how p{color:var(--tro-choi-copy);margin:.9rem 0 0;line-height:1.65}.tro-choi__back{border-bottom:2px solid var(--tro-choi-son);min-height:44px;color:var(--tro-choi-son);align-items:center;margin-top:.75rem;font-weight:800;text-decoration:none;display:inline-flex}.tro-choi__back:focus-visible{outline:3px solid var(--tro-choi-son);outline-offset:4px}.tro-choi__sound{justify-content:center;margin-top:1rem;display:flex}.tro-choi__board-paused{border:1px solid var(--tro-choi-line);text-align:center;background:var(--tro-choi-paper-soft);border-radius:18px;max-width:720px;margin:2rem auto 0;padding:clamp(1.25rem,5vw,2.25rem)}.tro-choi__board-paused h2{font:600 clamp(1.3rem, 4vw, 1.6rem) / 1.25 var(--font-serif,Lora, "Lora fallback", Georgia, serif);margin:0}.tro-choi__board-paused p{max-width:56ch;color:var(--tro-choi-copy);margin:.75rem auto 0;line-height:1.65}.tro-choi__games--paused{border-top:1px solid var(--tro-choi-line);margin-top:3rem;padding-top:1.75rem}.tro-choi__games--paused h2{color:var(--tro-choi-copy);font-size:clamp(1.15rem,3.4vw,1.35rem)}.tro-choi__card--paused{border-style:dashed}.tro-choi__card--paused:hover{border-color:var(--tro-choi-muted);transform:none}.tro-choi__card .tro-choi__card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.35rem .75rem;display:flex}.tro-choi__card--paused strong{color:var(--tro-choi-muted)}.tro-choi__card .tro-choi__card-badge{color:var(--tro-choi-copy);white-space:nowrap;border:1px solid;border-radius:999px;padding:.1rem .6rem;font-size:.85rem;font-weight:700;line-height:1.4}.tro-choi__card .tro-choi__card-why{text-wrap:pretty}.tro-choi__card .tro-choi__card-reopens{color:var(--tro-choi-muted);text-wrap:pretty;font-size:.95rem}.tro-choi.tro-choi--khung{box-sizing:border-box;min-height:100dvh;padding:.75rem 1rem 1.5rem}.tro-choi--khung .tro-choi__head{margin-top:0}.tro-choi--khung .tro-choi__head h1{margin:0;font-size:clamp(1.3rem,4.6vw,1.9rem)}.tro-choi--khung .tro-choi__sound{margin-top:.5rem}.tro-choi--khung .tro-choi__how{margin-top:1.75rem}html[data-palette=tet-2027]{--pal-b-0d080b:#310b17;--pal-b-170d12:#3a0e1d;--pal-b-21131a:#3d0c1e;--pal-b-f3e9d4:#f6eace;--pal-t-2a1c19:#2d1815;--pal-t-9a2f3b:#9c2b2a;--pal-t-e8c56a:#ffcb28;--pal-t-f5e8c7:#ffecc2}