/* Oyun 09 — Futoshiki / Inequality. */
.ft-catalog-art{background:linear-gradient(145deg,#fae6f2,#e6e6fd);color:#794d95;display:grid;place-items:center;overflow:hidden}
.ft-catalog-demo{font:900 clamp(1.4rem,2.5vw,2rem)/1.6 Nunito,Arial,sans-serif;letter-spacing:.10em;text-align:center;transform:rotate(-4deg)}
.ft-catalog .catalog-open{color:#865098}
.ft-game .playground{flex:1;min-height:0;display:flex;justify-content:center;align-items:center}
.ft-play-area{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:8px 12px}
.ft-board{--ft-n:7;--ft-size:500px;display:grid;grid-template-columns:repeat(var(--ft-n),minmax(0,1fr));grid-template-rows:repeat(var(--ft-n),minmax(0,1fr));width:var(--ft-size);height:var(--ft-size);border:4px solid #28415b;border-radius:15px;background:#e8edf6;box-sizing:border-box;overflow:hidden;box-shadow:0 0 0 5px #e7e8f6,0 10px 23px #183f4b28}
.ft-cell,.ft-relation,.ft-corner{min-width:0;min-height:0;display:grid;place-items:center;user-select:none}
.ft-cell{border:1px solid #b9cbd4;border-radius:3px;background:#fff;color:#173b58;font:900 clamp(1rem,2.65vmin,1.8rem)/1 Nunito,Arial,sans-serif;cursor:pointer;touch-action:manipulation;padding:0;}
.ft-cell.fixed{background:#e8f0f4;color:#254359;cursor:default;opacity:1!important}
.ft-cell.selected{background:#ffe8c3;box-shadow:inset 0 0 0 3px #d98536}
.ft-cell:focus-visible{outline:3px solid #f6a34e;outline-offset:-3px}
.ft-relation{color:#6a3a86;font:900 clamp(.85rem,2vmin,1.5rem)/1 Arial,sans-serif;pointer-events:none}
.ft-corner{background:transparent}
.ft-pad{display:flex;justify-content:center;gap:7px;flex-wrap:nowrap}.ft-pad button{cursor:pointer;min-width:42px;min-height:43px;background:#f9fbff;border:1px solid #b8cadc;border-radius:10px;color:#1e4262;font:900 1.23rem Nunito,Arial,sans-serif;box-shadow:0 3px 0 #c1d0d9}.ft-pad .ft-erase{color:#925071}.ft-pad button:focus-visible{outline:3px solid #e69948}.ft-pad button:hover:not(:disabled){background:#e0edf6;color:#184969}
.ft-controls{display:flex;justify-content:center;gap:8px}.ft-controls .btn{min-width:104px;min-height:41px}
.ft-command-bar #ft-new,.ft-command-bar #ft-settings{background:#0e928b!important;color:#fff!important;border-color:#0c706a;box-shadow:0 4px 0 #096b65}.ft-command-bar #ft-new:hover,.ft-command-bar #ft-settings:hover{background:#086e67!important;color:#fff!important}
.ft-race-area{gap:7px}.ft-race-board{--ft-size:340px}.ft-race-area .ft-pad button{min-width:31px;min-height:32px;padding:0;font-size:1rem}.ft-race-area .race-actions .btn{min-height:35px}
.ft-race-stage .race-center-new{background:#0b9d85!important;color:#fff!important}
html[data-theme="dark"] .ft-catalog-art{background:linear-gradient(140deg,#422e50,#35355a);color:#efdcff}
html[data-theme="dark"] .ft-board{border-color:#a1bfcc;background:#263e50;box-shadow:0 0 0 5px #334a5b}
html[data-theme="dark"] .ft-cell{background:#304959;border-color:#67869d;color:#e5f8ff}html[data-theme="dark"] .ft-cell.fixed{background:#456276;color:#fff}
html[data-theme="dark"] .ft-cell.selected{background:#714e33;color:#fff;box-shadow:inset 0 0 0 3px #f3b76b}
html[data-theme="dark"] .ft-relation{color:#ddaeff}html[data-theme="dark"] .ft-pad button{background:#304b62;color:#fff;border-color:#69859f;box-shadow:0 3px 0 #183246}html[data-theme="dark"] .ft-pad button:hover:not(:disabled){background:#466783;color:#fff}
html[data-theme="dark"] .ft-controls .btn.glass,html[data-theme="dark"] .ft-race-area .btn.glass{background:#30546a!important;color:#fff!important;border-color:#6a9ab3!important}
@media(max-width:700px){.ft-board{border-width:3px;border-radius:10px}.ft-pad button{min-width:31px;min-height:34px;font-size:1rem}.ft-controls .btn{min-width:78px;min-height:32px;font-size:.8rem}}
@page futoshikiA4{size:A4 portrait;margin:5mm}
@media print{
 .ft-print-sheet{page:futoshikiA4;width:200mm!important;height:287mm!important;max-height:287mm!important}
 .ft-print-sheet .sheet-head{height:25mm!important;min-height:25mm!important;padding-top:.25mm}
 .ft-print-sheet .sheet-head h1{font-size:18pt!important}.ft-print-sheet .print-howto{font-size:8.5pt!important;margin-top:1mm!important}.ft-print-sheet .print-rule{font-size:9pt!important;margin-top:.5mm!important}
 .ft-print-body{flex:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:1.5mm;min-height:0;align-items:center;justify-items:center}
 .ft-print-card{width:64.3mm;height:76.3mm;max-width:100%;display:flex;align-items:center;justify-content:center;border:.28mm solid #888;border-radius:1.6mm;break-inside:avoid}
 .ft-print-grid{width:59mm;height:59mm;display:grid;grid-template-columns:repeat(var(--ft-n),minmax(0,1fr));grid-template-rows:repeat(var(--ft-n),minmax(0,1fr));background:#fff;border:.4mm solid #333}
 .ft-print-cell,.ft-print-relation{display:grid;place-items:center;text-align:center;color:#111;font:800 10.5pt/1 Arial,sans-serif}.ft-print-cell{border:.14mm solid #888}.ft-print-cell.fixed{background:#e8e8e8!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}.ft-print-relation{font-size:10pt!important}.ft-print-sheet .sheet-footer{height:8mm}
}

/* K-03: visual direction guide for grade 1–2; no mathematical < or > prerequisite */
.ft-comparison-guide{font:700 .82rem Nunito,Arial,sans-serif;color:#1c5562;text-align:center;margin:0;min-height:16px}.ft-comparison-guide[hidden]{display:none!important}
html[data-theme="dark"] .ft-comparison-guide{color:#e5eef5}
.ft-relation{font-family:Arial,sans-serif;font-weight:900}