/* 연필깎이 장인 (act/pencilsharp.php) */
#pc-wrap{width:100%;max-width:540px;margin:14px auto 0}
#pc-hudbar{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:8px}
#pc-hudbar>div{background:#fff;border:1px solid #e6e8ee;border-radius:12px;padding:7px 4px;text-align:center;box-shadow:0 2px 6px rgba(60,80,120,.07)}
#pc-hudbar small{display:block;font-size:.68rem;color:#8a8f98;letter-spacing:-.2px}
#pc-hudbar strong{display:block;font-size:1.12rem;font-weight:800;color:#2f3640;line-height:1.3}

#pc-ordercard{background:linear-gradient(135deg,#eef2ff,#e7f0fb);border:1px solid #d8e2f5;border-radius:14px;padding:9px 12px;margin-bottom:8px;text-align:center}
#pc-order{display:block;font-size:1rem;font-weight:800;color:#28406e;letter-spacing:-.3px}
#pc-order-hint{display:block;font-size:.78rem;color:#5b6b85;margin-top:2px}

#pc-gaugewrap{margin:0 0 8px}
#pc-gauge{position:relative;height:28px;border-radius:9px;background:#eceff4;border:1px solid #dfe3ea;overflow:hidden}
#pc-gauge.over{box-shadow:inset 0 0 0 2px rgba(224,49,49,.5)}
#pc-danger{position:absolute;top:0;bottom:0;left:86%;right:0;background:repeating-linear-gradient(45deg,rgba(224,49,49,.22),rgba(224,49,49,.22) 5px,rgba(224,49,49,.1) 5px,rgba(224,49,49,.1) 10px)}
#pc-band{position:absolute;top:0;bottom:0;background:rgba(47,158,68,.3);border-left:2px solid #2f9e44;border-right:2px solid #2f9e44}

#pc-mark{position:absolute;top:-2px;bottom:-2px;width:4px;margin-left:-2px;border-radius:3px;background:#f7b733;box-shadow:0 0 0 2px rgba(0,0,0,.18)}
#pc-gaugelabel{display:flex;justify-content:space-between;font-size:.7rem;color:#8a8f98;margin-top:3px}
#pc-gaugelabel b{color:#f08c00}
#pc-timetrack{height:5px;border-radius:999px;background:#e9ecf2;overflow:hidden;margin-top:6px}
#pc-timebar{width:100%;height:100%;background:#4c6ef5;transition:width .1s linear}

#pc-stage{position:relative;width:100%;border-radius:18px;overflow:hidden;background:#f1e4cd;box-shadow:0 10px 26px rgba(90,80,50,.2);touch-action:none;user-select:none;-webkit-user-select:none}
#pc-canvas{display:block;width:100%;height:auto;cursor:grab}
#pc-canvas:active{cursor:grabbing}
#pc-hint{position:absolute;left:0;right:0;bottom:0;text-align:center;font-size:.8rem;color:#5b4a33;background:rgba(255,255,255,.76);padding:6px 10px;pointer-events:none;word-break:keep-all;line-height:1.45}
.pc-panel{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;padding:20px;background:rgba(30,38,56,.76);color:#fff;z-index:3}
.pc-panel[hidden]{display:none}
.pc-panel .t{font-size:1.26em;font-weight:800;letter-spacing:-.4px}
.pc-panel .d{font-size:.86em;line-height:1.7;color:#e8edf7;word-break:keep-all;max-width:18em}
.pc-panel button{border:0;border-radius:999px;padding:11px 26px;font-weight:800;font-size:.95em;color:#243049;background:linear-gradient(135deg,#ffe09a,#f5b64c);box-shadow:0 6px 16px rgba(180,120,20,.34);cursor:pointer}
#pc-rscore{font-size:2.5em;font-weight:900;line-height:1;letter-spacing:-1.5px}
#pc-rtier{font-size:1.06em;font-weight:800;color:#ffd98a}
#pc-rstat{font-size:.82em;color:#e4ecf8}
#pc-rstat b{color:#fff}
#pc-rlist{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}
#pc-rlist span{position:relative;min-width:40px;padding:4px 7px 3px;border-radius:9px;background:rgba(255,255,255,.14);font-size:.8em;font-weight:800}
#pc-rlist span i{display:block;font-style:normal;font-size:.62em;font-weight:600;opacity:.65}
#pc-rlist span.good{background:rgba(47,158,68,.5)}
#pc-rlist span.bad{background:rgba(224,49,49,.45)}

#pc-pull{display:block;width:100%;margin-top:10px;border:0;border-radius:14px;padding:14px 0;font-size:1.04rem;font-weight:800;color:#fff;background:linear-gradient(135deg,#4c6ef5,#2f4c7d);box-shadow:0 6px 16px rgba(47,76,125,.3);cursor:pointer}
#pc-pull:disabled{opacity:.45;cursor:default;box-shadow:none}
#pc-meta{display:flex;justify-content:space-between;align-items:center;margin-top:9px;font-size:.84rem;color:var(--muted,#6b7280)}
#pc-meta b{color:var(--primary,#4f8cff)}

.pc-guide{text-align:left;line-height:1.7;margin-top:16px}
.pc-guide h3{font-size:1rem;margin:0 0 6px}
.pc-guide p{font-size:.88rem;margin:0 0 7px}
.pc-guide small{font-size:.78rem;color:var(--muted,#6b7280);display:block}
.pc-table{width:100%;border-collapse:collapse;margin:4px 0 8px;font-size:.84rem}
.pc-table th,.pc-table td{border:1px solid #e6e8ee;padding:5px 6px;text-align:center}
.pc-table th{background:#f6f8fc;font-weight:700;color:#4a5668}
@media (max-width:420px){
  #pc-hudbar strong{font-size:1rem}
  #pc-order{font-size:.94rem}
  .pc-panel .t{font-size:1.12em}
  #pc-rscore{font-size:2.1em}
  .pc-table{font-size:.78rem}
}