*{margin:0;padding:0}html,body{overflow:hidden;overscroll-behavior:none}#root{display:flex;flex-direction:column;margin:0;padding:0;height:100vh;min-width:600px;font-size:1em}.rotate-device-overlay{display:none}@media (orientation: portrait) and (pointer: coarse) and (min-width: 700px){.rotate-device-overlay{display:flex}}.popups{z-index:1000;width:100%;height:100%;position:absolute;background-color:#0003}.popup{z-index:100;width:100%;height:100%;position:absolute;display:flex;justify-content:center;align-items:center;pointer-events:none}.popup>*{pointer-events:auto}.popup-data{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:50%;padding-block:8px;background-color:#302f33;border-radius:10px;border:2px solid #54beefff;padding-inline:30px;margin-inline:12px;color:#fff}.popup-text{margin:6px;padding-inline:12px}.markdown-text-wrapper{display:flex;flex-direction:column;gap:8px}.markdown-text-wrapper > ol,.markdown-text-wrapper > ul,{display:flex;flex-direction:column;gap:4px}.markdown-text-wrapper>p>img{display:block;margin-left:auto;margin-right:auto;max-width:80%}.popup-btns-bottom{margin-top:8px;margin-bottom:8px}.popup-btns-side{margin-right:8px}.popup-btns{display:flex;justify-content:center;align-items:center;gap:10px}.popup-btns>button{padding:8px;margin:5px;border:1px solid rgb(84,190,239);background-color:#4a4a4b;color:#fff;cursor:pointer}.popup-btns>button:hover:enabled{border:1px solid rgb(84,190,239);background-color:#79797b;color:#fff}button.btn-disabled{cursor:default;color:gray;border:1px solid rgb(75,128,153)}.popup-help-send{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#f4f4f4;border:1px solid black;color:#333;cursor:pointer;outline:none;transition:all .2s ease-in-out;margin-block:4px}.popup-help-send:hover{color:#54beef}.popup-help-send:active{transform:scale(.95);background-color:#f0f0f0;box-shadow:none}.popup-help{all:unset;width:6%;height:auto;position:absolute;top:0;right:0;padding:4px;cursor:pointer}.popup-help>img{width:100%;height:100%}.help-box{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:50%;padding-block:8px;gap:12px;margin-inline:12px;background-color:#302f33;border-radius:10px;border:2px solid rgb(84,190,239);padding-inline:30px;color:#fff}.help-box>ul,.help-box>ol{display:flex;flex-direction:column;gap:12px}.tutorial-arrow{pointer-events:none;position:absolute;width:12vw;height:auto;z-index:999}#chinese-room{height:50%;margin:0;padding:0;background:url(/house.png) center 180% / 45vh auto no-repeat,url(/outside.png) center/contain repeat-x;position:relative;border-bottom:4px solid black}.house>img{position:absolute}.level-data{height:40%;width:30%;position:absolute;top:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.level-bar{border-radius:10px;width:80%;height:30%;background-color:#8595adbf;border:1px solid blue}.level-progress{background-color:#2fbe2f;transition:width .5s;border-radius:10px}.level-number>span{font-family:"Jersey 10",sans-serif;font-weight:400;font-style:normal;font-size:32px}.overlay-btn-container{all:unset;z-index:9999;position:absolute;right:0;margin:12px;cursor:pointer}.overlay-btn{all:unset;margin:8px;cursor:pointer}.overlay-btn:hover svg{fill:#e9e642!important}#desk{height:50%;background-image:url(/desk.jpg);margin:0;padding:0;background-size:contain;display:grid;grid-template-columns:20% 20% 20% 20% 20%;grid-template-areas:"orders stapler workspace dictionary rules";width:100%}#desk>*{position:relative}.touchable{touch-action:none;-webkit-user-select:none;user-select:none}.stapler{all:unset;grid-area:stapler;display:flex;justify-content:center;align-items:center}.stapler>img{max-height:40vh;width:100%;transition:transform .2s ease-in-out;cursor:pointer;margin:0}.stapler-ui{top:50%;left:20%;width:60%;position:absolute;max-height:25vh;display:flex;flex-direction:column;gap:4px;justify-content:center;align-items:center;padding:12px;background-color:#6fb6dc99;border:1px solid white;border-radius:8px;z-index:10}.stapler-drop{padding:6px;border:3px dotted black;box-sizing:border-box;width:100%;text-align:center}.stapler-btn{z-index:1;padding:8px;margin-top:5px;border:1px solid rgb(84,190,239);background-color:#4a4a4b;color:#fff;cursor:pointer}.stapler-btn:hover{border:1px solid rgb(84,190,239);background-color:#79797b;color:#fff}.orders{grid-area:orders;height:100%;position:relative}.paper-ui{position:fixed;z-index:12}.paper{background-image:url(/slip.png);background-size:100% 100%;width:29vh;padding:20px;cursor:grab;font-size:20px;transition:transform .5s ease}.paper-off-screen{transform:translate(-100%)}.paper-on-screen{transform:translate(0)}.response{background-image:url(/response.png);background-size:cover;width:18vh;height:23vh;padding:20px;cursor:grab;font-size:20px}.order{height:80px}.order>span{display:block;padding-bottom:3px}.active{z-index:9999}.output{all:unset;background-color:#0003;position:absolute;right:0;top:0;width:25%;height:100%;display:grid;grid-template-rows:20% 30% 10% 30% 10%;grid-template-areas:"." "bin" "." "paper-container" ".";z-index:20;transform:translate(100%);transition:all .3s ease}.output-display{transform:translate(0)}.bin{grid-area:bin;background-image:url(/binEmpty.png);background-size:contain;background-position:center center;background-repeat:no-repeat;z-index:20}.paper-container{grid-area:paper-container;background-image:url(/paperContainerEmpty.png);background-position:center center;background-size:contain;background-repeat:no-repeat;z-index:20}.sidebar-container{width:100%;height:100%}.workspace{grid-area:workspace;margin:8px;padding:2vh;background-image:url(/paper.png);background-size:100% 100%;background-repeat:no-repeat;display:flex;gap:12px;position:relative}.paper-furl-btn{all:unset;position:absolute;width:50px;height:100%;top:0;right:0;z-index:10;cursor:pointer}.workspace:has(.paper-furl-btn:hover){background-image:url(/paperFurl.png);background-size:100% 100%}.rulebook-ui{background-color:#f0f8ff;border:1px solid black;position:fixed;z-index:10;min-width:42vh;min-height:345px;cursor:grab;display:flex;flex-direction:column;gap:4px}.rules-content{padding:0 6px 6px;flex-grow:1}.rule{display:flex;border-bottom:1px solid black;padding-block:6px;justify-content:space-between}.rule-data{display:flex;flex-direction:column;padding-inline:8px;align-items:center}.rule-arrow{padding-top:8px;align-self:center}.generate-button{background-color:#e0cda9;border:1px solid #8b4513;border-radius:4px;padding:3px 7px;font-family:"Jersey 10",sans-serif;font-size:16px;color:#5d4037;cursor:pointer;display:block;margin-top:6px;transition:background-color .2s ease-in-out}.generate-button:hover{background-color:tan}.generate-button:disabled{background-color:#d1c1b1;border:1px solid #a88d7f;color:#8d7a75;cursor:not-allowed;opacity:.7}.rule>span{display:block}.rulebook-btns{display:flex;justify-content:center;align-items:center;gap:3px;height:10%;margin-bottom:8px}.rulebook-btns>button{width:22px;height:22px;border:1px solid black;border-radius:5px}.active-btn{background-color:green;color:#fff;border:none;border-radius:5px;inset:1px}.dictionary{all:unset;grid-area:dictionary;display:flex;justify-content:center;align-items:center;cursor:pointer}.dictionary>img{max-height:40vh;margin:0;max-width:100%;transition:transform .2s ease-in-out}.default-off{visibility:hidden}.container{display:flex;width:100%;gap:6px;flex-direction:row;flex-wrap:wrap;padding-right:12px;align-content:flex-start}.dictionary-ui{background-color:#f0f8ff;border:1px solid black;position:fixed;z-index:10;width:41vh;min-height:30vh;cursor:grab}.dictionary-ui:active{cursor:grabbing}.dictionary-items{padding:6px}.character{font-family:Noto Sans Egyptian Hieroglyphs,sans-serif;font-size:1.5rem}.order-character{font-family:Noto Sans Egyptian Hieroglyphs,sans-serif;font-size:2rem}.draggable{padding:4px;width:2.5rem;text-align:center;height:auto;background-color:beige;border:1px solid black;cursor:grab;z-index:5}.dragging,.dragging>*>*>*>button,.dragging>*>button{background-color:#f5f5dc99;border:1px solid rgb(0,0,0,.2);color:#0003}body.dragging-cursor *{cursor:grabbing!important}body.stapler-cursor *{cursor:url(/staplerCursor.png),auto!important}.rules{all:unset;cursor:pointer;grid-area:rules;display:flex;justify-content:center;align-items:center}.rules>img{max-height:40vh;margin:0;max-width:100%;transition:transform .2s ease-in-out}.dictionary>img.hovered,.rules>img.hovered,.stapler>img.hovered{transform:scale(1.1)}.spinner-wheel{position:absolute;z-index:99999}.book-tab{text-align:center;font-family:"Jersey 10",sans-serif;font-size:20px;letter-spacing:.7px;background-color:#c2b280;border-bottom:1px solid black;padding:6px 6px 4px}