:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--kraft:#ded0aa;--kraft-line:#c7b487;--paper:#f6f0dd;--field:#fffdf5;--ink:#2a2318;--ink-soft:#6b5f42;--stamp-red:#a5322a;--stamp-green:#3f6b3a;--gold:#a9822f;font-family:IBM Plex Sans Thai,system-ui,sans-serif}html{word-break:keep-all;overflow-wrap:normal}body{color:var(--ink);background:var(--kraft);background-image:repeating-linear-gradient(90deg,#0000,#0000 39px,#2a23180d 40px),repeating-linear-gradient(0deg,#0000,#0000 39px,#2a23180d 40px);margin:0}#app{background:var(--paper);border:1px solid var(--kraft-line);border-radius:4px;max-width:720px;margin:1.4rem auto;padding:1.4rem 1.3rem 2.2rem;box-shadow:0 10px 28px #2a23182e}header{border-bottom:3px double var(--ink);margin-bottom:1.2rem;padding:1.4rem 5.2rem 1.2rem 0;position:relative}header h1{letter-spacing:.01em;margin:0 0 .35rem;font-family:Taviraj,serif;font-size:2rem;font-weight:700}header p{color:var(--ink-soft);margin:0;font-size:.85rem;line-height:1.5}.seal{border:3px solid var(--stamp-red);width:4.6rem;height:4.6rem;color:var(--stamp-red);text-align:center;opacity:.72;mix-blend-mode:multiply;border-radius:50%;justify-content:center;align-items:center;font-family:Taviraj,serif;font-size:.78rem;font-weight:700;line-height:1.25;display:flex;position:absolute;top:1rem;right:0;transform:rotate(-9deg)}.seal:before{content:"";border:1px solid var(--stamp-red);border-radius:50%;position:absolute;inset:5px}main#mount{padding-bottom:1rem}h2{margin:0 0 .4rem;font-family:Taviraj,serif;font-size:1.35rem}.intro{color:var(--ink-soft);margin:0 0 .9rem;font-size:.9rem;line-height:1.6}button{border:1.5px solid var(--ink);background:var(--field);color:var(--ink);cursor:pointer;border-radius:2px;padding:.55rem 1rem;font-family:inherit;font-size:.88rem;transition:transform .1s,box-shadow .1s;box-shadow:2px 2px #2a23182e}button:hover:not(:disabled){background:#fffff8;transform:translate(-1px,-1px);box-shadow:3px 3px #2a231838}button:active:not(:disabled){transform:translate(1px,1px);box-shadow:0 0 #2a231833}button:disabled{opacity:.45;cursor:default;box-shadow:none}.meters{border:1.5px dashed var(--kraft-line);background:var(--field);border-radius:3px;gap:0;margin:0 0 1rem;display:flex}.meters span{text-align:center;border-right:1.5px dashed var(--kraft-line);flex:1;padding:.55rem .4rem;font-family:IBM Plex Mono,monospace;font-size:.85rem;font-weight:600}.meters span:last-child{border-right:none}.counters,.desk{flex-wrap:wrap;gap:.5rem;margin:0 0 .9rem;display:flex}.docs{flex-direction:column;gap:.55rem;margin:0 0 .9rem;display:flex}.doc{background:var(--field);border:1.5px solid var(--kraft-line);border-left:5px solid var(--kraft-line);border-radius:2px;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.65rem .75rem;display:flex}.doc.held{border-left-color:var(--stamp-green);background:#f2f6ec}.doc.held span:after{content:" ✓ รับแล้ว";color:var(--stamp-green);font-weight:600}.log{border-left:3px solid var(--kraft-line);background:#fffdf599;margin-top:.9rem;padding:.6rem .8rem;font-family:IBM Plex Mono,monospace}.log p{color:var(--ink-soft);margin:.15rem 0;font-size:.78rem}.result{border:2px solid var(--ink);background:var(--field);text-align:center;border-radius:2px;margin-top:1.2rem;padding:1.4rem 1.2rem;position:relative}.result p{letter-spacing:.04em;margin:0 0 .9rem;font-family:Taviraj,serif;font-size:1.5rem;font-weight:700}.result.win{border-color:var(--stamp-green)}.result.win p{color:var(--stamp-green)}.result.win p:before{content:"อนุมัติ ◆ "}.result.lose{border-color:var(--stamp-red)}.result.lose p{color:var(--stamp-red)}.result.lose p:before{content:"ปฏิเสธ ◆ "}.rulebook{background:var(--field);border:1.5px solid var(--kraft-line);border-radius:2px;margin:0 0 .9rem;padding:.7rem .9rem}.rulebook summary{cursor:pointer;font-family:Taviraj,serif;font-weight:600}.rulebook ul{margin:.6rem 0 0;padding-left:1.1rem}.rulebook li{margin:.35rem 0;font-size:.82rem;line-height:1.5}.feedback{padding:.5rem .1rem;font-family:Taviraj,serif;font-weight:700}.level-select h2{margin-bottom:.9rem}.level-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.8rem;display:grid}.level-card{text-align:left;flex-direction:column;align-items:flex-start;gap:.3rem;padding:.8rem .9rem;display:flex;position:relative}.level-card:before{content:"";background:var(--kraft-line);border-radius:50%;width:.55rem;height:.55rem;position:absolute;top:.5rem;right:.5rem}.pov-badge{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em;font-size:.7rem}.level-title{font-family:Taviraj,serif;font-size:.95rem;font-weight:600}.best-stars{color:var(--gold);letter-spacing:.1em}