:root{--ink:#51331e;--brown:#87542c;--cream:#fff7e8;--paper:#fffdf7;--line:#d7af79;--orange:#f49a28;--red:#c8463d;--green:#3d875a;--blue:#32778e;--shadow:0 5px 16px #70431f26;font-family:ui-rounded,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--cream)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#fffdf6 0,#fff4dc 62%,#f6e4bc 100%)}button,input{font:inherit}button{min-height:40px;border:2px solid var(--brown);border-radius:12px;background:#fffaf0;color:var(--ink);font-weight:800;cursor:pointer;transition:transform .16s,box-shadow .16s,background .16s}button:hover{transform:translateY(-1px);box-shadow:0 3px 0 #70431f33}button:focus-visible,input:focus-visible{outline:3px solid #2379c3;outline-offset:2px}.topbar{min-height:70px;display:flex;align-items:center;gap:18px;padding:8px 18px;border-bottom:3px solid var(--brown);background:#fffaf0cc;backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}.brand{font-size:20px;font-weight:900;color:#6d411f;white-space:nowrap}.brand small{display:block;font-size:11px;letter-spacing:1px;color:#a27045}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tabs button.active{background:var(--orange);border-color:#cb7717}.right{margin-left:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.danger{background:#fff0ed;border-color:var(--red);color:#a92720}.primary{background:var(--green);color:white;border-color:var(--green)}.amber{background:var(--orange);border-color:#cb7717}.online{color:var(--green);font-weight:800;font-size:13px}.page{padding:16px;max-width:1680px;margin:auto}.student-layout{display:grid;grid-template-columns:minmax(540px,1fr) 300px;gap:16px}.palette,.panel,.teacher-card,.login{background:var(--paper);border:2px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.palette{padding:12px;display:flex;flex-direction:column;gap:10px}.palette h2,.panel h2{margin:0;font-size:16px}.palette p,.panel p{margin:0;font-size:13px;color:#845d3a}.items{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;overflow:auto}.item{min-height:62px;padding:5px;display:grid;place-items:center;border:2px solid #dbb475;border-radius:12px;background:#fffcf3;font-size:13px;user-select:none;touch-action:none}.item:active{background:#fff0d0}.item.used{opacity:.38;filter:grayscale(.9);pointer-events:none}.token{display:grid;place-items:center;width:52px;height:42px;border-radius:10px;border:2px solid #a36b3b;background:#fff5db;font-size:11px;text-align:center}.token.compass{border-radius:50%;background:#ecf7fb;border-color:var(--blue)}.token.star{background:#fff1cf;border-color:var(--red);font-size:23px}.canvas-card{min-width:0;background:var(--paper);border:2px solid var(--line);border-radius:18px;padding:16px;box-shadow:var(--shadow)}.map{position:relative;width:100%;aspect-ratio:1.4;border:4px solid #795238;border-radius:14px;overflow:hidden;background:linear-gradient(#fff9e8,#f8edce)}.map:before{content:"";position:absolute;inset:0;opacity:.38;background-image:linear-gradient(#e3cd9e 1px,transparent 1px),linear-gradient(90deg,#e3cd9e 1px,transparent 1px);background-size:8% 9%;pointer-events:none}.building,.map-token,.marker{position:absolute;transform:translate(-50%,-50%);z-index:2}.building{display:grid;place-items:center;min-width:50px;min-height:38px;padding:4px 7px;background:#fffdf7;border:2px solid #92623c;border-radius:6px;box-shadow:0 3px 0 #92623c30;font-size:12px;font-weight:900;text-align:center}.building:before{content:"";position:absolute;top:-8px;left:-4px;right:-4px;height:9px;border-radius:5px 5px 0 0;background:#e77b32;border:2px solid #92623c;border-bottom:none}.building[data-key="操场"]{width:23%;height:43%;border-radius:50%;background:#86b969}.building[data-key="操场"]:before{display:none}.map-token{cursor:grab;touch-action:none;z-index:4}.map-token .token{box-shadow:0 3px 7px #51331e44}.marker{z-index:5;background:#d33b31;color:white;border:3px solid white;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;box-shadow:0 2px 8px #51331e55}.north{position:absolute;top:20px;right:22px;z-index:3;color:#a93128;font-weight:900;text-align:center}.north:after{content:"▲";display:block;font-size:32px}.scale{position:absolute;bottom:12px;left:14px;font-size:11px;font-weight:800}.hint{padding:10px 0;text-align:center;font-size:13px;color:#855d38}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.actions .primary{grid-column:1/-1}.code-wall{display:flex;gap:8px;overflow-x:auto;padding-bottom:7px;margin-bottom:16px}.code{flex:0 0 130px;border:2px solid var(--green);background:#f6fff7;border-radius:13px;padding:9px;text-align:center;cursor:pointer}.code.mine{opacity:.48;border-style:dashed}.code.selected{border-color:var(--red);box-shadow:0 0 0 3px #c8463d25}.code b{display:block;font-size:24px;color:var(--red);letter-spacing:2px}.code small{font-weight:800;color:var(--green)}.hunt-layout{display:grid;grid-template-columns:minmax(500px,1fr) 330px;gap:16px}.panel{padding:15px;align-self:start}.clue{border:2px dashed var(--orange);border-radius:13px;padding:14px;margin:12px 0;font-weight:900;line-height:1.8}.teacher-grid{display:grid;grid-template-columns:repeat(4,minmax(210px,1fr));gap:12px}.teacher-card{padding:12px;cursor:pointer}.teacher-card header{display:flex;gap:6px;align-items:center}.teacher-card h2{margin:0;font-size:18px}.badge{padding:3px 8px;border-radius:999px;background:#e8dfca;font-size:12px;font-weight:800}.badge.good{background:#d6f2df;color:#24733e}.mini-map{height:150px;margin-top:10px;position:relative;border-radius:10px;overflow:hidden;border:2px solid #c9a36f;background:#fff7e5}.mini-map .building{transform:translate(-50%,-50%) scale(.45);transform-origin:center}.mini-map .map-token{transform:translate(-50%,-50%) scale(.48);transform-origin:center}.teacher-tool{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:#2d1d1199;padding:16px}.modal>section{width:min(430px,100%);padding:24px;background:#fffdf7;border:3px solid var(--brown);border-radius:18px;box-shadow:0 20px 50px #0005}.modal h1{margin:0 0 14px;font-size:23px}.modal input{width:100%;height:46px;border:2px solid var(--line);border-radius:10px;padding:0 12px;margin:8px 0 12px}.modal .error{color:#b22d28;min-height:22px;font-size:13px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);z-index:30;background:#392619;color:#fff;padding:10px 16px;border-radius:10px;opacity:0;transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}.empty{padding:30px;text-align:center;color:#9c7350}@media (max-width:950px){.student-layout,.hunt-layout{grid-template-columns:1fr}.palette{order:-1}.teacher-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}.topbar{gap:10px;padding:8px}.brand{font-size:16px}.right{margin-left:0}}@media (max-width:520px){.page{padding:9px}.teacher-grid{grid-template-columns:1fr}.canvas-card{padding:9px}.map{border-width:3px}.building{font-size:9px;min-width:36px;min-height:28px}.topbar{position:static}.tabs{order:3;width:100%}.tabs button{flex:1;font-size:12px}.right button{font-size:12px}.hunt-layout,.student-layout{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}