/* ============================================================
   广微课堂 · 儿童版游戏模块（拖拽 / 排序 / 翻牌）
   独立文件，不改播放器核心样式；只用 index.html 里的语义变量。
   分区约定：右侧仍归老师操作区；这里只负责舞台里的「学生操作区」。
   ============================================================ */

/* ---------- 通用舞台 ---------- */
.gw-game{display:flex;flex-direction:column;gap:1rem;height:100%;min-height:0}
.gw-top{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center}
.gw-status{position:absolute;left:50%;bottom:.5rem;transform:translateX(-50%);z-index:5;pointer-events:none;
  font-family:var(--font-zh);font-size:1.4rem;
  line-height:1.5;color:#8A6A3E;background:#FFF7E4;border:.075rem solid #FBE3B6;border-radius:999px;padding:.25rem .9rem;white-space:nowrap;
  box-shadow:0 .3rem .8rem rgba(120,80,20,.16)}

/* ---------- 拖拽配对 ---------- */
/* 场景框按图片实际比例收缩，目标区的百分比坐标才和画面里的物体对得上 */
.gw-scene{position:relative;display:inline-block;max-height:46vh;border-radius:1.2rem;overflow:hidden;
  background:#FFF9F0;box-shadow:inset 0 0 0 .075rem var(--line);line-height:0}
.gw-scene>img{display:block;width:auto;height:auto;max-height:46vh;max-width:100%;object-fit:contain;pointer-events:none}
.gw-drop{position:absolute;width:9.6rem;height:9.6rem;transform:translate(-50%,-50%);border-radius:1.4rem;
  line-height:1.2;border:.24rem dashed rgba(234,88,12,.85);background:rgba(255,255,255,.62);
  box-shadow:0 .3rem .9rem rgba(120,80,20,.18);display:grid;place-items:center;
  transition:background .15s,border-color .15s,transform .15s;cursor:pointer}
.gw-drop .gw-mini{font-family:var(--font-zh);font-size:1.6rem;font-weight:700;color:#A5825A;pointer-events:none}
.gw-drop img{width:100%;height:100%;object-fit:contain;padding:.45rem;background:rgba(255,255,255,.94);border-radius:1.2rem}
.gw-drop.hot{border-color:var(--primary);border-style:solid;background:rgba(249,115,22,.16);transform:translate(-50%,-50%) scale(1.06)}
.gw-drop.ok{border-color:var(--green);border-style:solid;background:rgba(34,197,94,.14)}
.gw-drop.bad{border-color:var(--red);animation:gwShake .36s}

/* 卡片带：横排，大块 */
.gw-deck{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;align-items:flex-end;flex:0 0 auto}
.gw-card{width:10.2rem;min-height:9.25rem;border-radius:1.2rem;background:#fff;box-shadow:var(--shadow);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;padding:.5rem;
  touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;transition:transform .12s,box-shadow .2s,opacity .2s}
.gw-card img{width:100%;height:6.2rem;object-fit:contain;pointer-events:none}
.gw-card b{font-family:var(--font-en);font-size:2.4rem;font-weight:700;line-height:1.05;text-align:center;pointer-events:none}
.gw-card.sel{outline:.28rem solid var(--primary);transform:translateY(-.35rem);box-shadow:var(--shadow-lg)}
.gw-card.drag{position:fixed;z-index:60;pointer-events:none;cursor:grabbing;
  transform:scale(1.06) rotate(-1.5deg);box-shadow:var(--shadow-lg)}
.gw-card.used{opacity:.45;pointer-events:none;box-shadow:none;background:transparent;border:.2rem dashed #E6C9A0}

/* ---------- 拖拽排序 ---------- */
.gw-slots{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:.8rem;width:100%;align-items:stretch}
.gw-slot{position:relative;min-height:9.25rem;border-radius:1.2rem;border:.2rem dashed #E6C9A0;background:#FFFDF8;
  display:grid;place-items:center;transition:background .15s,border-color .15s}
.gw-slot .gw-n{position:absolute;top:.25rem;left:.55rem;font-size:1.2rem;font-weight:800;color:#C4A781}
.gw-slot .gw-card{width:100%;height:100%;min-height:0;box-shadow:none;background:transparent;border-radius:1rem}
.gw-slot.hot{border-color:var(--primary);background:#FFF3E2}
.gw-slot.ok{border-color:var(--green);border-style:solid;background:#F1FDF4}
.gw-slot.bad{border-color:var(--red);animation:gwShake .36s}
.gw-word{font-family:var(--font-en);font-size:2.4rem;font-weight:700;text-align:center;line-height:1.05}
.gw-sortstage{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:1rem;width:100%}
.gw-sortlabel{margin:0;text-align:center;font-family:var(--font-zh);font-size:1.5rem;color:#8A6A3E}

/* ---------- 故事排序 ---------- */
.gw-story-stage{justify-content:center}
.gw-story-slot{min-height:13rem;overflow:hidden}
.gw-story-slots.many .gw-story-slot{min-height:9.25rem}
.gw-story-slot .gw-hole{position:absolute;inset:.35rem;border-radius:.9rem;overflow:hidden;display:grid;place-items:center}
.gw-story-slot .gw-hole img{width:100%;height:100%;object-fit:contain;border-radius:.9rem;background:#FFF9F0}
.gw-card.gw-panel{width:12rem;padding:.35rem .35rem .45rem}
.gw-card.gw-panel img{width:100%;height:7.4rem;object-fit:contain;border-radius:.85rem;background:#FFF9F0}
/* 分镜图容器：图片按原始比例居中，遮挡块按同一坐标系缩放 */
.gw-pimg{position:relative;width:100%;height:100%;overflow:hidden;border-radius:.85rem;background:#FFF9F0}
.gw-pimg>img{position:absolute;left:0;top:0;max-width:none;border-radius:0}
.gw-card.gw-panel .gw-pimg{height:7.4rem}
.gw-pmask{position:absolute;display:block;pointer-events:none;border-radius:.18rem;
  background:rgba(255,249,240,.55);
  backdrop-filter:blur(6px) saturate(.2) brightness(1.06);
  -webkit-backdrop-filter:blur(6px) saturate(.2) brightness(1.06)}
.gw-cap{font-family:var(--font-en);font-size:1.15rem;line-height:1.2;text-align:center;color:#6B5233;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;pointer-events:none}
.gw-cap.sm{font-size:1.02rem}

/* ---------- 接物 ---------- */
.gw-catchstage{align-items:stretch}
.gw-field{position:relative;flex:1 1 auto;width:100%;min-height:0;overflow:hidden;border-radius:1.4rem;
  background:linear-gradient(180deg,#EAF6FF,#F8FDF4);box-shadow:inset 0 0 0 .075rem var(--line);
  touch-action:none;user-select:none;-webkit-user-select:none}
.gw-target{position:absolute;z-index:6;top:.8rem;left:.8rem;display:flex;align-items:center;gap:.55rem;
  background:#fff;border-radius:1.2rem;padding:.35rem .8rem;box-shadow:var(--shadow)}
.gw-target-img img{display:block;height:4.2rem;width:auto;max-width:9rem;object-fit:contain}
.gw-target-word{font-family:var(--font-en);font-size:2rem;font-weight:800;color:#C2410C;line-height:1}
.gw-score{position:absolute;z-index:6;top:.8rem;right:1rem;font-family:var(--font-en);font-weight:800;font-size:2rem;
  color:#7C5A2E;background:#FFF7E4;border-radius:999px;padding:.15rem .9rem;box-shadow:var(--shadow)}
.gw-fall{position:absolute;z-index:2;width:8rem;height:6rem;border-radius:1rem;background:#fff;
  box-shadow:var(--shadow);display:grid;place-items:center;padding:.35rem;will-change:top}
.gw-fall img{max-width:100%;max-height:100%;object-fit:contain;pointer-events:none}
.gw-basket{position:absolute;z-index:3;bottom:0;left:50%;transform:translateX(-50%);width:13rem;height:5.2rem;
  border-radius:0 0 2rem 2rem;background:linear-gradient(180deg,#FFD18A,#F5A742);border:.28rem solid #C97C1F;
  box-shadow:inset 0 .5rem 0 rgba(255,255,255,.45),0 .4rem 1rem rgba(120,70,10,.25);
  display:grid;place-items:center;font-family:var(--font-en);font-size:1.5rem;font-weight:800;color:#7A4512}
.gw-basket:before{content:"";position:absolute;bottom:100%;width:9rem;height:2.1rem;
  border:.28rem solid #C97C1F;border-bottom:0;border-radius:2.2rem 2.2rem 0 0}
.gw-basket.pop{animation:gwPop .3s}
.gw-basket.bad{border-color:var(--red);animation:gwShake .36s}
.gw-start{position:absolute;z-index:9;left:50%;top:50%;transform:translate(-50%,-50%);
  min-width:16rem;min-height:6rem;border-radius:1.6rem;background:var(--primary);color:#fff;
  font-family:var(--font-zh);font-size:2rem;font-weight:800;border:0;cursor:pointer;
  box-shadow:0 .5rem 1.4rem rgba(180,80,10,.35)}
.gw-start:active{transform:translate(-50%,-50%) scale(.97)}

/* ---------- 记忆翻牌 ---------- */
.gw-mem{display:grid;gap:.8rem;width:100%;max-width:44rem;margin:0 auto}
.gw-mem.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.gw-mem.c4{grid-template-columns:repeat(4,minmax(0,1fr))}
.gw-mem.dense .gw-tile{aspect-ratio:4/3}
.gw-tile{position:relative;aspect-ratio:1/1;min-height:0;perspective:900px;background:none;border:0;padding:0;cursor:pointer}
.gw-inner{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .34s ease}
.gw-tile.open .gw-inner{transform:rotateY(180deg)}
.gw-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:1.1rem;
  display:grid;place-items:center;overflow:hidden}
.gw-face.back{background:linear-gradient(145deg,#FFE2B8,#FFC98A);box-shadow:inset 0 0 0 .18rem #fff,0 .3rem .8rem rgba(160,110,40,.18)}
.gw-face.back span{font-family:var(--font-en);font-size:3.4rem;font-weight:700;color:#C47C22}
.gw-face.front{transform:rotateY(180deg);background:#fff;box-shadow:var(--shadow),inset 0 0 0 .075rem var(--line)}
.gw-face.front img{width:100%;height:100%;object-fit:contain;padding:.35rem}
.gw-face.front b{font-family:var(--font-en);font-size:2.6rem;font-weight:700;text-align:center;padding:.3rem;line-height:1.05}
.gw-tile.matched .gw-face.front{box-shadow:inset 0 0 0 .3rem var(--green),var(--shadow)}
.gw-tile.matched{animation:gwPop .4s}
.gw-tile.shake{animation:gwShake .36s}

/* ---------- 涂色（color-fill） ---------- */
.gw-color{gap:.7rem}
.gw-color-stage{flex-direction:column;justify-content:flex-start;gap:.6rem}
.gw-color-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex:0 0 auto;width:100%}
.gw-canvas-wrap{flex:1 1 auto;min-height:0;width:100%;display:flex;align-items:center;justify-content:center}
.gw-canvas{max-width:100%;max-height:100%;width:auto;height:auto;border-radius:1.2rem;background:#fff;
  box-shadow:inset 0 0 0 .075rem var(--line),0 .4rem 1rem rgba(120,90,40,.12);
  touch-action:none;cursor:crosshair}
.gw-palette{display:flex;gap:1rem;justify-content:center;align-items:center;flex-wrap:wrap;flex:0 0 auto}
.gw-swatch{position:relative;width:9.3rem;height:9.3rem;border-radius:50%;border:.3rem solid #fff;
  box-shadow:0 .25rem .8rem rgba(80,50,10,.25),inset 0 0 0 .08rem rgba(0,0,0,.12);
  transition:transform .12s,outline .12s;cursor:pointer;display:grid;place-items:center;padding:0}
.gw-swatch b{font-family:var(--font-en);font-size:1.3rem;color:#fff;background:rgba(90,60,20,.55);
  border-radius:999px;padding:.05rem .5rem;line-height:1.15;pointer-events:none}
.gw-swatch.sel{transform:translateY(-.45rem) scale(1.06);outline:.3rem solid var(--primary);outline-offset:.18rem}
.gw-color-status{align-self:center;font-family:var(--font-zh);font-size:1.4rem;line-height:1.4;color:#8A6A3E;
  background:#FFF7E4;border:.075rem solid #FBE3B6;border-radius:999px;padding:.15rem .9rem;white-space:nowrap}
.gw-hear{min-height:4.6rem;padding:0 1.4rem;border-radius:1rem;border:.2rem solid #F5C98E;background:#FFF7E4;
  color:#8A5A1E;font-family:var(--font-zh);font-size:1.5rem;font-weight:700;cursor:pointer}
.gw-guide{display:flex;align-items:center;gap:.5rem;background:#fff;border-radius:1rem;padding:.3rem .6rem;
  box-shadow:var(--shadow)}
.gw-guide img{display:block;height:4.6rem;width:auto;border-radius:.6rem}
.gw-guide span{font-family:var(--font-zh);font-size:1.15rem;color:#8A6A3E}

/* ---------- 字母描红 ---------- */
.gw-trace{gap:.6rem}
.gw-trace-stage{flex-direction:column;justify-content:flex-start;gap:.6rem}
.gw-trace-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex:0 0 auto;width:100%}
.gw-trace-status{font-family:var(--font-zh);font-size:1.35rem;color:#6B5B45}
.gw-trace-reset{min-height:3.4rem;padding:0 1.2rem;border-radius:999px;border:.12rem solid #E7D8C4;
  background:#FFFDF8;color:#7A6446;font-family:var(--font-zh);font-size:1.15rem;cursor:pointer}
.gw-trace-row{flex:1 1 auto;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;gap:1rem}
.gw-trace-card{position:relative;flex:0 0 auto;background:#FFFDF7;border-radius:1.2rem;overflow:hidden;
  box-shadow:inset 0 0 0 .075rem #EFE3D2,0 .35rem .9rem rgba(120,90,40,.10);touch-action:none;cursor:crosshair}
.gw-trace-canvas{display:block;touch-action:none}
.gw-trace-chips{display:flex;justify-content:center;align-items:center;gap:.8rem;flex:0 0 auto;flex-wrap:wrap}
.gw-trace-chip{font-family:var(--font-en);font-size:1.15rem;line-height:1.2;padding:.25rem .8rem;
  border-radius:999px;background:#F3EADF;color:#7A6A55}
.gw-trace-chip.ok{background:#E3F4E7;color:#1E7A3C}

/* ---------- 棋盘闯关 ---------- */
.gw-board{gap:.7rem}
.gw-board-stage{flex-direction:column;justify-content:center;gap:.6rem}
.gw-board-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;
  width:100%;max-width:46rem;margin:0 auto}
.gw-cell{position:relative;aspect-ratio:4/3;border-radius:1rem;background:#FFFDF8;
  box-shadow:inset 0 0 0 .14rem #EFE3D2;display:grid;place-items:center}
.gw-cell.start{background:#FFF3E2;box-shadow:inset 0 0 0 .18rem #F7C98B}
.gw-cell.goal{background:#E9F7EC;box-shadow:inset 0 0 0 .18rem #9BD7A6}
.gw-cell-n{position:absolute;top:.25rem;left:.55rem;font-family:var(--font-zh);
  font-size:1.05rem;font-weight:700;color:#C4A781;line-height:1.2}
.gw-cell.goal .gw-cell-n{color:#2E7D45}
.gw-token{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:3.2rem;height:3.2rem;border-radius:50%;background:var(--primary);color:#fff;
  font-size:1.8rem;line-height:1;display:grid;place-items:center;
  box-shadow:0 .25rem .7rem rgba(160,80,10,.35)}
.gw-token.go{animation:gwPop .3s}
.gw-board-bar{width:100%;max-width:46rem;margin:0 auto;display:flex;align-items:center;justify-content:center}
.gw-board-status{font-family:var(--font-zh);font-size:1.3rem;color:#6B5B45;
  background:#FFF7E4;border-radius:999px;padding:.15rem .9rem;line-height:1.4}
.gw-board-q{width:100%;max-width:46rem;margin:0 auto;display:flex;flex-direction:column;
  align-items:center;gap:.3rem}
.gw-q-prompt{font-family:var(--font-en);font-size:2rem;font-weight:700;color:#3B2E1E;
  text-align:center;line-height:1.15;flex:0 0 auto}
.gw-q-zh{font-family:var(--font-zh);font-size:1.2rem;color:#8A6A3E;text-align:center;flex:0 0 auto}
.gw-board-opts{display:flex;gap:.9rem;justify-content:center;align-items:center;
  flex-wrap:wrap;width:100%;margin-top:.15rem}
.gw-opt{min-width:9.4rem;min-height:9.4rem;padding:.4rem 1.2rem;border:0;border-radius:1.3rem;
  background:#fff;box-shadow:var(--shadow);font-family:var(--font-en);font-size:2.6rem;
  font-weight:700;color:#3B2E1E;line-height:1;cursor:pointer;
  transition:transform .12s,background .15s,box-shadow .2s}
.gw-opt:active{transform:scale(.97)}
.gw-opt.ok{background:#E3F4E7;color:#1E7A3C;box-shadow:inset 0 0 0 .2rem #7DCB8C,var(--shadow)}
.gw-opt.bad{background:#FDECEC;color:#B23B3B;box-shadow:inset 0 0 0 .2rem #E9A0A0;animation:gwShake .36s}
.gw-opt.dim{opacity:.55}
.gw-board-empty{font-family:var(--font-zh);font-size:1.4rem;color:#8A6A3E}

/* ---------- 双人对抗 ---------- */
.gw-duel{gap:.5rem}
.gw-duel-stage{flex-direction:column;justify-content:center;gap:.45rem}
.gw-duel-scores{display:flex;gap:.9rem;width:100%;max-width:46rem;margin:0 auto}
.gw-duel-side{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:.25rem;
  background:#fff;border:.14rem solid transparent;border-radius:1.2rem;
  box-shadow:var(--shadow);padding:.45rem .8rem .5rem}
.gw-duel-side.p1{--duel:#F97316}
.gw-duel-side.p2{--duel:#3B82F6}
.gw-duel-side.on{border-color:var(--duel);box-shadow:0 .3rem .9rem rgba(120,80,20,.18)}
.gw-duel-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}
.gw-duel-name{font-family:var(--font-en);font-size:1.5rem;font-weight:700;color:#3B2E1E;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gw-duel-score{font-family:var(--font-en);font-size:2.1rem;line-height:1;color:var(--duel)}
.gw-duel-bar{height:1.1rem;border-radius:999px;background:#F3EADF;overflow:hidden}
.gw-duel-fill{height:100%;width:0;border-radius:999px;background:var(--duel);transition:width .3s}
.gw-duel-turn{font-family:var(--font-zh);font-size:1rem;line-height:1.4;min-height:1.4rem;color:#9B8467}
.gw-duel-side.on .gw-duel-turn{color:var(--duel);font-weight:700}
.gw-duel-qbar{display:flex;align-items:center;justify-content:center;gap:.8rem;
  width:100%;max-width:46rem;margin:0 auto}
.gw-duel-count{font-family:var(--font-zh);font-size:1.2rem;color:#6B5B45;
  background:#FFF7E4;border-radius:999px;padding:.1rem .8rem;line-height:1.4}
.gw-duel-timer{font-family:var(--font-en);font-size:1.2rem;font-weight:700;color:#7C5A2E;
  background:#FFF7E4;border-radius:999px;padding:.1rem .8rem;min-width:3.4rem;
  text-align:center;line-height:1.4}
.gw-duel-timer.low{color:#B23B3B;background:#FDECEC}
.gw-duel-result:empty{display:none}
.gw-duel-result{font-family:var(--font-zh);font-size:1.3rem;font-weight:700;color:#1E7A3C;
  text-align:center;line-height:1.4}
.gw-duel-result.bad{color:#B23B3B}

/* ---------- 动效 ---------- */
@keyframes gwShake{0%,100%{transform:translateX(0)}20%{transform:translateX(-.5rem)}45%{transform:translateX(.45rem)}70%{transform:translateX(-.25rem)}}
@keyframes gwPop{0%{transform:scale(1)}55%{transform:scale(1.06)}100%{transform:scale(1)}}

/* 窄屏：卡片两列，避免溢出 */
@media (max-width:620px){
  .gw-card{width:8.4rem;min-height:7.2rem}
  .gw-card b{font-size:1.9rem}
  .gw-card img{height:4.4rem}
  .gw-drop{width:6.4rem;height:6.4rem}
  .gw-mem{max-width:100%}
  .gw-slot{min-height:7.2rem}
  .gw-story-slots{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))}
  .gw-story-slots.many{grid-template-columns:repeat(3,minmax(0,1fr))}
  .gw-story-slot,.gw-story-slots.many .gw-story-slot{min-height:7.6rem}
  .gw-story-stage.many .gw-sortlabel{display:none}
  .gw-card.gw-panel{width:8.4rem}
  .gw-card.gw-panel img{height:4.8rem}
  .gw-card.gw-panel .gw-pimg{height:4.8rem}
  .gw-cap{font-size:1rem;-webkit-line-clamp:3}
  .gw-fall{width:5.6rem;height:4.4rem}
  .gw-basket{width:9.6rem;height:4.4rem;font-size:1.2rem}
  .gw-basket:before{width:6.6rem;height:1.7rem}
  .gw-target-img img{height:3.2rem}
  .gw-target-word{font-size:1.5rem}
  .gw-score{font-size:1.5rem}
  .gw-start{min-width:12rem;min-height:5rem;font-size:1.6rem}
  .gw-color{gap:.5rem}
  .gw-color-bar{gap:.6rem}
  .gw-hear{min-height:3.8rem;padding:0 .9rem;font-size:1.2rem}
  .gw-palette{gap:.55rem}
  .gw-swatch{width:4.6rem;height:4.6rem;border-width:.22rem}
  .gw-swatch b{font-size:.9rem}
  .gw-color-status{font-size:1.15rem;padding:.1rem .6rem}
  .gw-canvas{border-radius:.8rem}
  .gw-trace{gap:.45rem}
  .gw-trace-stage{gap:.45rem}
  .gw-trace-status{font-size:1.15rem}
  .gw-trace-reset{min-height:3rem;font-size:1rem;padding:0 .9rem}
  .gw-trace-row{gap:.6rem}
  .gw-trace-card{border-radius:.9rem}
  .gw-trace-chips{gap:.4rem}
  .gw-trace-chip{font-size:1rem;padding:.15rem .55rem}
  .gw-board{gap:.4rem}
  .gw-board-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;max-width:100%}
  .gw-cell{border-radius:.7rem;aspect-ratio:2/1}
  .gw-cell-n{font-size:.9rem;top:.15rem;left:.35rem}
  .gw-token{width:2.4rem;height:2.4rem;font-size:1.35rem}
  .gw-board-status{font-size:1.1rem;padding:.1rem .7rem}
  .gw-board-q{gap:.2rem}
  .gw-q-prompt{font-size:1.55rem}
  .gw-q-zh{font-size:1.05rem}
  .gw-board-opts{gap:.55rem}
  .gw-opt{min-width:5.5rem;min-height:5.5rem;font-size:2rem;padding:.3rem .9rem;border-radius:1rem}
  .gw-duel-scores{gap:.5rem}
  .gw-duel-side{padding:.35rem .55rem .4rem;border-radius:.9rem}
  .gw-duel-name{font-size:1.1rem}
  .gw-duel-score{font-size:1.6rem}
  .gw-duel-bar{height:.85rem}
  .gw-duel-turn{font-size:.9rem;min-height:1.2rem}
  .gw-duel-count,.gw-duel-timer{font-size:1rem;padding:.05rem .6rem}
  .gw-duel-timer{min-width:2.9rem}
}