/* ===========================================================
   思维岛 · 动手互动游乐场与题内实验台（siwei-arcade.css）
   前缀统一为 swl-（游乐场）与 sw-qlab（题内动手实验台）
   适配桌面端与 375px 手机竖屏：零横向溢出，触控目标 >= 44px
   =========================================================== */

/* ---------- 游乐场大厅（#siwei-lab） ---------- */
.swl-lobby{padding:24px 22px}
.swl-hero{
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  padding:20px 22px;border-radius:24px;margin-bottom:18px;
  background:linear-gradient(130deg,#F2ECFF 0%,#E8F3FF 52%,#FFF4DF 100%);
  border:2px solid #D8CEFF;
}
.swl-hero-copy{flex:1 1 280px;min-width:0}
.swl-kicker{margin:0 0 4px;font-size:12.5px;font-weight:900;color:#6A4FD8;letter-spacing:.08em}
.swl-hero h2{margin:0;font-size:clamp(23px,3vw,30px);color:#352766;line-height:1.25}
.swl-hero p{margin:6px 0 0;font-size:14.5px;font-weight:700;color:#5A547A;line-height:1.6}
.swl-hero-stats{display:flex;gap:8px;flex-wrap:wrap}
.swl-stat{
  display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;
  background:#fff;border:1.5px solid #DDD4FF;font-size:14px;font-weight:900;color:#4E389E;
  box-shadow:0 4px 10px rgba(92,70,180,.08);
}

.swl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(272px,1fr));gap:14px}
.swl-card{
  display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:22px;text-align:left;
  background:#fff;border:2px solid var(--swl-bd,#E3DCFF);
  box-shadow:0 10px 24px rgba(84,68,140,.08);
  transition:transform .16s,box-shadow .16s,border-color .16s;
}
.swl-card:hover{transform:translateY(-3px);box-shadow:0 16px 30px rgba(84,68,140,.14);border-color:var(--swl-c,#7C5CE8)}
.swl-card:active{transform:translateY(0) scale(.99)}
.swl-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.swl-card-emo{
  width:48px;height:48px;border-radius:15px;display:grid;place-items:center;
  font-size:26px;background:var(--swl-bg,#F3EEFF);
}
.swl-card-isle{
  padding:3px 10px;border-radius:999px;font-size:12px;font-weight:900;
  background:var(--swl-bg,#F3EEFF);color:var(--swl-c,#6A4FD8);
}
.swl-card h3{margin:2px 0 0;font-size:18.5px;color:#2F284F}
.swl-card p{margin:0;font-size:13.5px;font-weight:650;color:#66607F;line-height:1.55;flex:1}
.swl-card-tags{display:flex;flex-wrap:wrap;gap:6px}
.swl-tag{padding:2px 9px;border-radius:999px;background:#F6F4FB;color:#5D557C;font-size:11.5px;font-weight:800}
.swl-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px;padding-top:8px;border-top:1px dashed #ECE7F8}
.swl-card-stars{font-size:15px;letter-spacing:2px}
.swl-card-go{font-size:13.5px;font-weight:900;color:var(--swl-c,#6A4FD8)}

/* ---------- 单个互动工坊舞台 ---------- */
.swl-play{padding:20px}
.swl-top{
  display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;
  margin-bottom:14px;padding-bottom:12px;border-bottom:2px dashed #EFE8DC;
}
.swl-title{display:flex;align-items:center;gap:10px;min-width:0}
.swl-title-emo{font-size:30px;line-height:1}
.swl-title h3{margin:0;font-size:20px;color:#33285C}
.swl-title small{display:block;font-size:12.5px;font-weight:800;color:#7A7399}
.swl-stages{display:flex;gap:6px;flex-wrap:wrap}
.swl-st-pill{
  min-height:38px;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:900;
  background:#F5F2FB;color:#6E678F;border:2px solid transparent;
}
.swl-st-pill.is-now{background:#EDE6FF;color:#5237B8;border-color:#8A6DF0}
.swl-st-pill.is-done{background:#E5FBF3;color:#18856B;border-color:#7CE0C3}

.swl-mission{
  padding:13px 16px;border-radius:18px;margin-bottom:14px;
  background:linear-gradient(135deg,#FFF9E8 0%,#F5F1FF 100%);
  border:1.5px solid #EADBA8;
}
.swl-mission-t{font-size:16.5px;font-weight:900;color:#3A3159;line-height:1.45}
.swl-mission-sub{margin-top:4px;font-size:13.5px;font-weight:750;color:#6A6185}

.swl-board{
  background:#FBF9F5;border:2px dashed #E6DDD0;border-radius:22px;
  padding:16px 14px;text-align:center;min-height:220px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;
}
.swl-status{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;
  padding:8px 14px;border-radius:14px;background:#fff;border:1.5px solid #E5DFD5;
  font-size:14px;font-weight:850;color:#47415E;max-width:100%;
}
.swl-status.ok{background:#E8FBF3;border-color:#74DCB9;color:#14785E}
.swl-status.warn{background:#FFF3EC;border-color:#F6B89E;color:#B5431F}

.swl-bar{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:12px}
.swl-bar .btn{min-height:44px}
.swl-fb{
  margin-top:12px;padding:12px 15px;border-radius:16px;font-size:14.5px;font-weight:800;line-height:1.55;
  text-align:center;
}
.swl-fb.good{background:#E7FBF3;border:2px solid #7CE0C3;color:#146E57}
.swl-fb.tip{background:#FFF7E2;border:2px solid #F3D184;color:#82570D}
.swl-fb[hidden]{display:none}

/* ---------- 1. 火柴工坊（huochai） ---------- */
.swl-hc-eq{
  display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;
  padding:8px 4px;max-width:100%;
}
.swl-hc-char{
  position:relative;width:62px;height:108px;border-radius:14px;
  background:#fff;border:1.5px solid #EDE5D8;flex:none;
}
.swl-hc-char.is-op{width:46px}
.swl-hc-seg{
  position:absolute;padding:0;border-radius:999px;
  transition:transform .12s,background .12s,box-shadow .12s,opacity .12s;
}
.swl-hc-seg.h{width:38px;height:12px;left:12px}
.swl-hc-seg.h.sa{top:8px}
.swl-hc-seg.h.sg{top:48px}
.swl-hc-seg.h.sd{top:88px}
.swl-hc-seg.v{width:12px;height:38px}
.swl-hc-seg.v.sf{left:6px;top:14px}
.swl-hc-seg.v.sb{right:6px;top:14px}
.swl-hc-seg.v.se{left:6px;top:54px}
.swl-hc-seg.v.sc{right:6px;top:54px}
.swl-hc-seg.op-h{width:32px;height:12px;left:7px;top:48px}
.swl-hc-seg.op-v{width:12px;height:34px;left:17px;top:37px}
.swl-hc-eqsign{display:flex;flex-direction:column;gap:10px;padding:0 4px}
.swl-hc-eqsign i{display:block;width:28px;height:8px;border-radius:999px;background:#D8A24A}

.swl-hc-seg.is-on{
  background:linear-gradient(90deg,#E9B96A 0%,#D89F45 80%,#D6402A 80%,#D6402A 100%);
  box-shadow:0 2px 4px rgba(140,90,20,.25);
}
.swl-hc-seg.v.is-on,.swl-hc-seg.op-v.is-on{
  background:linear-gradient(180deg,#D6402A 0%,#D6402A 22%,#E9B96A 22%,#D89F45 100%);
}
.swl-hc-seg.is-off{
  border:2px dashed #D8CFC2;background:rgba(230,220,205,.24);opacity:.78;
}
.swl-hc-seg.is-off:hover{border-color:#7C5CE8;background:rgba(124,92,232,.14);opacity:1}
.swl-hc-seg.is-picked{
  background:#FFB703!important;box-shadow:0 0 0 4px rgba(255,183,3,.35);transform:scale(1.08);z-index:3;
}

/* 拆火柴方格 */
.swl-hc-grid{position:relative;width:236px;height:236px;margin:4px auto;max-width:100%}
.swl-hc-box{
  position:absolute;border-radius:10px;display:grid;place-items:center;
  font-size:13px;font-weight:900;color:#157A5E;pointer-events:none;transition:background .2s;
}
.swl-hc-box.intact{background:rgba(53,203,173,.18);border:1.5px dashed rgba(31,173,145,.45)}
.swl-hc-gstick{
  position:absolute;border-radius:999px;padding:0;z-index:2;
  transition:transform .12s,opacity .15s,box-shadow .15s;
}
.swl-hc-gstick.gh{height:14px}
.swl-hc-gstick.gv{width:14px}
.swl-hc-gstick.on{background:linear-gradient(90deg,#E9B96A 0%,#D89F45 82%,#D6402A 82%);box-shadow:0 2px 5px rgba(120,80,20,.25)}
.swl-hc-gstick.gv.on{background:linear-gradient(180deg,#D6402A 0%,#D6402A 20%,#E9B96A 20%,#D89F45 100%)}
.swl-hc-gstick.off{border:2px dashed #D7CEC0;background:rgba(220,210,195,.22);opacity:.55}
.swl-hc-gstick.loose{box-shadow:0 0 0 3px rgba(228,87,61,.45)}

/* ---------- 2. 魔方折叠室（lizhan） ---------- */
.swl-lz-wrap{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:center;width:100%}
.swl-net{
  display:grid;gap:5px;padding:10px;border-radius:18px;background:#fff;border:1.5px solid #E3E9F3;
}
.swl-net-cell{
  width:52px;height:52px;border-radius:12px;display:grid;place-items:center;
  font-size:21px;font-weight:900;border:2.5px solid #94A8C4;background:#F4F8FF;color:#284B7A;
  transition:transform .15s,background .15s,border-color .15s;
}
.swl-net-cell.empty{visibility:hidden;pointer-events:none}
.swl-net-cell.sel{border-color:#7C5CE8;background:#EFE9FF;transform:scale(1.06)}
.swl-net-cell.pair0{background:#FFE8E2;border-color:#FF7A59;color:#A6361B}
.swl-net-cell.pair1{background:#E4FBF4;border-color:#2FC2A4;color:#126E5B}
.swl-net-cell.pair2{background:#FFF6D6;border-color:#F5A524;color:#8F5800}
.swl-net-cell.collide{background:#FFE2E5;border-color:#E43D4E;color:#A81C2B;animation:shake .35s}
.swl-cube-card{
  display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 16px;
  border-radius:18px;background:#fff;border:1.5px solid #E3E9F3;min-width:176px;
}
.swl-die-grid{
  display:grid;grid-template-columns:repeat(3,64px);gap:7px;justify-content:center;margin:4px auto;
}
.swl-die-tile{
  width:64px;height:64px;border-radius:15px;border:2.5px solid #D5E0EE;background:#fff;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  font-size:13px;font-weight:900;color:#475569;
}
.swl-die-tile.is-cur{border-color:#4D96FF;background:#EBF4FF;box-shadow:0 0 0 4px rgba(77,150,255,.18)}
.swl-die-tile.is-goal{border-color:#F5A524;background:#FFF8E1}
.swl-die-tile.can-step{cursor:pointer;border-style:dashed;border-color:#7C5CE8}
.swl-dpad{display:grid;grid-template-columns:repeat(3,54px);gap:6px;justify-content:center}
.swl-dpad button{height:46px;border-radius:13px;background:#fff;border:2px solid #D8E2F0;font-size:18px;font-weight:900;box-shadow:0 3px 0 #E4ECF5}
.swl-dpad button:active{transform:translateY(2px);box-shadow:none}

/* ---------- 3. 天平侦探社（tianping） ---------- */
.swl-tp-scale{width:100%;max-width:360px;margin:0 auto}
.swl-tp-pans{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:420px}
.swl-tp-pan{
  min-height:74px;padding:8px;border-radius:16px;background:#fff;border:2px dashed #CDB998;
  display:flex;flex-direction:column;align-items:center;gap:6px;
}
.swl-tp-pan.active{border-color:#7C5CE8;background:#F8F5FF;border-style:solid}
.swl-tp-pan-t{font-size:12.5px;font-weight:900;color:#7B684B}
.swl-tp-slots{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;min-height:40px;align-items:center}
.swl-balls{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:440px}
.swl-ball{
  width:46px;height:46px;border-radius:50%;display:grid;place-items:center;
  font-size:16px;font-weight:900;color:#fff;
  background:radial-gradient(circle at 32% 30%,#9B84FF,#5E3FD6);
  box-shadow:0 4px 0 #452BA8,0 6px 12px rgba(70,45,170,.2);
  position:relative;transition:transform .12s,opacity .15s;
}
.swl-ball.in-pan{width:38px;height:38px;font-size:14px}
.swl-ball.cleared{opacity:.42;filter:grayscale(.7)}
.swl-ball.suspect{background:radial-gradient(circle at 32% 30%,#FFB84D,#E07A16);box-shadow:0 4px 0 #B35B08}
.swl-tp-log{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;font-size:12.5px;font-weight:800;color:#5B5478}
.swl-tp-log span{background:#fff;padding:4px 10px;border-radius:999px;border:1px solid #E5DFD5}

/* ---------- 4. 统筹小厨神（tongchou） ---------- */
.swl-pan-pot{
  display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;
  padding:14px 18px;border-radius:999px;background:#475261;border:4px solid #2F3742;
  min-width:210px;min-height:84px;color:#fff;box-shadow:inset 0 4px 10px rgba(0,0,0,.25);
}
.swl-cakes{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.swl-cake{
  min-width:96px;min-height:66px;padding:8px 10px;border-radius:16px;
  background:#FFF9EB;border:2.5px solid #E5C585;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
  font-size:13px;font-weight:900;color:#7A5112;
}
.swl-cake.in-pot{border-color:#FF7A59;background:#FFF0EA;box-shadow:0 0 0 3px rgba(255,122,89,.2)}
.swl-cake.done{background:#E8FBF3;border-color:#5CD6B3;color:#14735A}
.swl-river{
  display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:8px;align-items:stretch;width:100%;max-width:460px;
}
.swl-bank{
  background:#EEF8E8;border:2px solid #C6E3B7;border-radius:16px;padding:8px;
  display:flex;flex-direction:column;align-items:center;gap:6px;min-height:110px;
}
.swl-water{
  background:linear-gradient(180deg,#DDF0FF,#C6E4FF);border:2px solid #9DC9F5;border-radius:16px;
  padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;
}
.swl-boat-box{
  padding:7px 12px;border-radius:14px;background:#FFE4B5;border:2.5px solid #C98A3B;
  font-size:13px;font-weight:900;color:#6E430C;min-height:44px;display:flex;align-items:center;gap:5px;
}
.swl-camper{
  min-width:44px;min-height:40px;padding:4px 8px;border-radius:12px;background:#fff;
  border:2px solid #BDD9AE;font-size:16px;font-weight:900;
}
.swl-sched-lanes{display:grid;grid-template-columns:1fr;gap:8px;width:100%;max-width:460px;text-align:left}
.swl-lane{background:#fff;border:2px solid #E2E8F0;border-radius:15px;padding:9px 12px}
.swl-lane-h{font-size:13px;font-weight:900;color:#475569;margin-bottom:6px;display:flex;justify-content:space-between}
.swl-task-chip{
  display:inline-flex;align-items:center;gap:5px;min-height:42px;padding:6px 11px;margin:3px;
  border-radius:12px;background:#F4F0FF;border:2px solid #CEC2FF;font-size:13px;font-weight:900;color:#483299;
}
.swl-task-chip.auto{background:#FFF3DF;border-color:#F5C878;color:#8A520A}

/* ---------- 5. 逆推时光机（daotui） ---------- */
.swl-pipe{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;padding:8px 0}
.swl-orb{
  min-width:56px;height:56px;padding:0 10px;border-radius:18px;display:grid;place-items:center;
  font-size:22px;font-weight:900;background:#fff;border:3px solid #CBD5E1;color:#334155;
}
.swl-orb.known{background:#E7FBF3;border-color:#35CBAD;color:#117862}
.swl-orb.active{background:#FFF6DF;border-color:#F5A524;color:#9E5D08;box-shadow:0 0 0 4px rgba(245,165,36,.2)}
.swl-gate{
  display:flex;flex-direction:column;align-items:center;gap:2px;padding:5px 9px;
  border-radius:12px;background:#EEF2FF;border:2px solid #C7D2FE;font-size:12.5px;font-weight:900;color:#4338CA;
}
.swl-gate.cur{background:#F3E8FF;border-color:#9333EA;color:#6B21A8;transform:scale(1.06)}
.swl-gate.done{background:#ECFDF5;border-color:#6EE7B7;color:#047857}
.swl-ops-pick{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.swl-op-btn{
  min-width:68px;min-height:48px;padding:6px 12px;border-radius:14px;background:#fff;
  border:2.5px solid #D5DEEA;font-size:18px;font-weight:900;color:#334155;box-shadow:0 3px 0 #E2E8F0;
}
.swl-op-btn:hover{border-color:#7C5CE8;color:#5B3FC4}
.swl-age-box{width:100%;max-width:420px;background:#fff;border-radius:18px;padding:12px 14px;border:1.5px solid #E5DFD5}
.swl-age-row{display:flex;align-items:center;gap:8px;margin:7px 0;font-size:14px;font-weight:900}
.swl-age-name{width:46px;text-align:right;flex:none;color:#475569}
.swl-age-track{flex:1;height:24px;background:#F1F5F9;border-radius:999px;overflow:hidden;position:relative}
.swl-age-fill{height:100%;border-radius:999px;transition:width .2s}
.swl-age-fill.a{background:linear-gradient(90deg,#35CBAD,#1FA58B)}
.swl-age-fill.b{background:linear-gradient(90deg,#FF9F6B,#FF7A59)}
.swl-age-val{width:54px;text-align:left;flex:none;color:#1E293B}
.swl-slider-row{display:flex;align-items:center;gap:8px;justify-content:center;width:100%;max-width:380px}
.swl-slider-row input[type=range]{flex:1;accent-color:#7C5CE8;height:32px}

/* ---------- 6. 巧算与对称（qiaosuan） ---------- */
.swl-bubs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:400px}
.swl-bub{
  width:68px;height:68px;border-radius:50%;display:grid;place-items:center;
  font-size:22px;font-weight:900;color:#2E3A59;
  background:radial-gradient(circle at 30% 28%,#fff,#DCEBFF 68%,#B7D4FF);
  border:3px solid #7FB2FF;box-shadow:0 5px 0 #649BF0;
  transition:transform .14s,opacity .2s;
}
.swl-bub.sel{background:radial-gradient(circle at 30% 28%,#FFFBE6,#FFE082 70%,#FFC93C);border-color:#F59E0B;box-shadow:0 5px 0 #D97706;transform:translateY(-4px) scale(1.06)}
.swl-bub.fused{background:radial-gradient(circle at 30% 28%,#E8FFF7,#99F6E4 72%,#35CBAD);border-color:#14B8A6;box-shadow:0 4px 0 #0D9488;color:#0F5E54;cursor:default}

.swl-sym-board{
  display:grid;grid-template-columns:repeat(6,44px);gap:4px;padding:10px;
  background:#fff;border-radius:18px;border:2px solid #DCE6F2;position:relative;
}
.swl-sym-board::after{
  content:"";position:absolute;top:6px;bottom:6px;left:calc(50% - 1.5px);width:3px;
  background:repeating-linear-gradient(180deg,#FF6B57 0 7px,transparent 7px 12px);pointer-events:none;
}
.swl-sym-cell{
  width:44px;height:44px;border-radius:9px;border:1.5px solid #E2E8F0;background:#F8FAFC;
  display:grid;place-items:center;font-size:18px;
}
.swl-sym-cell.given{background:#4D96FF;border-color:#2B77E4;color:#fff;cursor:default}
.swl-sym-cell.paint{cursor:pointer}
.swl-sym-cell.paint.on{background:#35CBAD;border-color:#1FA58B;color:#fff}
.swl-sym-cell.paint.err{background:#FFE4E6;border-color:#F43F5E}

.swl-cut-board{display:grid;grid-template-columns:repeat(4,54px);gap:5px;padding:10px;background:#fff;border-radius:18px;border:2px solid #E5DFD5}
.swl-cut-cell{
  width:54px;height:54px;border-radius:12px;border:2px solid #CBD5E1;
  display:grid;place-items:center;font-size:22px;font-weight:900;cursor:pointer;
  transition:transform .1s,background .15s;
}
.swl-cut-cell.team-a{background:#DBEAFE;border-color:#3B82F6;color:#1D4ED8}
.swl-cut-cell.team-b{background:#FFEDD5;border-color:#F97316;color:#C2410C}

/* ---------- 题内动手实验台（.sw-qlab） ---------- */
.sw-qlab{
  margin:0 0 16px;padding:12px 14px;border-radius:18px;
  background:linear-gradient(135deg,#F6F3FF 0%,#EEF7FF 100%);
  border:2px solid #D7CEFF;
}
.sw-qlab-head{
  display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;
  margin-bottom:8px;
}
.sw-qlab-title{font-size:13.5px;font-weight:900;color:#5237B8;display:flex;align-items:center;gap:6px}
.sw-qlab-toggle{
  min-height:36px;padding:4px 12px;border-radius:999px;background:#fff;
  border:1.5px solid #CEC2FF;font-size:12.5px;font-weight:900;color:#5B3FC4;
}
.sw-qlab-body{display:flex;flex-direction:column;align-items:center;gap:8px}
.sw-qlab-body[hidden]{display:none}
.sw-qlab-row{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;align-items:center}
.sw-qlab-chip{
  min-height:40px;padding:5px 11px;border-radius:12px;background:#fff;
  border:2px solid #D5DEEA;font-size:13.5px;font-weight:900;color:#334155;
}
.sw-qlab-chip.on{background:#EDE6FF;border-color:#7C5CE8;color:#4C2EB8}
.sw-qlab-chip.done{background:#E6FAF2;border-color:#35CBAD;color:#13795F}
.sw-qlab-note{margin:0;font-size:13px;font-weight:800;color:#4E476E;text-align:center;line-height:1.5}

@media (max-width:560px){
  .swl-lobby{padding:16px 14px}
  .swl-hero{padding:16px}
  .swl-play{padding:15px 12px}
  .swl-board{padding:13px 10px}
  .swl-hc-char{width:50px;height:92px}
  .swl-hc-char.is-op{width:38px}
  .swl-hc-seg.h{width:30px;height:10px;left:10px}
  .swl-hc-seg.h.sa{top:7px}
  .swl-hc-seg.h.sg{top:41px}
  .swl-hc-seg.h.sd{top:75px}
  .swl-hc-seg.v{width:10px;height:32px}
  .swl-hc-seg.v.sf{left:5px;top:12px}
  .swl-hc-seg.v.sb{right:5px;top:12px}
  .swl-hc-seg.v.se{left:5px;top:46px}
  .swl-hc-seg.v.sc{right:5px;top:46px}
  .swl-hc-seg.op-h{width:26px;height:10px;left:6px;top:41px}
  .swl-hc-seg.op-v{width:10px;height:28px;left:14px;top:32px}
  .swl-sym-board{grid-template-columns:repeat(6,42px);gap:3px;padding:7px}
  .swl-sym-cell{width:42px;height:42px}
  .swl-cut-board{grid-template-columns:repeat(4,50px);gap:4px}
  .swl-cut-cell{width:50px;height:50px}
  .swl-net-cell{width:46px;height:46px;font-size:19px}
  .swl-river{grid-template-columns:1fr;gap:6px}
}