/* Köprüler — scoped to the new game, no changes to previous engines. */
.hs-game{min-height:0}.hs-playground{display:flex;flex:1;min-height:0;align-items:center;justify-content:center;padding:8px}
.hs-play-area{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:6px}
.hs-board{--hs-size:470px;flex:0 0 auto;width:var(--hs-size);height:var(--hs-size);max-width:100%;aspect-ratio:1;background:#f6fafc;border:3px solid #27465c;border-radius:18px;box-shadow:0 0 0 5px #fff,0 12px 30px #264d6025;overflow:hidden;touch-action:manipulation}
.hs-svg{display:block;width:100%;height:100%}.hs-bridge{stroke:#008f86;stroke-width:11;stroke-linecap:round;pointer-events:none}.hs-edge-hit{cursor:pointer}
.hs-island{cursor:pointer;outline:none}.hs-island circle{stroke:#27465c;stroke-width:7;fill:#fff;transition:fill .12s}.hs-island text{fill:#193f5b;font:900 57px Arial,sans-serif;pointer-events:none;user-select:none}.hs-island.selected circle{fill:#ffe2ac;stroke:#d87b30}
.hs-controls{display:flex;gap:9px;justify-content:center;align-items:center}.hs-controls button{min-width:100px}.hs-feedback{min-height:24px}
.hs-race-stage .race-panels{min-height:0}.hs-race-area{display:flex;flex:1;min-height:0;flex-direction:column;align-items:center;justify-content:center;gap:9px}.hs-race-board{--hs-size:390px;max-height:100%;border-width:2px;border-radius:14px;box-shadow:0 0 0 4px #fff,0 8px 18px #27465c22}
.hs-race-stage .race-center-new{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;background:#0a9b86!important;color:#fff!important;box-shadow:0 3px 0 #08766c,0 5px 14px #1d635d44}
.hs-catalog-art{background:linear-gradient(145deg,#e0f3f1,#e8eff9)}.hs-catalog-demo{position:relative;display:grid;place-items:center;width:130px;height:130px;color:#1b5269}
.hs-catalog-demo svg{width:100%;height:100%;stroke:#1a7881;stroke-width:4;fill:none}.hs-catalog-demo text{stroke:none;fill:#1d5268;font-size:14px;font-weight:900;text-anchor:middle;dominant-baseline:central}
.hs-print-sheet{padding-top:7mm}.hs-print-body{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);height:252mm;gap:3mm}
.hs-print-card{border:.3mm solid #999;border-radius:1.5mm;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0}
.hs-print-card svg{width:60mm;height:60mm;max-width:100%;max-height:100%}
html[data-theme='dark'] .hs-board{background:#e8f3f8;border-color:#7792a4;box-shadow:0 0 0 4px #253447,0 8px 20px #0005}
html[data-theme='dark'] .hs-island circle{fill:#fff;stroke:#234f66}html[data-theme='dark'] .hs-island.selected circle{fill:#ffdfaf}html[data-theme='dark'] .hs-island text{fill:#193f5b}
@media(max-width:760px){.hs-play-area{padding:3px;gap:5px}.hs-controls{gap:5px}.hs-controls button{min-width:75px}}
@page hashiA4{size:A4 portrait;margin:5mm}
@media print{
 .hs-print-sheet{page:hashiA4;width:200mm!important;height:287mm!important;max-height:287mm!important;}
 .hs-print-sheet .sheet-head{height:26mm;min-height:26mm;padding-top:.5mm}
 .hs-print-sheet .sheet-head h1{font-size:18pt!important}
 .hs-print-sheet .sheet-head .print-howto{font-size:8.3pt!important;font-weight:800}
 .hs-print-sheet .sheet-head .print-rule{font-size:9.2pt!important;line-height:1.23!important}
 .hs-print-sheet .hs-print-body{height:auto;flex:1;min-height:0;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:1.5mm}
 .hs-print-sheet .hs-print-card svg{width:61mm;height:61mm}
 .hs-print-sheet .sheet-footer{height:8mm}
}
