*{box-sizing:border-box}body{margin:0;background:radial-gradient(at top left,#376452,#102e27);color:#f0e7d4;font:15px/1.6 Tahoma,Arial,sans-serif}button,select{font:inherit}button{cursor:pointer;min-height:44px;padding:9px 14px;border:1px solid #b4a37b;border-radius:7px;background:#f3e8ce;color:#243d32;font-weight:bold}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #e9b54c;outline-offset:3px}a{color:inherit}h1,h2,h3,p{margin:0}h1{font:700 clamp(24px,4vw,38px)/1.2 Georgia,serif}h2{font-size:20px}h3{font-size:16px}small{font-size:12px}.top{max-width:1240px;margin:auto;padding:24px;display:flex;justify-content:space-between;gap:20px;align-items:center}.kicker{font-size:10px;letter-spacing:.2em;color:#d0b679;margin-bottom:8px}.top a{font-size:12px}.intro{max-width:1192px;margin:0 auto 16px;padding:0 16px;color:#c5d1bd;font-size:13px}.layout{max-width:1240px;margin:auto;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);gap:24px;padding:0 24px 40px}.desk{background:repeating-linear-gradient(2deg,#ffffff06 0 1px,transparent 1px 11px),linear-gradient(110deg,#9d7142,#76502f);padding:20px;border:1px solid #b78b52;border-radius:12px;box-shadow:0 20px 40px #0003}.row{display:flex;justify-content:space-between;align-items:center;gap:12px}.round{background:#192f25aa;padding:4px 10px;border-radius:5px;font-size:12px}.deck{margin:16px 0;background:#f0e5c9;color:#2d4437;padding:12px;border-radius:7px}.deck label{font-size:12px;font-weight:bold}.deck select{width:100%;margin:6px 0;background:#fff8e6;border:1px solid #b4a37b;border-radius:5px;padding:9px;min-height:44px}.odds{font-size:10px;display:flex;gap:10px;flex-wrap:wrap}.tray{padding:18px 12px;background:radial-gradient(at 20% 0%,#2a5d49,#173c2e);border:8px solid #62452a;border-radius:12px;box-shadow:inset 0 4px 15px #0008}.dice{display:grid;grid-template-columns:repeat(3,1fr);gap:17px 12px}.die-wrap{text-align:center;min-width:0}.die{width:100%;max-width:115px;height:105px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:auto;border:3px solid #ffffff50;background:var(--c,#ddcfb2);color:#fff;box-shadow:0 5px 0 color-mix(in srgb,var(--c,#ddcfb2),#000 40%),0 8px 10px #0006;position:relative}.die b{font:700 43px/1.1 monospace}.die small{font-size:11px;letter-spacing:.07em}.die.selected{outline:3px solid #ffe0a0;outline-offset:3px;transform:translateY(-3px)}.die.used{opacity:.3;box-shadow:none}.die-state{font-size:10px;height:21px;padding-top:4px;color:#e9dfc5}.wild{font-size:11px;width:100%;max-width:120px;min-height:36px;border:1px solid #ccb169;border-radius:4px;background:#f4e5b8;color:#243e33}.controls{display:flex;gap:8px;margin:14px 0}.primary{background:#ad4839;color:white;border-color:#d5755d;flex:1}.secondary{background:#e7d6ac}.status{min-height:48px;font-size:12px;color:#fff0cf}.selected-total{min-height:23px;font-size:12px;color:#e6d5b3}.board-head{margin:20px 0 12px}.board-head small{font-size:11px;color:#f1ddbb}.quests{display:grid;grid-template-columns:1fr 1fr;gap:13px}.quest{color:#243c31;background:linear-gradient(110deg,#f5edd9,#e6d8b8);padding:15px;border-radius:3px;box-shadow:1px 4px 8px #0003;position:relative;display:flex;flex-direction:column}.quest:before{content:'';width:9px;height:9px;border-radius:50%;background:#ac8750;position:absolute;left:50%;top:-4px;box-shadow:1px 2px 3px #0005}.quest h3{margin-bottom:10px}.reqs{display:flex;gap:6px;flex-wrap:wrap}.badge{display:inline-block;background:#fff6e4;border-left:4px solid var(--c);padding:3px 7px;border-radius:3px;font-size:11px;font-weight:bold}.reward{font-size:12px;margin:12px 0}.reason{font-size:10px;min-height:32px;color:#695d45;margin-top:8px}.quest button{margin-top:auto;font-size:12px;background:#365f48;color:#fff;border-color:#43644e;width:100%}.quest.done{background:#cbd6b9}.quest.done:after{content:'ผ่านแล้ว';color:#38614a;border:2px solid #38614a;position:absolute;right:12px;top:9px;transform:rotate(-9deg);font-size:12px;padding:1px 5px;background:#dfe4cc}.quest.done h3{padding-top:20px}.end{width:100%;margin-top:18px;background:#243e31;color:#efdfbd}.sheet{background:#f0e6ce;color:#273d31;border-top:7px solid #b5995e;border-radius:5px;padding:22px;box-shadow:0 8px 25px #0004;align-self:start;position:sticky;top:18px}.sheet>p{font-size:12px;color:#626d5d;margin:8px 0 15px}.banks{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.bank{background:#fff6e2;border-top:3px solid var(--c);text-align:center;padding:8px 3px;border-radius:4px;font-size:10px}.bank strong{font:700 24px/1.3 monospace;display:block}.tabs{display:flex;gap:5px;margin:17px 0 12px}.tabs button{flex:1;padding:5px;font-size:11px;min-width:0}.tabs button.active{background:#284f3b;color:#fff;border-color:#284f3b}.stat{display:grid;grid-template-columns:1fr auto 44px;gap:10px;align-items:center;border-bottom:1px solid #cabea2;padding:12px 0}.stat b{font-size:12px}.stat small{display:block;color:#677060;font-size:11px}.stat strong{font:700 24px monospace}.stat button{padding:0;width:44px;font-size:23px}.bar{height:4px;background:#d2c8af;margin-top:7px}.bar span{display:block;background:var(--c);height:100%}.rules{margin-top:20px;border-top:1px solid #c2b496;padding-top:12px;font-size:12px}.rules summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:bold}.rules p{margin:8px 0}.log{margin-top:15px;font-size:11px;color:#5c6b58;max-height:150px;overflow:auto}.log li{margin:5px 0}.summary{background:#172f25;color:#f3e3bd;padding:18px;border-radius:6px;margin-top:18px}.summary h3{margin-bottom:9px}.summary p{font-size:13px;margin-bottom:10px}.summary button{width:100%;margin-top:12px}.note{font-size:11px;color:#b4c7b3;text-align:center;padding:0 18px 30px}dialog{width:min(92vw,420px);background:#f2e8d2;color:#253e31;border:6px solid #9c7743;border-radius:10px;padding:22px}dialog::backdrop{background:#08251dd9}dialog p{font-size:13px;margin:12px 0}dialog button{width:100%;margin-top:8px}.cancel{background:transparent;border-color:#b5a27a;font-weight:normal}.jump{display:none}.pulse{animation:toss .2s ease-in-out 3}@keyframes toss{50%{transform:translateY(-6px) rotate(4deg)}}@media(max-width:850px){.layout{grid-template-columns:1fr;max-width:660px;padding:0 12px 30px;gap:18px}.top{padding:18px}.sheet{position:static}.jump{display:block;font-size:12px;min-height:44px;padding:12px 0;color:#fff3d4}.desk{padding:14px}.intro{padding:0 18px}.die{height:95px}.sheet{scroll-margin-top:12px}}@media(max-width:400px){.quests{gap:9px}.quest{padding:12px}.quest h3{font-size:14px}.controls button{font-size:12px;padding:9px}.die{height:88px}.die b{font-size:36px}.tray{padding:14px 9px}.top a{max-width:90px}.sheet{padding:16px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}