.up-exercise{--up-gold:#8c571d;--up-ink:#29251f;--up-line:#d9c9ae;color:var(--up-ink);min-width:0}.up-task{font-size:1.05rem;font-weight:600;line-height:1.7}.up-progress,.up-key{line-height:1.65;font-size:.9rem}.up-board-scroll{max-width:100%;overflow:auto;border:1px solid var(--up-line);border-radius:10px;background:#241f19}.up-board{position:relative;width:100%;min-width:600px;line-height:0}.up-board>img{display:block;width:100%;height:auto}.up-board.up-reserve{display:flex;min-width:500px;background:#3d3225;gap:18px;padding:18px;box-sizing:border-box}.up-reserve>img{width:calc(50% - 9px);object-fit:contain}.up-board.up-conflict-card{min-width:280px;width:min(100%,480px);margin:auto}.up-hotspot{position:absolute;transform:translate(-50%,-50%);min-height:48px;min-width:48px;max-width:150px;display:flex;align-items:center;gap:5px;padding:6px;border:3px solid #fff4c8;border-radius:8px;background:#5b380ced;color:#fff;line-height:1.3;font-size:13px;box-shadow:0 1px 7px #0008;cursor:pointer}.up-hotspot b{font-size:17px;border:1px solid currentColor;border-radius:50%;padding:3px 7px}.up-hotspot[aria-pressed=true]{outline:4px solid #f6bf3a;outline-offset:3px}.up-hotspot.up-preview{border:3px dashed #beffca;background:#205a39}.up-hotspot.up-applied{border:3px solid #beffca;background:#205a39}.up-hotspot:disabled{opacity:1;cursor:default}.up-board-effect{position:absolute;left:30%;right:8%;top:61%;display:flex;flex-wrap:wrap;gap:7px;padding:10px;border:3px dashed #d9edc8;border-radius:8px;background:#203b29f2;color:#fff;line-height:1.5;font-size:14px;pointer-events:none}.up-reserve .up-board-effect{left:8%;right:8%;top:5%}.up-conflict-card .up-board-effect{left:4%;right:4%;top:82%;font-size:13px}.up-board-effect strong{width:100%}.up-effect-applied{border-style:solid}.up-state{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.up-state span{background:#f4eddf;border:1px solid #d9c9ae;border-radius:6px;padding:7px 10px;font-size:14px;line-height:1.6}.up-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:9px;margin:16px 0}.up-options button{min-height:52px;border:1px solid #b69c74;background:#fff9ed;border-radius:8px;color:#44331e;padding:12px;font-weight:600;text-align:left;line-height:1.55;font-size:15px}.up-options button[aria-pressed=true]{outline:3px solid #8c571d;outline-offset:1px;background:#f4e0b9}.up-options button:disabled{opacity:1;color:#6a6155;background:#eee8df}.up-result{border-left:4px solid #386446;background:#eff6ed;padding:14px;margin:15px 0;line-height:1.7}.up-result p{margin:8px 0 0}.up-error{background:#fff0e9;border:1px solid #ad4c2b;color:#8b3018;padding:12px;line-height:1.6}.up-exercise button:focus-visible,.up-board-scroll:focus-visible{outline:3px solid #215db9;outline-offset:4px}@media(max-width:450px){.up-state{gap:6px}.up-state span{padding:6px 8px}.up-hotspot span{font-size:12px}.up-options{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.up-exercise *{scroll-behavior:auto!important;transition:none!important}}.up-focus-art{margin:16px 0;max-width:420px}.up-focus-art figcaption{font-size:14px;line-height:1.6;margin-bottom:8px}.up-focus-art button{display:block;position:relative;padding:0;overflow:hidden;width:100%;border:2px solid #9d7b45;border-radius:9px;background:#2d281f;color:#fff;text-align:left}.up-focus-art button[aria-pressed=true]{outline:3px solid #b67624;outline-offset:2px}.up-focus-art button:disabled{opacity:1}.up-focus-art img{display:block;width:100%;height:auto}.up-focus-art span,.up-focus-art strong{display:block;padding:9px 12px;font-size:14px;line-height:1.6}.up-focus-art strong{background:#215039;color:#fff}.up-guide{min-width:0}.up-prose{font-size:16px;line-height:1.85;color:#39352f;overflow-wrap:anywhere}.up-prose p{margin:0 0 1.15em}.up-prose strong{font-weight:650}.up-prose a{color:#77501e;text-decoration:underline;text-underline-offset:3px}.up-guide .guide-disclosure h3{font-size:1.03rem;line-height:1.6}.up-note{border-left:3px solid #a87a3b;background:#f8f0e0;padding:12px 16px;line-height:1.8;font-size:14px;color:#655038}.up-image{margin:16px 0 22px}.up-image>button{width:100%;padding:0;border:1px solid #d9c9ae;border-radius:8px;background:#f4eddf;overflow:hidden;color:#51412e;text-align:center}.up-image img{display:block;max-width:100%;width:auto;max-height:640px;object-fit:contain;margin:0 auto}.up-image button>span{display:block;padding:12px;font-size:14px;line-height:1.5}.up-image figcaption{font-size:14px;line-height:1.7;color:#655b50;margin-top:8px}.up-table-scroll{max-width:100%;overflow:auto;margin:18px 0}.up-table-scroll table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:15px;line-height:1.8}.up-table-scroll caption{text-align:left;margin:0 0 14px;font-weight:650}.up-table-scroll th,.up-table-scroll td{border-bottom:1px solid #ded2bf;vertical-align:top;text-align:left;padding:12px 10px;overflow-wrap:anywhere}.up-table-scroll th:first-child{width:30%}.up-table-scroll thead th:nth-child(2){width:13%}.up-table-scroll thead{background:#f4eddf}.up-follow{display:flex;gap:16px;flex-wrap:wrap;margin:24px 0}.up-follow>a{padding:12px 18px;border:1px solid #b69c74;border-radius:8px;line-height:1.5;color:#5b3c17}.up-image-dialog{width:min(94vw,1400px);max-width:94vw;max-height:92vh;padding:0;border:1px solid #a68a60;border-radius:12px;background:#f7f1e6;color:#29251f}.up-image-dialog::backdrop{background:#17130dd9}.up-image-dialog-head{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:14px;position:sticky;top:0;background:#f7f1e6;border-bottom:1px solid #d9c9ae}.up-image-dialog-head strong{flex:1;min-width:130px;line-height:1.5}.up-image-dialog-head button{padding:10px 14px;min-height:48px;color:#382c1a;background:#fff;border:1px solid #9b7a4e;border-radius:6px}.up-image-fit,.up-image-native{max-height:76vh;overflow:auto}.up-image-fit>img{display:block;max-width:100%;max-height:76vh;width:auto;height:auto;margin:auto}.up-image-native>img{display:block;max-width:none;max-height:none}.up-guide button:focus-visible{outline:3px solid #215db9;outline-offset:3px}@media(max-width:450px){.up-prose{font-size:16px;line-height:1.85}.up-table-scroll th,.up-table-scroll td{padding:10px 6px}.up-table-scroll table{font-size:14px}.up-image-dialog-head{padding:10px}.up-image-dialog-head strong{width:100%;flex-basis:100%}}.up-catalog-search{display:flex;flex-direction:column;gap:8px;font-size:15px;line-height:1.6;margin:16px 0}.up-catalog-search input{box-sizing:border-box;max-width:100%;width:100%;min-height:48px;border:1px solid #a68a60;border-radius:7px;padding:10px 12px;font:inherit;background:#fff;color:#29251f}.up-guide[data-language=en] .up-table-scroll{min-width:0;width:100%}.up-guide[data-language=en] .up-table-scroll table{min-width:520px;table-layout:fixed}.up-guide[data-language=en] .up-table-scroll th,.up-guide[data-language=en] .up-table-scroll td{overflow-wrap:normal;word-break:normal}.up-guide[data-language=en] .up-table-scroll tr>:first-child{width:28%}.up-guide[data-language=en] .up-table-scroll tr>:nth-child(2){width:17%}.up-guide[data-language=en] .up-table-scroll tr>:last-child{width:55%}
