*{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:clamp(12px,1.1vw,16px);background-color:#5c3a1e;background-image:linear-gradient(180deg,transparent 25%,rgba(139,90,43,.3) 30%,rgba(139,90,43,.1) 35%,transparent 40%),linear-gradient(180deg,rgba(120,70,30,.15) 0%,transparent 20%,rgba(100,60,25,.12) 50%,transparent 70%,rgba(80,45,15,.18) 100%),repeating-linear-gradient(180deg,transparent 0px,rgba(0,0,0,.06) 2px,transparent 4px),repeating-linear-gradient(180deg,transparent 0px,rgba(255,220,180,.04) 6px,transparent 12px),linear-gradient(90deg,rgba(0,0,0,.05) 0%,transparent 30%,rgba(0,0,0,.03) 70%,transparent 100%);background-size:100% 100%;background-repeat:no-repeat}.rotate-device-overlay{display:none}@media (orientation: portrait) and (pointer: coarse) and (min-width: 700px){.rotate-device-overlay{display:flex}}.about-modal{font-family:Karla,sans-serif;position:relative;background-image:url(/paper.png);background-size:100% 100%;background-position:center;background-repeat:no-repeat;color:#3d2b1f;border-color:#8b7355;max-width:50vw;height:75vh;max-height:85vh;padding:70px 100px;box-sizing:border-box;overflow-y:auto}.about-title{font-size:36px;font-weight:700}.about-close-btn{position:absolute;top:30px;right:40px;background:transparent;border:none;color:#3d2b1f;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s ease-in-out}.about-close-btn:hover{color:#8b7355}.about-logos-container{background-color:#fff;padding:16px;border-radius:8px;width:100%;box-sizing:border-box}.about-credits{display:flex;flex-direction:column;gap:12px;margin:16px 4px;font-size:large}.about-logos{display:flex;flex-direction:column;gap:16px;padding-top:20px}.about-logos-row{display:flex;justify-content:center;align-items:center;gap:16px}.about-logo-square{width:100px;height:100px;padding:8px;object-fit:contain}.about-logo-rect{width:220px;height:80px;padding:8px 16px;object-fit:contain}.about-text{margin:6px;font-size:large}@media (max-width: 768px){.about-modal{max-width:90vw;height:auto;max-height:85vh;padding:50px 40px;overflow-y:auto}.about-title{font-size:32px}.about-logo-square{width:80px;height:80px}.about-logo-rect{width:180px;height:65px}}@media (max-width: 480px){.about-modal{max-width:95vw;padding:40px 24px}.about-close-btn{top:15px;right:20px}.about-title{font-size:24px}.about-logo-square{width:70px;height:70px}.about-logo-rect{width:150px;height:55px}.about-text,.about-credits{font-size:medium}}.popups{z-index:1000;width:100%;height:100%;position:absolute;top:0;left:0;background-color:#0003;font-family:Karla}.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:clamp(340px,50%,700px);padding-block:8px;background-color:#302f33;border-radius:10px;border:2px solid #54beefff;padding-inline:clamp(14px,2.5vw,30px);font-size:clamp(13px,1.4vw,16px);margin-inline:12px;color:#fff}.popup-text{margin:6px;padding-inline:clamp(6px,1vw,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:min(80%,300px)}.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:clamp(5px,1vh,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}.popup-close-btn{position:absolute;top:8px;right:12px;background:transparent;border:none;color:#fff;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s ease-in-out}.popup-close-btn:hover{color:#54beef}.tutorial-arrow{pointer-events:none;position:absolute;width:12vw;height:auto;z-index:999}#chinese-room{height:40%;margin:0;padding:0;background:url(/house.png) center 100% / 40vh auto no-repeat,url(/outside.png) center/auto 100% repeat-x;position:relative;border-bottom:4px solid black}.house>img{position:absolute}.level-container{height:40%;width:30%;position:absolute;top:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:8px}.level-data{background:url(/slip.png) center/100% 100% no-repeat;padding:20px;min-width:fit-content}.level-bar{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:nowrap}.progress-dot{width:clamp(10px,1.8vh,14px);height:clamp(10px,1.8vh,14px);min-width:clamp(10px,1.8vh,14px);min-height:clamp(10px,1.8vh,14px);flex-shrink:0;border-radius:50%;border:2px solid black;background:transparent;transition:background-color .3s,border-color .3s}.dot-correct{background-color:#2fbe2f;border-color:#25a025}.dot-skipped{background-color:#dc3c3c;border-color:#b42828}.level-number>span{font-family:"Jersey 10",sans-serif;font-weight:400;font-style:normal;font-size:clamp(22px,2.5vw,32px)}.level-points>span{font-family:"Jersey 10",sans-serif;font-weight:400;font-style:normal;font-size:clamp(16px,1.8vw,24px);color:#27ae60}.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%;margin:0;padding:0;display:grid;grid-template-columns:5% 35% 20% 35% 5%;grid-template-areas:"orders rules workspace dictionary empty";width:100%}#desk>*{position:relative}.touchable{touch-action:none;-webkit-user-select:none;user-select:none}.orders{grid-area:orders;height:100%;position:relative;overflow:visible}.order-stack{position:absolute;bottom:12px;left:4px;width:14vh}.order-stack-slip{position:absolute;background-image:url(/slip.png);background-size:100% 100%;width:14vh;min-height:7vh;padding:8px 10px;display:flex;align-items:center;justify-content:center}.order-stack-slip .character{font-size:1.1rem}.paper-ui{position:fixed;z-index:12}.paper{background-image:url(/slip.png);background-size:100% 100%;width:clamp(160px,29vh,260px);padding:20px;cursor:grab;font-size:clamp(14px,2.6vh,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:clamp(100px,18vh,160px);height:clamp(130px,23vh,200px);padding:20px;cursor:grab;font-size:clamp(14px,2.6vh,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;max-height:50vh;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:clamp(30px,5vw,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{position:absolute;z-index:10;left:50%;transform:translate(-50%);width:300px;min-height:250px;display:flex;flex-direction:column;gap:2px}.rules-content{padding:0 6px 6px;flex-grow:1}.rule{display:flex;border-bottom:1px solid black;padding-block:3px;justify-content:space-between}.rule-data{display:flex;flex-direction:column;padding-inline:4px;align-items:center}.generate-button{background-color:#e0cda9;border:1px solid #8b4513;border-radius:4px;padding:3px 7px;font-family:Karla,sans-serif;font-size:clamp(13px,2vh,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{grid-area:dictionary;display:flex;justify-content:center;align-items:center;position:relative}.dictionary>img{margin:0;width:420px}.default-off{visibility:hidden}.dictionary-ui{position:absolute;z-index:10;left:50%;transform:translate(-50%);width:300px;min-height:200px;cursor:grab}.dictionary-ui:active{cursor:grabbing}.dictionary-items{display:flex;gap:10px;padding:6px}.dictionary-column{display:grid;grid-template-columns:repeat(3,auto);gap:2px;flex:1;align-content:start}.character{font-family:Noto Sans Egyptian Hieroglyphs,sans-serif;font-size:1.2rem}.order-character{font-family:Noto Sans Egyptian Hieroglyphs,sans-serif;font-size:2rem}.draggable{padding:2px;width:2rem;text-align:center;height:auto;background-color:beige;border:1px solid black;cursor:grab;z-index:5;border-radius:4px}.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{grid-area:rules;display:flex;justify-content:center;align-items:center;position:relative}.rules>img{margin:0;width:450px}.spinner-wheel{position:absolute;z-index:99999}.book-tab{text-align:center;font-family:"Jersey 10",sans-serif;font-size:16px;letter-spacing:1px;border-radius:4px;padding:6px 6px 4px;width:42%}.rulebook-ui .book-tab{margin-top:32px}.split-paper{display:flex;flex-direction:column;height:100%;width:100%;position:relative}.paper-question-zone,.paper-answer-zone{flex:1;display:flex;flex-direction:column;padding:8px;min-height:40%}.zone-label{font-family:"Jersey 10",sans-serif;font-size:16px;font-weight:700;color:#5d4037;margin-bottom:4px;letter-spacing:.5px}.question-tiles-container,.answer-tiles-container{display:flex;flex-wrap:wrap;gap:6px;flex:1;align-content:flex-start}.zone-divider{border-top:2px dashed #8b4513;margin:4px 0;opacity:.6}.question-tile{padding:4px;width:2.5rem;text-align:center;height:auto;background-color:#ebe1c8;border:1px solid #8b4513;opacity:.9;border-radius:4px}.paper-submit-btn{position:absolute;bottom:8px;right:8px;padding:6px 14px;background-color:#4a7c59;color:#fff;border:2px solid #2d5a3a;border-radius:6px;font-family:"Jersey 10",sans-serif;font-size:clamp(13px,2vh,16px);cursor:pointer;transition:all .2s ease;z-index:5}.paper-submit-btn:hover:not(:disabled){background-color:#5a9c69;transform:scale(1.05)}.paper-submit-btn:disabled{background-color:#a0a0a0;border-color:gray;cursor:not-allowed;opacity:.6}.order-slip-incoming{position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:20;background-image:url(/slip.png);background-size:100% 100%;padding:15px;width:clamp(140px,25vh,220px);min-height:clamp(50px,10vh,80px)}.slip-content{display:flex;flex-direction:column;gap:8px}.slip-label{font-family:"Jersey 10",sans-serif;font-size:clamp(11px,1.8vh,14px);color:#333}.level-timer{position:absolute;top:8px;left:4px;width:14vh;display:flex;flex-direction:column;gap:4px;z-index:5}.paper-timer{display:flex;justify-content:flex-end;padding-right:4px}.paper-timer .level-timer{position:static;width:auto}.timer-display,.points-display{background-image:url(/slip.png);background-size:100% 100%;padding:6px 10px;display:flex;align-items:center;justify-content:center;font-family:"Jersey 10",sans-serif;font-size:1.6rem;letter-spacing:1px}.timer-display span{color:#333}.timer-critical span{color:#c0392b;animation:timer-pulse .5s ease-in-out infinite}@keyframes timer-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.08)}}.points-display span{color:#27ae60}.score-summary{max-width:min(400px,80vw)}.score-title{font-family:"Jersey 10",sans-serif;font-size:2rem;margin-bottom:12px;letter-spacing:1px}.score-stats{display:flex;flex-direction:column;gap:16px;width:100%;padding:12px 0}.score-stat{display:flex;justify-content:space-between;align-items:center;padding:0 16px}.score-label{font-family:"Jersey 10",sans-serif;font-size:1.2rem;opacity:.8}.score-value{font-family:"Jersey 10",sans-serif;font-size:1.5rem}.score-points{color:#27ae60}@keyframes paper-shake{0%,to{transform:translate(0)}15%{transform:translate(-6px)}30%{transform:translate(6px)}45%{transform:translate(-4px)}60%{transform:translate(4px)}75%{transform:translate(-2px)}90%{transform:translate(2px)}}.paper-shake{animation:paper-shake .5s ease-in-out}.incorrect-feedback{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#c0392be6;color:#fff;padding:8px 18px;border-radius:8px;font-family:"Jersey 10",sans-serif;font-size:1.4rem;letter-spacing:1px;z-index:10;pointer-events:none}@media (min-width: 1600px){.dictionary>img{margin:0;width:500px}.dictionary-ui{width:350px;height:250px}.rules>img{margin:0;width:550px}.rulebook-ui{width:400px;height:300px}}