.app .breadcrumb{color:#5d6b7b;flex-wrap:wrap;gap:10px;margin:0 0 20px;font-size:14px;display:flex}.app .rank-summary{color:#526277;flex-wrap:wrap;gap:6px 12px;line-height:1.6;display:flex;margin:6px 0 12px!important;font-size:14px!important}.app .game-card.in-research,.app .in-research{background:#f0f2f5;border-color:#dce1e7}.app .in-research .game-action{background:#e7ebf0}.app .research-badge{color:#34445b;background:#e0e5ec;font-size:14px}.app .facet-grid{grid-template-columns:1.3fr 1fr;gap:22px;padding:20px 0;display:grid}.app fieldset{border:1px solid #dfe6f0;border-radius:12px;min-width:0;margin:0;padding:16px}.app legend{color:var(--ink);padding:0 6px;font-size:17px;font-weight:700}.app .facet-grid h3{margin:14px 0 8px;font-size:14px}.app .checkbox-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;display:grid}.app .checkbox-grid label,.app .facet-grid fieldset>label{align-items:center;gap:8px;min-height:38px;font-size:14px;font-weight:500;line-height:1.4;display:flex}.app .checkbox-grid input,.app .facet-grid fieldset>label input{flex:none;margin:0}.app .match-mode{flex-wrap:wrap;gap:6px;margin:0 0 14px;display:flex}.app .match-mode button{font-size:14px}.app .match-mode button[aria-pressed=true],.app .skill-buttons button[aria-pressed=true]{background:var(--primary);color:#fff}.app .dual-range{height:40px;margin:5px 0 12px;position:relative}.app .dual-range:before{content:"";background:linear-gradient(to right,#dce5f2 var(--from),var(--primary) var(--from),var(--primary) var(--to),#dce5f2 var(--to));border-radius:5px;height:5px;position:absolute;top:18px;left:0;right:0}.app .dual-range input{appearance:none;pointer-events:none;background:0 0;border:0;width:100%;height:40px;min-height:0;margin:0;padding:0;position:absolute;inset:0}.app .dual-range input::-webkit-slider-thumb{appearance:none;pointer-events:auto;background:var(--primary);width:24px;height:24px;box-shadow:0 0 0 1px var(--primary);cursor:ew-resize;border:3px solid #fff;border-radius:50%}.app .dual-range input::-moz-range-thumb{pointer-events:auto;background:var(--primary);cursor:ew-resize;border:3px solid #fff;border-radius:50%;width:20px;height:20px}.app .range-values{align-items:end;gap:10px;display:flex}.app .range-values label{flex:1;min-width:0;font-size:14px}.app .range-values span{padding-bottom:12px;font-size:14px}.app .range-reset{margin-top:10px;padding:6px 12px;font-size:14px}.app .selection-anchor{z-index:96;width:min(360px,100vw - 40px);height:auto;margin:0;display:block;position:fixed;top:78px;right:26px}.app .selection-bar{background:#fff;border:1px solid #dde5f0;border-radius:12px;justify-content:flex-end;gap:8px;padding:5px;box-shadow:0 4px 16px #192c4c15}.app .selection-summary{flex:1;font-size:14px}.app .selection-popover{background:#fff;width:100%;max-height:60vh;margin:0;position:absolute;top:58px;bottom:auto;right:0;overflow:auto}.app .catalogue-view:has(.selection-anchor){padding-top:64px}.app .game-hero{display:block}.app .game-hero .game-title{margin:18px 0 6px;font-size:32px}.app .game-hero h2{align-items:center;gap:8px;margin-top:24px;font-size:22px;display:flex}.app .game-cover-wrap.cover-hero{text-align:right;width:100%;display:block}.app .cover-hero .game-cover{object-fit:contain;background:#fff;border-radius:12px;width:100%;height:auto;max-height:350px;display:block}.app .cover-fallback.cover-hero{background:#f1f5fa;justify-content:center;align-items:center;gap:12px;width:100%;height:180px;max-height:350px;display:flex}.app .cover-credit{color:#607085;margin-top:5px;font-size:12px;display:block}.app .game-metadata{gap:8px;margin:18px 0;font-size:17px;display:grid}.app .game-metadata>div{grid-template-columns:110px minmax(0,1fr);gap:12px;display:grid}.app .game-metadata dt{color:#526277;font-weight:700}.app .game-metadata dd{overflow-wrap:anywhere;margin:0}.app .game-links dd{flex-wrap:wrap;gap:8px 16px;display:flex}.app .skill-map h2{font-size:22px}.app .pizza-block{max-width:560px}.app .labelled-wheel{width:100%;max-width:540px}.app .sources,.app .reference-note{color:#4c5b6d;background:#f0f2f5;border:1px solid #e0e5eb;border-radius:10px;margin-top:14px;padding:12px 14px;line-height:1.65;font-size:14px!important}.app .sources p,.app .sources small,.app .reference-note p{margin-bottom:6px;line-height:1.6;font-size:14px!important}.app .sources:empty{display:none}.app .skill-buttons{flex-wrap:wrap;gap:8px;margin:16px 0 20px;display:flex}.app .skill-buttons button{font-size:16px}.app .game-learning{margin:24px 0 32px}.app .skill-flow>div.condition-note{background:#fff0e3}.app .skill-chip{border-radius:7px;padding:5px 9px;font-size:14px;font-weight:700}.app .conditional-chip{border:1px dashed #192c4c}.app .related-game{align-items:flex-start;gap:16px;display:flex}.app .related-game>div{min-width:0}.app .related-game h3,.app .skill-example h3{font-size:20px}.app .related-game p{margin:4px 0 8px;font-size:14px}.app .mini-game{align-items:center;gap:12px;margin-top:12px;font-size:16px;display:flex}.app .mini-game .game-cover-wrap{flex:0 0 48px}.app .mini-game .game-cover{width:48px;height:60px}.app .mini-game .cover-credit{display:none}.app .comparison-scroll{background:#fff;border:1px solid #dde5ee;border-radius:14px;max-width:100%;margin:20px 0;overflow:auto}.app .comparison-table{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;font-size:17px}.app .comparison-table th,.app .comparison-table td{vertical-align:top;overflow-wrap:anywhere;border-bottom:1px solid #dde5ee;border-right:1px solid #dde5ee;min-width:240px;padding:20px}.app .comparison-table th:first-child{background:#edf4ff;width:160px;min-width:160px;font-size:16px}.app .comparison-table thead th{background:#f4f8ff}.app .comparison-table h2{margin:12px 0 6px;font-size:22px}.app .comparison-table h3{margin:12px 0 7px;font-size:17px;font-weight:700}.app .comparison-table p{font-size:16px;line-height:1.7}.app .comparison-table .game-metadata{font-size:15px}.app .comparison-table .game-metadata>div{display:block}.app .cover-compare{text-align:center;display:block}.app .cover-compare .game-cover{object-fit:contain;background:#fff;width:100%;height:130px}.app .cover-fallback.cover-compare{width:100%;height:130px}.app .activity-editor{gap:14px;margin-top:18px;display:grid}.app .activity-editor textarea{min-height:90px}.app .package-choice{margin:16px 0}.app .package-choice .panel{padding:18px}.app .package-choice h3{font-size:20px}.app .prototype-chain{border:1px solid #dde5ee;border-radius:10px;margin:12px 0;padding:14px}@media (width<=1150px){.app .comparison-table{table-layout:auto;width:max-content;min-width:100%}.app .comparison-table td,.app .comparison-table thead th:not(:first-child){width:260px;max-width:300px}.app .facet-grid{grid-template-columns:1fr}.app .detail-overview{grid-template-columns:1fr 1fr}}@media (width<=760px){.app .selection-anchor{width:auto;inset:auto 12px 12px}.app .selection-popover{max-height:55vh;top:auto;bottom:58px}.app .catalogue-view:has(.selection-anchor){padding-top:0;padding-bottom:80px}.app .facet-grid{gap:14px}.app .checkbox-grid{grid-template-columns:1fr}.app .detail-overview{grid-template-columns:1fr;gap:16px}.app .cover-hero .game-cover{max-height:500px}.app .game-hero .game-title{font-size:28px}.app .game-metadata>div{grid-template-columns:85px minmax(0,1fr)}.app .comparison-table th,.app .comparison-table td{padding:14px}.app .comparison-table th:first-child{width:110px;min-width:110px}.app .comparison-table td,.app .comparison-table thead th:not(:first-child){width:230px;min-width:230px}.app .skill-buttons{gap:6px}.app .skill-buttons button{font-size:14px}.app .related-game{gap:12px}.app .labelled-wheel{max-width:540px}.app .match-mode button{flex:1}.app .game-hero{padding:18px}}@media print{.app .selection-anchor,.app .prototype-tools,.app .builder-actions,.app .builder-steps,.app .builder .actions{display:none}.app .builder{border:0;padding:0}.app .comparison-scroll{overflow:visible}}.app .comparison-scroll{max-height:calc(100dvh - 155px)}.app .comparison-table thead th{z-index:2;position:sticky;top:0}.app .comparison-table tbody th{z-index:1;position:sticky;left:0}.app .comparison-table thead th:first-child{z-index:3;left:0}.app .game-metadata dt{word-break:keep-all}.app .mechanism-reasons{margin:14px 0;font-size:15px}@media (width<=760px){.app .labelled-wheel text{font-size:22px}.app .game-metadata>div{grid-template-columns:100px minmax(0,1fr)}}@media print{.app .skip,.app .page-heading,.app p[role=status],.app footer{display:none!important}.app .prototype-review{background:#fff;border:0}.app .prototype-review article{break-inside:avoid}.app main{background:#fff}.app .builder p,.app .builder li{font-size:14px}.app .reference-note,.app .sources{font-size:12px!important}}.app .facet-grid{align-items:start;gap:12px;padding:12px 0}.app .facet-grid fieldset{padding:10px 12px}.app .facet-grid .checkbox-grid{flex-wrap:wrap;gap:4px 12px;display:flex}.app .facet-grid .checkbox-grid label,.app .facet-grid fieldset>label{min-height:32px;font-size:14px}.app .skill-filter-groups{gap:10px;display:grid}.app .skill-filter-group{border-left:4px solid var(--skill-color);padding-left:10px}.app .skill-filter-group h3{align-items:center;gap:6px;margin:0 0 5px;font-size:14px;display:flex}.app .skill-filter-group h3 small{color:#526277;font-size:12px;font-weight:500}.app .skill-filter-group h3 i{background:var(--skill-color);border-radius:50%;flex:none;width:9px;height:9px}.app .skill-options{flex-wrap:wrap;gap:4px 6px;display:flex}.app .skill-options label{cursor:pointer;background:#fff;border:1px solid #dfe6ef;border-radius:6px;align-items:center;gap:5px;min-height:32px;padding:4px 7px;font-size:13px;line-height:1.3;display:flex}.app .skill-options label.is-selected{border-color:var(--skill-color);background:color-mix(in srgb,var(--skill-color) 18%,white);font-weight:700}.app .skill-options input{accent-color:var(--skill-color);flex:none;width:15px;height:15px;margin:0}.app .match-mode{margin-bottom:12px}.app .match-mode button{border:2px solid #0000;flex-direction:column;align-items:start;gap:2px;padding:8px 12px;display:flex}.app .match-mode small{font-size:12px;font-weight:500}.app .match-mode .match-any{color:#173f77;background:#edf4ff}.app .match-mode .match-all{color:#713815;background:#fff0e5}.app .match-mode .match-any[aria-pressed=true]{color:#fff;background:#1267c9;border-color:#104c91;box-shadow:0 0 0 2px #1267c91a}.app .match-mode .match-all[aria-pressed=true]{color:#392315;background:#ff9b4c;border-color:#a64c00;box-shadow:0 0 0 2px #ff9b4c26}.app .skill-buttons button{border:2px solid var(--skill-color);background:color-mix(in srgb,var(--skill-color) 15%,white);color:#192c4c}.app .skill-buttons button[aria-pressed=true]{background:color-mix(in srgb,var(--skill-color) 45%,white);color:#192c4c;outline:2px solid var(--skill-color);outline-offset:2px;font-weight:700}.app .skills-intro{margin-bottom:24px}.app .skills-intro h2{margin-top:0;font-size:24px}.app .skills-intro p{font-size:17px;line-height:1.8}.app .intro-source{font-size:14px}@media (width<=760px){.app .skill-filter-group h3{flex-wrap:wrap}.app .skill-options label,.app .facet-grid .checkbox-grid label{min-height:36px}.app .skills-intro{padding:18px}.app .skills-intro h2{font-size:22px}}.app .skill-picker label{border-left:4px solid var(--skill-color);border-radius:6px;padding-left:8px}.app .skill-picker input{accent-color:var(--skill-color)}.app .skill-picker input:checked+span{background:color-mix(in srgb,var(--skill-color) 25%,white);color:#192c4c}.app .skill-flow p.learning-note{color:#627186;max-width:85ch;margin:8px 0;font-size:14px;line-height:1.65}.app footer .bgg-credit{margin:12px 0;display:inline-block}.app .bgg-credit img{width:200px;max-width:100%;height:auto}.app .feedback-link{gap:6px;margin:14px 0;display:grid}.app .feedback-link a{align-items:center;gap:8px;font-weight:600;display:flex}.app .feedback-link small{color:#627186;font-size:14px}.app .feedback-link .feedback-button{z-index:90;color:#fff;background:#1267c9;border:1px solid #fff;border-radius:999px;justify-content:center;min-height:44px;padding:10px 15px;font-size:14px;line-height:1.4;text-decoration:none;position:fixed;bottom:20px;right:20px;box-shadow:0 3px 12px #192c4c30}.app .feedback-button:hover{background:#104c91}.app .feedback-button:focus-visible{outline-offset:3px;outline:3px solid #ff9b4c}@media (width<=760px){.app .feedback-link .feedback-button{right:12px;bottom:calc(12px + env(safe-area-inset-bottom));padding:10px 12px}.app main{padding-bottom:80px}}@media print{.app .feedback-link .feedback-button{display:none}}.app .feedback-link .feedback-button,.app .feedback-link .feedback-button span,.app .feedback-link .feedback-button svg,.app .feedback-link .feedback-button:hover{color:#fffdf5}.app .skill-chip,.app .hat-chip{align-items:center;gap:6px;min-height:34px;padding:7px 9px;font-size:14px;line-height:1.4;display:inline-flex}.app .chip-group-label{color:#627186;margin:12px 0 4px;font-size:10px;font-weight:500;line-height:1.5}.app .mechanism-group .hats{margin-top:0}.app .builder .reference-note,.app .builder .muted,.app .builder .condition-note,.app .builder .mechanism-reasons p{font-size:14px;line-height:1.65}.app .learning-guidance{margin:12px 0 18px}.app .learning-guidance summary{cursor:pointer;font-size:14px}.app .learning-guidance .activity{border:0;padding:12px 0}.app .learning-guidance .activity>h3{display:none}.app .builder-example{background:#f2f4f7;border-radius:10px;margin:12px 0;padding:12px;overflow:auto}.app .builder-example .game-cover{float:left;margin:0 14px 8px 0}.app .skills-art{float:right;border-radius:12px;width:38%;max-width:380px;height:auto;margin:0 0 12px 22px}.app .skills-intro{display:flow-root}@media (width<=760px){.app .skills-art{float:none;width:100%;max-width:320px;margin:0 auto 18px;display:block}.app .builder-example .game-cover{float:none;margin:0 0 10px}}.app .learning-guidance summary .learning-tip-icon{vertical-align:middle;color:#1267c9;fill:#fff0c2;stroke-width:2px;margin:0 7px 2px 0;display:inline-block}.app .learning-guidance summary:focus-visible{outline-offset:4px;border-radius:4px;outline:2px solid #1267c9}@font-face{font-family:Bai Jamjuree;src:url(/assets/fonts/BaiJamjuree-Regular.woff2)format("woff2");font-display:swap;font-weight:400}@font-face{font-family:Bai Jamjuree;src:url(/assets/fonts/BaiJamjuree-SemiBold.woff2)format("woff2");font-display:swap;font-weight:600}@font-face{font-family:Kanit;src:url(/assets/fonts/Kanit-SemiBold.ttf)format("truetype");font-display:swap;font-weight:600}:root{--primary:#0967de;--accent:#ff7a1a;--background:#f4f9ff;--ink:#192c4c;--line:#d8d8ce;--wash:#f2f3ea;--muted:#5e6565;--radius:18px;--rail:224px;--heading-font:Kanit;--body-font:"Bai Jamjuree"}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#2f3338;background:#fffef8;margin:0;font-family:Bai Jamjuree,sans-serif;font-size:1.125rem;line-height:1.65}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,.button{border:1px solid var(--line);min-height:44px;color:var(--ink);cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:10px 14px;font-size:.875rem;font-weight:600;line-height:1.3;display:inline-flex}button:hover,.button:hover{border-color:var(--primary);text-decoration:none}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--primary);border-color:var(--primary);color:#fff}.selected,button[aria-pressed=true]{background:var(--wash);border-color:var(--primary);color:var(--primary)}button svg,.button svg{flex-shrink:0;width:19px;height:19px}.icon-button{padding:10px}.icon-button svg{width:22px;height:22px}input,select,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #abc7e3;border-radius:9px;min-width:0;min-height:44px;padding:11px 12px;font-size:.9375rem}input[type=checkbox]{width:18px;height:18px;min-height:18px;accent-color:var(--primary);flex-shrink:0}textarea{resize:vertical}label{font-size:.875rem;font-weight:600;display:block}label input,label select,label textarea{margin-top:6px}h1,h2,h3,h4{font-family:var(--heading-font),sans-serif;margin:0 0 12px;font-weight:600;line-height:1.4}h1{font-size:2.375rem}p{margin:0 0 13px}small{font-size:.875rem;font-weight:400}h2 small,h3 small{color:var(--muted);display:block}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.app{background:var(--background);color:var(--ink);min-height:100vh;font-family:var(--body-font),sans-serif}.skip{z-index:300;background:#fff;padding:14px;position:fixed;top:0;left:0;transform:translateY(-110%)}.skip:focus{transform:none}.topbar{z-index:100;border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:12px;height:66px;padding:0 25px;display:flex;position:sticky;top:0}.brand{color:var(--ink);align-items:center;gap:11px;font-family:Kanit,sans-serif;font-size:1.375rem;display:flex}.brand:hover{text-decoration:none}.brand-mark{color:#fff;background:#168bff;border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.brand-mark svg{width:21px}.rail{width:var(--rail);border-right:1px solid var(--line);z-index:90;background:#fff;flex-direction:column;gap:20px;padding:16px 12px;display:flex;position:fixed;top:66px;bottom:0;left:0}.rail nav,.drawer nav{flex-direction:column;gap:6px;display:flex}.rail nav a,.drawer nav a,.admin-link{min-height:48px;color:var(--ink);border-radius:10px;align-items:center;gap:12px;padding:12px;font-weight:600;display:flex}.rail a svg{flex-shrink:0;width:21px}.rail a:hover{background:var(--wash);text-decoration:none}.rail-toggle{border:0;justify-content:flex-end}.admin-link{margin-top:auto;font-size:.875rem}.collapsed{--rail:78px}.collapsed .rail a{justify-content:center}.collapsed .rail span{display:none}.collapsed .rail-toggle{justify-content:center}.collapsed .rail{padding:16px 8px}main{margin-left:var(--rail);min-width:0;max-width:1800px;padding:30px 32px 36px}.page-heading{margin:0 0 24px}.page-heading p{color:var(--muted);max-width:760px;font-size:1rem}.search-row{align-items:center;gap:12px;margin-bottom:16px;display:flex}.search-box{border:1px solid var(--line);background:#fff;border-radius:12px;flex:1;align-items:center;gap:10px;min-width:0;padding:0 14px;display:flex}.search-box svg{width:20px;color:var(--muted);flex-shrink:0}.search-box input{border:0;min-height:50px;margin:0;font-weight:400}.search-box input:focus{outline-offset:-4px}.view-toggle{gap:5px;display:flex}.view-toggle button{padding:12px}.filter-panel{border:1px solid var(--line);background:#fff;border-radius:12px;margin-bottom:16px;padding:12px 16px}.filter-panel summary{cursor:pointer;min-height:26px;font-weight:600}.filters{grid-template-columns:1.5fr 1fr 1.2fr auto;align-items:end;gap:16px;padding-top:12px;display:grid}.result-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.result-toolbar p{margin:0}.result-toolbar label{align-items:center;gap:9px;display:flex}.result-toolbar select{width:100px;margin:0;font-size:.875rem}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.game-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;flex-direction:column;gap:14px;min-width:0;padding:20px;display:flex}.game-identity{align-items:flex-start;gap:12px;display:flex}.game-identity>div{min-width:0}.game-letter{background:var(--wash);width:45px;height:50px;color:var(--primary);border-radius:10px;flex-shrink:0;place-items:center;font-family:Kanit;font-size:1.75rem;display:grid}.game-identity h2{margin:0 0 4px;font-size:1.4375rem}.game-identity h2 a{color:var(--ink)}.game-identity p{overflow-wrap:anywhere;margin:0;font-size:.875rem}.game-facts{flex-wrap:wrap;align-items:center;gap:8px;font-size:.875rem;display:flex}.game-facts span{color:var(--muted);margin-left:auto}.game-action{background:var(--wash);border-radius:11px;padding:12px}.game-action h3{color:var(--muted);margin-bottom:6px;font-family:Bai Jamjuree;font-size:.875rem}.game-action p{margin-bottom:8px;font-size:.875rem;line-height:1.75}.chips{flex-wrap:wrap;gap:6px;display:flex}.skill-chip{color:var(--ink);background:#fff;border-radius:6px;padding:4px 7px;font-size:.875rem;line-height:1.6;display:block}.hat-chip{border:1px solid var(--line);color:var(--ink);border-left:4px solid #abc7e3;border-radius:6px;padding:5px 8px;font-size:.875rem;line-height:1.5;display:block}.game-actions{gap:8px;margin-top:auto;display:flex}.game-actions button{flex:1;font-size:.875rem}.rows{grid-template-columns:1fr}.rows .game-card{grid-template-columns:minmax(180px,1.2fr) minmax(100px,.65fr) minmax(180px,1.6fr) minmax(120px,1fr) minmax(130px,.8fr);align-items:center;gap:15px;padding:16px;display:grid}.rows .game-actions{flex-direction:column;margin:0}.rows .game-actions button{padding:9px}.rows .game-action{background:0 0;padding:0}.rows .game-facts{flex-direction:column;align-items:flex-start}.rows .game-facts span{margin:0}.pagination{justify-content:center;align-items:center;gap:20px;margin:25px 0;display:flex}.empty{text-align:center;background:#fff;padding:30px}.muted{color:var(--muted)}.panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;min-width:0;padding:24px}.sources{margin-top:15px}.sources p{flex-wrap:wrap;align-items:flex-start;gap:6px;margin-bottom:9px;font-size:.875rem;display:flex}.sources svg{flex-shrink:0;margin-top:4px}.sources small{width:100%;color:var(--muted);overflow-wrap:anywhere;display:block}.back-link{margin-bottom:12px;display:block}.game-title{font-size:2.125rem}.detail-overview{grid-template-columns:1.2fr 1fr;gap:28px;margin-bottom:30px;display:grid}.bgg{background:var(--wash);border-radius:9px;padding:13px;font-size:.875rem}.bgg small{display:block}.pizza-block{text-align:center;min-width:0;max-width:430px;margin:0 auto}.pizza{width:100%;max-width:300px;margin:0 auto 12px;display:block}.pizza g{cursor:pointer}.pizza g:focus{outline:none}.pizza g:focus path{stroke:#192c4c;stroke-width:5px}.pizza-block p{font-size:.875rem}.group-legend{flex-wrap:wrap;justify-content:center;gap:6px 14px;font-size:.875rem;display:flex}.group-legend span{align-items:center;gap:6px;display:flex}.group-legend i,.skill-group h2 i{border-radius:3px;flex-shrink:0;width:12px;height:12px;display:inline-block}.skill-detail-layout{grid-template-columns:260px 1fr;gap:25px;display:grid}.skill-tabs{flex-direction:column;gap:6px;display:flex}.skill-tabs button{text-align:left;justify-content:flex-start;min-width:0;font-size:.875rem;display:block}.skill-tabs small{margin-top:3px;font-size:.875rem;font-weight:400;display:block}.skill-flow{border:1px solid var(--line);border-radius:var(--radius);background:#fff;min-width:0;padding:25px}.skill-flow>div{border:1px solid var(--line);border-radius:11px;margin-top:15px;padding:17px}.skill-flow .chips{border:0;padding:0}.skill-flow p{font-size:.875rem}.evidence{color:#275d52;background:#e2f4eb;border-radius:7px;align-items:center;gap:6px;padding:7px 9px;font-size:.875rem;display:inline-flex}.evidence.conditional{color:#664519;background:repeating-linear-gradient(135deg,#fff1d4,#fff1d4 8px,#ffe4ab 8px 10px)}.flow-arrow{color:var(--primary);margin:15px auto 0;display:block}.condition-note{border-left:4px solid var(--accent);color:#644117;background:#fff0e3;margin:15px 0;padding:13px 15px;font-size:.875rem}.related-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0 30px;display:grid}.related-list article{border:1px solid var(--line);background:#fff;border-radius:12px;padding:18px}.related-list a{font-size:1.1875rem;font-weight:600}.related-list p{margin:7px 0 0;font-size:.875rem}.compare-grid{grid-template-columns:repeat(var(--count),minmax(0,1fr));gap:16px;margin-top:20px;display:grid}.compare-grid h3{font-size:.9375rem}.compare-grid p{font-size:.875rem}.skill-group{margin-bottom:35px}.skill-group h2{align-items:center;gap:12px;display:flex}.skill-group h2 small{font-size:.875rem}.skill-grid,.package-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.skill-grid .panel p{font-size:.875rem}.example-links{flex-wrap:wrap;gap:7px;display:flex}.example-links a{border-bottom:1px solid var(--line);padding:5px 0;font-size:.875rem}.package-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:20px 0}.package-grid .button{margin-top:12px}.hat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:30px;display:grid}.hat-card{border:1px solid var(--line);border-top:6px solid var(--line);color:var(--ink);background:#fff;border-radius:13px;padding:15px;display:block}.hat-card:hover{text-decoration:none;box-shadow:0 4px 14px #192c4c16}.hat-card img{object-fit:contain;width:100%;height:210px}.hat-card p{margin:4px 0;font-size:.875rem}.hat-card h3{margin:6px 0;font-size:1.125rem}.hat-detail{grid-template-columns:300px 1fr;gap:35px;margin:25px 0;display:grid}.hat-detail img{object-fit:contain;width:100%;height:420px}.hat-detail section{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:28px}.builder-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:20px;display:grid}.builder-steps button{min-height:58px;font-size:.875rem}.builder-steps b{background:var(--wash);border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;display:grid}.builder-steps button[aria-current=step]{background:var(--primary);color:#fff}.builder-steps button[aria-current=step] b{color:var(--primary);background:#fff}.builder{max-width:1000px}.skill-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:24px;display:grid}.skill-picker label{border:1px solid var(--line);border-radius:10px;align-items:center;gap:9px;padding:12px;font-size:.875rem;display:flex}.skill-picker small{color:var(--muted);font-size:.875rem;display:block}.skill-picker input{margin:0}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0 24px;display:grid}.wide{grid-column:1/-1}.activity{border-bottom:1px solid var(--line);padding:20px}.builder-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;margin-top:28px;padding-top:20px;display:flex}.builder-actions span{color:var(--muted);font-size:.875rem}.section-action{justify-content:space-between;align-items:center;gap:12px;display:flex}.taste-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:380px;margin:15px 0 25px;padding:3px;display:grid;overflow:auto}.taste-picker>div{border:1px solid var(--line);border-radius:10px;align-items:center;gap:8px;padding:10px;display:flex}.taste-picker label{flex:1;align-items:center;gap:7px;font-size:.875rem;display:flex}.taste-picker input{margin:0}.taste-picker button{min-width:32px;min-height:36px;padding:6px}.actions{flex-wrap:wrap;gap:10px;display:flex}.preserve-lines{white-space:pre-wrap}.reading{max-width:800px}.reading h2{margin-top:30px}.source-library{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.source-library p{font-size:.875rem}.admin-tabs{flex-wrap:wrap;gap:7px;margin:20px 0;display:flex}.admin-layout{grid-template-columns:240px 1fr;gap:20px;display:grid}.admin-list{flex-direction:column;gap:7px;max-height:75vh;display:flex;overflow:auto}.admin-list button{text-align:left;justify-content:flex-start;font-size:.875rem}.admin-fields label{margin-bottom:17px}.admin-fields .help{color:var(--muted);font-size:.875rem;font-weight:400}.revision-row{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding:13px 0;display:flex}.revision-row p{flex:1;margin:0;font-size:.875rem}.revision-row small{display:block}.json-secondary summary{cursor:pointer;font-size:.875rem}.json-secondary textarea{min-height:230px;font-family:monospace;font-size:.875rem}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:15px;margin-top:36px;padding-top:20px;font-size:.875rem;display:flex}footer p{margin:0}.mobile-menu{display:none}.drawer{border:0;border-right:1px solid var(--line);width:min(320px,90vw);height:100vh;max-height:none;margin:0;padding:20px}.drawer::backdrop{background:#192c4c66}.drawer>button{margin-bottom:16px;margin-left:auto;display:block}[hidden]{display:none!important}@media (width>=1500px){.game-grid:not(.rows){grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1200px){.game-grid:not(.rows){grid-template-columns:repeat(2,minmax(0,1fr))}.rows .game-card{grid-template-columns:minmax(160px,1fr) minmax(90px,.6fr) minmax(180px,1.4fr) 130px}.rows .hats{display:none}.hat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.compare-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.app{--rail:78px}.rail a{justify-content:center}.rail span{display:none}.rail-toggle{justify-content:center}.rail{padding:16px 8px}main{padding:24px}.filters{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-overview{grid-template-columns:1fr}.skill-detail-layout{grid-template-columns:210px 1fr}.skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rows .game-card{grid-template-columns:1fr 120px}.rows .game-action{grid-column:1/2}.rows .game-actions{grid-area:2/2/auto/3}.rows .game-facts{align-items:flex-end}.taste-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){h1{font-size:1.8125rem}h2{font-size:1.4375rem}h3{font-size:1.125rem}.rail{display:none}main{margin-left:0;padding:22px 16px}.mobile-menu{display:inline-flex}.topbar{height:60px;padding:0 12px}.brand{gap:8px;font-size:1.0625rem}.brand-mark{border-radius:8px;width:29px;height:29px}.brand-mark svg{width:18px}.page-heading{margin-bottom:20px}.page-heading p{font-size:.875rem}.search-row{gap:8px}.search-box{padding:0 8px}.search-box input{min-height:46px;font-size:.875rem}.view-toggle{gap:2px}.view-toggle button{padding:10px}.view-toggle svg{width:18px}.filter-panel{padding:10px 13px}.filter-panel summary{font-size:.875rem}.filters{gap:12px}.filters label,.filters select,.result-toolbar,.result-toolbar label{font-size:.875rem}.result-toolbar select{width:88px;font-size:.875rem}.game-grid:not(.rows){grid-template-columns:1fr}.game-card{gap:12px;padding:17px}.game-identity h2{font-size:1.375rem}.game-facts{font-size:.875rem}.rows .game-card{grid-template-columns:1fr 105px;gap:11px;padding:14px}.rows .game-identity{gap:8px}.rows .game-letter{width:32px;height:40px;font-size:1.4375rem}.rows .game-identity h2{font-size:1.1875rem}.rows .game-identity p,.rows .game-facts{font-size:.875rem}.rows .game-action p{margin:0;font-size:.875rem}.rows .game-action .chips{margin-top:8px}.rows .game-actions button{padding:8px 5px;font-size:.875rem}.rows .game-actions svg{width:14px}.game-actions button{min-height:44px}.pagination{gap:12px;font-size:.875rem}.pagination button{font-size:.875rem}.panel{padding:18px}.detail-overview{gap:20px}.game-title{font-size:1.875rem}.skill-detail-layout{grid-template-columns:1fr;gap:16px}.skill-tabs{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.skill-tabs button{min-height:57px;padding:9px;font-size:.875rem}.skill-tabs small{font-size:.875rem}.skill-flow{padding:18px}.related-list,.skill-grid,.package-grid,.source-library,.compare-grid{grid-template-columns:1fr}.skill-group h2{flex-wrap:wrap;gap:8px}.skill-group h2 small{font-size:.875rem}.hat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hat-card{padding:10px}.hat-card img{height:170px}.hat-card h3{font-size:.9375rem}.hat-card p{font-size:.875rem}.hat-detail{grid-template-columns:1fr;gap:15px}.hat-detail>img{height:340px}.hat-detail section{padding:20px}.builder-steps{gap:5px}.builder-steps button{flex-direction:column;min-height:72px;padding:8px 4px;font-size:.875rem}.builder-steps b{width:22px;height:22px;font-size:.875rem}.builder h2{font-size:1.375rem}.skill-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.skill-picker label{padding:10px;font-size:.875rem}.skill-picker small{font-size:.875rem}.form-grid{gap:13px}.form-grid label,.form-grid input{font-size:.875rem}.activity{padding:16px 0}.activity p{font-size:.875rem}.section-action{flex-wrap:wrap}.taste-picker{grid-template-columns:1fr;max-height:350px}.builder-actions button{padding:9px;font-size:.875rem}.builder-actions svg{width:16px}.admin-layout{grid-template-columns:1fr}.admin-list{max-height:240px}.admin-tabs button{padding:8px;font-size:.875rem}.admin-fields input,.admin-fields textarea{font-size:.875rem}.revision-row{align-items:flex-start}.revision-row button{font-size:.875rem}.revision-row p{flex-basis:100%}footer{flex-direction:column;gap:7px}.search-row>select{max-width:130px;font-size:.875rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.pizza-legend{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:15px 0;padding:0;list-style:none;display:grid}.pizza-legend button{justify-content:flex-start;width:100%;min-height:44px;padding:7px;font-size:.875rem;font-weight:400}.pizza-legend i{border-radius:2px;flex-shrink:0;width:8px;height:8px;display:inline-block}.bridge-hat{border-bottom:1px solid var(--line);padding:10px 0}.bridge-hat p{margin:8px 0;font-size:.875rem}.theme-preview{border:1px solid var(--line);margin:20px 0;padding:22px}.page-copy-editor{border-bottom:1px solid var(--line);padding:18px 0}.checkbox-label{align-items:center;gap:8px;display:flex}.checkbox-label input{margin:0}.source-inputs{background:var(--wash);border-radius:12px;margin:15px 0;padding:15px}.admin-fields .actions{margin-top:20px}.admin-list{margin-top:12px}.admin-layout>aside>button{width:100%;margin-top:10px}.deployment-status{background:var(--wash);border-radius:10px;margin:18px 0;padding:13px}.deployment-status p{margin:7px 0;font-size:.875rem}.example-links span{display:block}.example-links small{color:#644117;font-size:.875rem}.related-list .evidence{margin:9px 0}.skill-chip{font-size:.875rem}.game-title{overflow-wrap:anywhere}.page-heading h1{white-space:pre-line}.rail a[aria-current=page]{background:var(--primary);color:#fff}.game-card{border-top:4px solid #168bff}.skill-detail-layout{grid-template-columns:1fr}.skill-flow{max-width:1050px}.skill-flow details{color:var(--muted);font-size:.875rem}.skill-flow details summary{cursor:pointer}.skill-flow details p{margin-top:12px}.taste-groups details{border:1px solid var(--line);border-left:5px solid var(--line);border-radius:10px;margin:10px 0;padding:12px 16px}.taste-groups summary{cursor:pointer;min-height:30px;font-weight:600}.taste-groups summary small{color:var(--muted);margin-left:12px}.taste-groups .taste-picker{max-height:none;margin:12px 0 0;padding:0;overflow:visible}.bgg-compact{width:100%;margin:0;font-size:.875rem;font-weight:400;line-height:1.65}.bgg-compact summary{cursor:pointer;color:var(--primary)}.bgg-compact p{margin:6px 0;font-size:.875rem}.activity h4{margin-top:20px}.activity li{font-size:.875rem}.activity .sources{margin-bottom:20px}@media (width>=1201px){.filters{grid-template-columns:1.3fr .7fr .9fr .9fr auto;gap:12px}.filters label,.filters select{font-size:.875rem}}@media (width<=760px){.pizza-legend button,.related-list .condition-note,.skill-chip{font-size:.875rem}.admin-tabs{gap:5px}.page-heading p{line-height:1.8}}@media print{.topbar,.rail,.builder-steps,.builder-actions,.actions,footer{display:none!important}main{margin:0;padding:0}.builder{border:0;max-width:none}.panel{break-inside:avoid}.skill-picker,.taste-picker{max-height:none}}:root{--primary:#176f6b;--accent:#b88619;--background:#fffef8;--ink:#2f3338;--radius:10px;--heading-font:"Bai Jamjuree";--body-font:"Bai Jamjuree"}body,.app{font-size:1.125rem;line-height:1.75}h1{font-size:2.625rem;line-height:1.35}h2{font-size:1.75rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h1,h2,h3,h4,.brand,.game-letter{font-family:var(--body-font),sans-serif}button,.button,input,select,textarea,label{font-size:1rem;line-height:1.5}small{font-size:.875rem;line-height:1.7}.brand-mark{background:var(--primary);border-radius:50%}.topbar,.rail{background:#fffef8}.rail a[aria-current=page]{color:#155b57;border-left:3px solid var(--primary);background:#e8f1eb}.rail nav a,.admin-link{font-size:1rem;font-weight:400}.rail-toggle span{font-size:.875rem}.page-heading{margin-bottom:32px}.page-heading p{font-size:1.125rem;line-height:1.75}.game-card{border-top:1px solid var(--line);background:#fffefa;gap:18px;padding:24px}.game-card:nth-child(2n){border-top-color:var(--line)}.game-grid{gap:24px}.game-identity h2{font-size:1.375rem;line-height:1.4}.game-identity p,.game-facts,.game-facts b,.game-facts span{font-size:.875rem;line-height:1.75}.game-facts b,.game-facts span{align-items:center;gap:6px;display:flex}.game-facts svg{flex-shrink:0}.game-facts span{margin-left:0}.game-action{border-top:1px solid var(--line);background:0 0;border-radius:0;padding:16px 0 0}.game-action h3{color:var(--ink);align-items:center;gap:8px;font-size:1rem;display:flex}.game-action p{font-size:1.125rem;line-height:1.75}.game-identity{gap:16px}.game-cover{object-fit:contain;background:#f2f0e7;border-radius:4px;flex-shrink:0;width:72px;height:88px}.cover-fallback{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex}.cover-fallback span{font-size:1.5rem;font-weight:600}.skill-chip,.hat-chip{padding:6px 9px;font-size:.875rem;line-height:1.6}.skill-chip{color:#225d56;background:#e9f1eb}.hat-chip{background:#fbf7e9}.compare-check{align-items:center;gap:10px;min-height:44px;margin-top:auto;font-size:1rem;font-weight:400;display:flex}.compare-check input{width:20px;height:20px;min-height:20px;margin:0}.award-badges{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.award-badges:empty{display:none}.award-badges a{color:#71500c;background:#f7edcd;border-radius:4px;align-items:center;gap:5px;padding:4px 7px;font-size:.875rem;display:flex}.selection-anchor{z-index:95;justify-content:flex-end;height:0;display:flex;position:sticky;top:76px;overflow:visible}.selection-bar{gap:8px;display:flex;position:absolute;top:-70px;right:0}.selection-summary{background:#fffefa;box-shadow:0 2px 5px #2f333810}.selection-popover{border:1px solid var(--line);background:#fffefa;border-radius:10px;width:min(360px,100%);max-height:65vh;padding:18px;position:absolute;top:-16px;right:0;overflow:auto;box-shadow:0 8px 30px #2f333818}.selection-popover h2{margin-bottom:10px;font-size:1.125rem}.selection-popover ul{margin:0;padding:0;list-style:none}.selection-popover li{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:10px 0;display:flex}.selection-popover li>span{overflow-wrap:anywhere;flex:1;min-width:0;font-size:1rem}.selection-popover .game-cover{width:36px;height:44px}.selection-popover .cover-fallback span{font-size:1rem}.selection-popover .cover-fallback svg{display:none}.selection-actions{flex-wrap:wrap;align-items:center;gap:9px;margin-top:16px;display:flex}.selection-actions .button,.selection-actions button{font-size:.875rem}.selection-actions p{margin:0;font-size:.875rem}.hat-section{margin:32px 0 48px}.hat-category{margin:28px 0 40px}.hat-category h3{border-bottom:1px solid var(--line);padding-bottom:12px}.hat-shelf{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));align-items:start;gap:26px 20px;display:grid}.hat-shelf a{color:var(--ink);flex-direction:column;gap:12px;min-width:0;display:flex}.hat-shelf img{aspect-ratio:408/576;object-fit:contain;filter:drop-shadow(0 3px 4px #2f333817);width:100%;height:auto;display:block}.hat-shelf span{font-size:1rem;line-height:1.5}.hat-shelf a:hover img{filter:drop-shadow(0 4px 8px #2f333836)}.hat-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 26px;display:grid}.hat-list a{border-bottom:1px solid var(--line);min-height:84px;color:var(--ink);align-items:center;gap:16px;padding:12px 0;display:flex}.hat-list img{object-fit:contain;width:42px;height:60px}.hat-list span{flex:1;min-width:0;font-size:1rem}.hat-detail section>p:first-child{align-items:center;gap:8px;display:flex}.hat-detail section{background:0 0;border:0;padding:12px 0}.hat-detail>img{height:auto;max-height:600px}.rows .game-card{grid-template-columns:minmax(220px,1.2fr) minmax(130px,.7fr) minmax(240px,1.6fr) minmax(150px,1fr) auto}.rows .game-identity p,.rows .game-facts,.rows .game-action p{font-size:.875rem}.rows .game-action{border:0;padding:0}.rows .game-identity h2{font-size:1.25rem}.rows .game-cover{width:48px;height:60px}.sources p,.sources small,.bgg,.bgg-compact,.bgg-compact p,.pizza-block p,.group-legend,.pizza-legend button,.evidence,.condition-note,.example-links a,footer{font-size:.875rem;line-height:1.75}.skill-flow p,.related-list p,.compare-grid p,.skill-grid .panel p,.source-library p,.activity p,.activity li{font-size:1.125rem;line-height:1.75}.skill-flow h3{font-size:1.5rem}.builder-steps button,.skill-picker label,.taste-picker label,.filters label,.filters select,.result-toolbar label,.result-toolbar select,.pagination button,.pagination{font-size:1rem}.skill-group h2{flex-wrap:wrap}.skill-picker small{font-size:.875rem}.skill-picker{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.taste-picker{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.builder-actions span{font-size:.875rem}h2>svg,h3>svg,h4>svg{vertical-align:middle;width:22px;height:22px;color:var(--primary);flex-shrink:0;margin-right:9px}.search-box input{font-size:1rem}.search-row{flex-wrap:wrap}.search-box{min-width:180px}.search-row>select{width:auto;max-width:200px}.game-cover,.hat-shelf img{content-visibility:auto}@media (width>=1500px){.game-grid:not(.rows){grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1250px){.rows .game-card{grid-template-columns:1.3fr .7fr 1.6fr auto}.rows .hats{display:none}}@media (width<=950px){.game-grid:not(.rows){grid-template-columns:1fr}.rows .game-card{grid-template-columns:1fr auto}.rows .game-action{grid-column:1/-1}.rows .game-facts{flex-direction:row;grid-column:1/-1;align-items:center}.rows .compare-check{grid-area:1/2}.page-heading h1{padding-right:0}.selection-anchor{height:auto;margin:0 0 20px;position:relative;top:0}.selection-bar{position:relative;top:0;right:0}.selection-popover{top:52px}.detail-overview{grid-template-columns:1fr}}@media (width<=760px){h1{font-size:2rem}h2{font-size:1.5rem}.page-heading p{font-size:1.125rem}.brand{font-size:1rem}.game-card,.rows .game-card{padding:20px}.game-identity h2,.rows .game-identity h2{font-size:1.375rem}.rows .game-identity p,.rows .game-facts,.rows .game-action p{font-size:.875rem}.rows .compare-check{font-size:1rem}.game-facts{font-size:.875rem}.filters{grid-template-columns:repeat(2,minmax(0,1fr))}.filters label,.filters select,.result-toolbar,.result-toolbar label,.result-toolbar select{font-size:1rem}.filters button{grid-column:1/-1}.hat-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.hat-list{grid-template-columns:1fr}.search-row .view-toggle{width:100%}.selection-popover{width:min(360px,100%);max-height:60vh}.selection-bar{flex-wrap:wrap}.builder-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.builder-steps button,.builder-actions button,.builder-steps b{font-size:1rem}.skill-picker,.form-grid{grid-template-columns:1fr}.form-grid label,.form-grid input{font-size:1rem}.taste-picker{grid-template-columns:1fr}.activity p,.activity li{font-size:1.125rem}.pizza-legend button{font-size:.875rem}.skill-flow h3{font-size:1.375rem}.result-toolbar{flex-wrap:wrap;gap:12px}footer{font-size:.875rem}.pagination{flex-wrap:wrap;font-size:1rem}}@media (width<=360px){.rows .game-card{grid-template-columns:1fr}.rows .compare-check{grid-area:auto/1}.rows .game-identity{gap:12px}.hat-shelf,.filters{grid-template-columns:1fr}.selection-popover{padding:14px}}.page-heading h1{padding-right:0}@media (width>=951px){.app[data-route=catalogue] .page-heading h1{padding-right:270px}}@media (width<=760px){.selection-anchor{height:auto;display:block}.selection-bar{justify-content:flex-end}.selection-popover{width:100%;max-height:none;margin-top:12px;position:relative;top:auto;right:auto}.view-toggle button{font-size:1rem}.rows .game-action p{font-size:1.125rem}}.topbar{height:auto;min-height:4.125rem;padding-block:10px}.brand{min-width:0;line-height:1.5}.brand-mark{flex-shrink:0}.rail{top:4.125rem}a,button,label,h1,h2,h3,h4,p{overflow-wrap:anywhere}button,.button{max-width:100%}@media (width<=760px){.topbar{min-height:3.75rem;padding-block:10px}.brand{flex:1}.mobile-menu{flex-shrink:0}.hat-shelf{grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr))}}.builder-steps b{width:1.5rem;height:1.5rem;font-size:1rem;line-height:1.5}.pizza-legend button{min-width:0}@media (width>=1201px){.filters{grid-template-columns:repeat(3,minmax(0,1fr))}}.analyst-note{background:#f5f0fa;border-left:3px solid #75609a;margin:20px 0;padding:18px}.analyst-note .chips{margin-top:16px}input,select,textarea{border-color:var(--line)}.source-layer-label{color:#665080;margin:0;font-size:.875rem;line-height:1.75}.rows .source-layer-label{grid-column:1/-1}.selection-anchor{position:relative;top:0}.selection-summary{border-color:var(--primary)}.selection-popover li>.game-cover{flex:0 0 36px}.skill-flow h5{margin:1rem 0 .35rem;font-size:1rem;line-height:1.5}.skill-flow p{max-width:75ch}.prototype-tools,.admin-local-tools{flex-wrap:wrap;gap:12px;margin:20px 0;display:flex}.prototype-file{border:1px solid var(--line);background:#fff;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;font-size:1rem;font-weight:400;display:flex}.prototype-file input{max-width:240px;min-height:0;padding:6px;font-size:.875rem}.prototype-review{border:1px solid var(--line);border-left:4px solid var(--primary);background:var(--wash);margin-bottom:28px;padding:22px}.prototype-review article{border-bottom:1px solid var(--line);padding:15px 0}.prototype-review li{margin-bottom:9px}.local-proposal-preview{background:var(--wash);margin:20px 0;padding:18px}.local-proposal-preview textarea{font-family:monospace;font-size:.875rem}@media (width<=760px){.prototype-file,.prototype-tools button{width:100%}.prototype-review{padding:16px}.prototype-file input{max-width:100%}}:root{--primary:#50c2c0;--accent:#fec566;--background:#fff;--ink:#414141;--wash:#effafa;--link:#075985}.app a:not(.hat-chip):not(.skill-chip):not(.primary):not(.brand){color:var(--link)}.brand-logo{object-fit:contain;flex-shrink:0;width:44px;height:44px}.brand{font-weight:700}.primary{color:#192c4c}.selected,button[aria-pressed=true]{background:var(--primary);color:#192c4c;font-weight:700}.rail a[aria-current=page],.drawer a[aria-current=page]{background:var(--primary);color:#192c4c!important}.hat-chip{border-left-width:1px;padding:9px 12px;font-size:1rem;font-weight:700;line-height:1.5}.hat-chip:hover{text-underline-offset:3px;text-decoration:underline}.skill-chip{background:var(--primary);color:#fff;font-weight:700}.detail-game-identity{align-items:center;gap:16px;margin:0 0 20px;display:flex}.detail-game-identity .game-title{margin:0}@media (width<=600px){.brand-logo{width:38px;height:38px}.brand{gap:8px;font-size:1.05rem}}.game-cover-wrap{flex-direction:column;flex-shrink:0;align-items:center;width:88px;display:inline-flex}.cover-credit{overflow-wrap:anywhere;text-align:center;font-size:.75rem;line-height:1.4}.bgg-compact summary,.game-letter,.builder-steps button[aria-current=step] b{color:var(--link)}.hat-chip{align-items:flex-start;gap:8px;display:flex}.mechanism-icon{flex-shrink:0;margin-top:2px}.hat-chip>span{overflow-wrap:anywhere;min-width:0}.research-controls{flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 14px;display:flex}.research-toggle{text-align:left;min-width:0;font-size:1rem}.research-controls p{min-width:min(240px,100%);color:var(--muted);flex:1;margin:0;font-size:1rem}.research-hidden-count{color:var(--muted)}.research-badge{color:#414141;background:#fec566;border-radius:6px;align-items:center;gap:6px;margin-top:8px;padding:4px 9px;font-size:1rem;font-weight:700;display:inline-flex}.research-badge svg{flex-shrink:0}@media (width<=760px){.research-toggle{justify-content:flex-start;width:100%}.research-controls p{flex-basis:100%}}.welcome-page{max-width:1180px;margin:0 auto;padding:clamp(16px,4vw,48px) 0 30px}.welcome-hero{background:linear-gradient(125deg,#eaf4ff 0%,#fffdf4 72%);border:1px solid #dbe8f5;border-radius:24px;max-width:790px;padding:clamp(26px,5vw,62px)}.welcome-kicker,.empty-kicker{color:#0967de;letter-spacing:.02em;align-items:center;gap:8px;font-size:.875rem;font-weight:700;display:flex}.welcome-hero h1{color:#15345b;margin:16px 0;font-size:clamp(2.8rem,7vw,5.6rem);line-height:1.08}.welcome-hero h1 span{color:#0967de}.welcome-lead{color:#33435b;max-width:620px;font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.8}.welcome-primary{min-height:52px;margin-top:8px;padding:13px 18px}.welcome-paths{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0;display:grid}.welcome-path{border:1px solid var(--line);min-width:0;color:var(--ink);background:#fff;border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:18px;display:grid}.welcome-path:hover{border-color:var(--primary);text-decoration:none;transform:translateY(-1px)}.welcome-path>span:nth-child(2){gap:4px;display:grid}.welcome-path b{font-size:1.05rem}.welcome-path small{color:var(--muted);font-size:.875rem;line-height:1.55}.welcome-path>svg{width:19px;color:var(--primary)}.welcome-icon{color:#0967de;background:#e8f2ff;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.welcome-icon.skill{color:#658c28;background:#eaf4db}.welcome-icon.idea{color:#cf5b18;background:#fff0e4}.welcome-icon svg{width:22px;height:22px}.welcome-method{border:1px solid var(--line);background:#fff;border-radius:16px;padding:24px}.welcome-method h2{font-size:1.375rem}.welcome-method ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:20px 0;padding:0;list-style:none;display:grid}.welcome-method li{border-left:3px solid var(--primary);gap:4px;padding:10px 14px;display:grid}.welcome-method li b{font-size:1rem}.welcome-method li span{color:var(--muted);font-size:.875rem;line-height:1.55}.welcome-method>p{color:var(--muted);margin:8px 0 0;font-size:.875rem}.plain-language-entry{padding:16px 0 4px}.plain-language-entry h2{align-items:center;gap:8px;display:flex}.plain-language-hint{color:var(--muted);margin:8px 0 0;font-size:.875rem}.game-evidence-details{background:#f3f5f7;border-radius:10px;margin-top:14px;padding:12px 14px}.game-evidence-details summary{cursor:pointer;font-size:.9375rem;font-weight:700}.game-evidence-details[open] summary{margin-bottom:12px}.game-evidence-details .sources{margin-top:10px}.complexity-options{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:6px;display:grid}.complexity-options label{border:1px solid var(--line);border-radius:8px;align-items:center;gap:8px;min-height:40px;padding:7px 9px;font-size:.875rem;font-weight:600;display:flex}.complexity-options label span{flex:1}.complexity-options label small{color:var(--muted);font-variant-numeric:tabular-nums}.filter-note{color:var(--muted);margin:8px 0 0;font-size:.8125rem;line-height:1.6}.empty-state{border:1px solid var(--line);background:#fff;border-radius:18px;grid-template-columns:150px 1fr;align-items:center;gap:24px;max-width:760px;margin:24px auto;padding:24px;display:grid}.empty-state h2{font-size:1.375rem}.empty-state p:not(.empty-kicker){color:var(--muted)}.empty-state-art{color:#0967de;background:#eaf4ff;border-radius:50%;place-items:center;width:132px;height:132px;display:grid;position:relative}.empty-state-art span{color:#cbdff7;font-family:Kanit,sans-serif;font-size:4.5rem;font-weight:600}.empty-state-art>svg:first-of-type{stroke-width:2.2px;width:45px;height:45px;position:absolute}.empty-state-art>svg:nth-of-type(2){color:#ff7a1a;position:absolute;top:18px;right:16px}.empty-actions{flex-wrap:wrap;gap:10px;display:flex}.comparison-mobile{display:none}@media (width<=850px){.welcome-paths{grid-template-columns:1fr}.welcome-path{padding:14px 16px}.welcome-method ol{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:8px}}@media (width<=760px){.welcome-page{padding-top:8px}.welcome-hero{border-radius:18px;padding:25px 20px}.welcome-hero h1{font-size:clamp(2.5rem,13vw,4rem)}.welcome-method{padding:18px}.welcome-method ol{grid-template-columns:1fr 1fr}.comparison-scroll{display:none}.comparison-mobile{gap:16px;display:grid}.comparison-mobile-game{border:1px solid var(--line);background:#fff;border-radius:14px;padding:16px}.comparison-mobile-game>header{border-bottom:2px solid var(--primary);align-items:flex-start;gap:12px;padding-bottom:12px;display:flex}.comparison-mobile-game>header>div{min-width:0}.comparison-mobile-game h2{margin:0 0 4px;font-size:1.25rem}.comparison-mobile-section{border-bottom:1px solid var(--line);padding:14px 0 2px}.comparison-mobile-section h3{color:#0967de;margin-bottom:8px;font-size:1rem}.comparison-mobile-section p{font-size:.9375rem}.empty-state{text-align:center;grid-template-columns:1fr;justify-items:center;padding:22px 18px}.empty-state-art{width:110px;height:110px}.empty-state-art span{font-size:3.75rem}.empty-actions{justify-content:center}.complexity-options{grid-template-columns:1fr}.plain-language-entry h2{font-size:1.25rem}}.welcome-art{border:1px solid var(--line);background:#fff;border-radius:16px;max-width:820px;margin:22px auto 0;overflow:hidden;box-shadow:0 8px 28px #18396014}.welcome-art img{width:100%;height:auto;display:block}@media (width<=760px){.welcome-art{border-radius:12px;margin-top:18px}}.welcome-hero{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:center;gap:clamp(24px,3vw,44px);max-width:none;display:grid}.welcome-copy{min-width:0;max-width:620px}.welcome-hero h1{font-size:clamp(2.7rem,6vw,5rem)}.welcome-art{width:100%;max-width:580px;box-shadow:none;background:0 0;border:0;border-radius:16px;justify-self:end;margin:0;overflow:hidden}.welcome-art img{border-radius:inherit;width:100%;height:auto;display:block}@media (width<=1100px){.welcome-hero{grid-template-columns:minmax(0,1fr);gap:22px}.welcome-copy{max-width:720px}.welcome-art{justify-self:start;max-width:720px}}@media (width<=760px){.welcome-hero{grid-template-columns:minmax(0,1fr);gap:18px;padding:25px 20px}.welcome-hero h1{font-size:clamp(2.5rem,13vw,4rem)}.welcome-art{border-radius:12px;max-width:100%}}