:root{color:#294039;font-synthesis:none;--ink:#294039;--muted:#737b70;--paper:#f6f4e9;--line:#d4d8c7;--accent:#547768;background:#e9e9df;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #579385}button{touch-action:manipulation}kbd{white-space:nowrap;font:600 11px Segoe UI,sans-serif}button:disabled{cursor:default}a{color:inherit;text-decoration:none}#game{background:radial-gradient(at 50% 38%,#f0eee2,#dfe5d9);outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}.topbar{z-index:10;background:linear-gradient(#e9e9dff2,#e9e9dfcf,#0000);align-items:center;gap:30px;padding:23px 30px;display:flex;position:fixed;top:0;left:0;right:0}.brand{letter-spacing:-1px;align-items:center;gap:10px;font:600 26px Georgia,serif;display:flex}.brand small{letter-spacing:2.8px;color:#758273;margin-top:6px;font:600 8px Segoe UI,sans-serif;display:block}.brand-mark{color:#b49453;place-items:center;width:40px;height:44px;font-size:48px;display:grid}.page-title{border-left:1px solid #bbc5b6;gap:6px;padding-left:26px;display:grid}.page-title strong{font-size:13px;font-weight:500}.eyebrow{letter-spacing:1.9px;color:#788376;font-size:9px;font-weight:700;line-height:1.5}.top-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.icon-button,.reset-button{background:#f4f3e7b8;border:1px solid #cdd3c3;border-radius:9px;padding:10px 13px;font-size:11px}.reset-button{align-items:center;gap:10px;font-weight:600;display:flex}.reset-button kbd{background:#e2e5d7;border-radius:3px;padding:3px 5px;font-size:10px}.hud{pointer-events:none}.hud button{pointer-events:auto}.experiment-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f6f4e9e6;border:1px solid #e0e2d4;border-radius:4px 16px 16px;width:254px;padding:20px 22px 18px;position:fixed;top:121px;left:32px;box-shadow:0 12px 32px #48583c08}.experiment-card .eyebrow{letter-spacing:1.4px;margin:0 0 12px;font-size:8px}.experiment-card h1{letter-spacing:-.6px;margin:0 0 13px;font:400 28px/1.09 Georgia,serif}.experiment-card>p:not(.eyebrow){color:#687261;margin:0 0 18px;font-size:12px;line-height:1.7}.fixture-picker{border-top:1px solid #dbdece;align-items:center;gap:5px;padding-top:15px;display:flex}.fixture-picker button{background:0 0;border:1px solid #d0d7c5;border-radius:7px;width:30px;height:30px;font-size:10px}.fixture-picker button[aria-pressed=true]{color:#fffdf0;background:#547768;border-color:#547768}.fixture-picker span{letter-spacing:.8px;color:#7c8575;margin-left:6px;font-size:7px;font-weight:600}.text-button{color:#6d7f6f;background:0 0;border:0;padding:0;font-size:10px;line-height:1.7}.experiment-card>.text-button{justify-content:space-between;width:100%;margin-top:14px;display:flex}.hint{border-top:1px dashed #cdd4c1;padding-top:10px;margin-top:14px!important;margin-bottom:0!important;font-size:11px!important}.target-card{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#edf1e8b3;border:1px solid #d6deceb5;border-radius:12px;width:196px;padding:17px 19px;position:fixed;top:128px;right:32px}.target-heading{letter-spacing:1.4px;color:#798c7c;align-items:center;gap:8px;font-size:7px;display:flex}.target-dot{background:#93b096;border-radius:50%;width:5px;height:5px}.target-card h2{margin:10px 0 7px;font:400 21px Georgia,serif}.target-card p{color:#778473;margin:0;font-size:10px;line-height:1.6}.load-track{background:#d2dccb;border-radius:4px;height:3px;margin:12px 0 8px;overflow:hidden}.load-track span{background:#96a980;width:12%;height:100%;transition:width .2s;display:block}.target-status{min-height:17px}.controlbar{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f6f4e9f0;border:1px solid #d3d9c6;border-radius:15px;align-items:center;gap:30px;padding:15px 22px;display:flex;position:fixed;bottom:20px;left:26px;right:26px;box-shadow:0 15px 40px #3246350d}.movement-help{white-space:nowrap;color:#7e8776;font-size:10px;line-height:1.8}.movement-help b{color:#465c4d;font-weight:600}.movement-help small{color:#909986;font-size:9px;display:block}.spell-controls{flex:1;justify-content:center;gap:12px;display:flex}.spell-key{border:1px solid;border-radius:9px;align-items:center;gap:10px;min-width:140px;padding:10px 15px;transition:box-shadow .15s,background .15s;display:flex}.spell-key kbd{background:#ffffff5e;border:1px solid #0000000e;border-radius:5px;padding:5px 7px;font-size:9px}.spell-key span{font:500 14px Georgia,serif}.spell-key small{opacity:.67;white-space:nowrap;margin-top:4px;font:9px Segoe UI,sans-serif;display:block}.push{color:#906d34;background:#f1e8d2;border-color:#e4d6b5}.pull{color:#487f70;background:#deeee5;border-color:#c5dfcf}.grow{color:#70813f;background:#e7ecd5;border-color:#d5deb8}.pull.active{background:#d0e8db;box-shadow:0 0 0 2px #83bda3}.extra-controls{justify-items:end;gap:6px;min-width:100px;display:grid}.extra-controls small{color:#8a9580;font-size:8px}#toast{color:#6e694f;white-space:nowrap;background:#f7f3e6ed;border:1px solid #dcd6bf;border-radius:24px;max-width:85vw;padding:12px 22px;font-size:12px;position:fixed;bottom:135px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #263b3010}.interact-prompt{color:#f5eed9;background:#304b40ed;border-radius:8px;padding:10px 15px;font-size:12px;position:fixed;bottom:185px;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #1c302825}.interact-prompt kbd{background:#ffffff20;border:1px solid #ffffff40;border-radius:4px;margin-right:8px;padding:3px 7px;display:inline-block}.success-card{background:#faf4dfee;border:1px solid #dbd1ad;border-radius:12px;align-items:center;gap:14px;padding:16px 22px;display:flex;position:fixed;top:110px;left:50%;transform:translate(-50%);box-shadow:0 10px 35px #66501c0d}.success-card strong{font:400 20px Georgia,serif}.success-card p{color:#8a8063;margin:6px 0 0;font-size:10px}.success-star{color:#c5a354;font-size:34px}.modal-backdrop{z-index:30;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#263c3150;place-items:center;display:grid;position:fixed;inset:0}.pause-card{text-align:center;background:#f8f4e7;border:1px solid #e1d8bd;border-radius:20px;width:min(420px,90vw);padding:38px;box-shadow:0 25px 90px #1c302830}.pause-card h2{font:30px Georgia,serif}.pause-card p{color:#7b8270;font-size:13px}.primary-button{color:#fff8e7;background:#507b68;border:0;border-radius:8px;margin:12px 0;padding:13px 24px;font-size:12px}.pause-card .pause-note{font-size:10px}.loading-inner{text-align:center}.loading-inner h2{font:26px Georgia,serif}.loading-inner p{color:#798672;font-size:12px}.loading-mark{color:#bba05c}.index-page{background:radial-gradient(at 70% 35%,#f8f2df,#e4e9dd);min-height:100vh}.index-header{justify-content:space-between;align-items:center;padding:35px 5vw;display:flex}.index-main{max-width:850px;margin:6vh auto;padding:0 30px}.index-main>h1{letter-spacing:-2px;margin:20px 0;font:400 clamp(40px,5.5vw,66px)/1.07 Georgia,serif}.index-intro{color:#7d8875;font-size:15px;line-height:1.8}.experiment-link{background:#f9f6e9ad;border:1px solid #d3d9c7;border-radius:18px;margin-top:42px;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 20px 60px #5962450b}.experiment-link:hover{transform:translateY(-4px);box-shadow:0 25px 60px #59624518}.experiment-illustration{background:#d9e3d5;flex-shrink:0;width:240px;min-height:250px;position:relative;overflow:hidden}.mini-block{background:#b9955d;border:7px solid #826a42;border-radius:5px;width:64px;height:64px;position:absolute;transform:rotate(-12deg)skew(-9deg)}.mini-block.small{border-width:5px;width:46px;height:46px;bottom:52px;left:34px;box-shadow:9px 12px #bbc9b2}.mini-block.big{width:79px;height:79px;top:63px;left:119px;box-shadow:13px 18px #94b39c}.mini-magic{color:#f8f4d5;font-size:40px;position:absolute;top:52px;left:62px}.mini-line{border-bottom:1px dashed #8cab8e;border-radius:50%;width:169px;height:50px;position:absolute;top:157px;left:42px;transform:rotate(-25deg)}.experiment-copy{padding:35px}.experiment-copy h2{margin:12px 0;font:30px Georgia,serif}.experiment-copy p{color:#7a8772;max-width:400px;font-size:13px;line-height:1.75}.open-link{color:#426d58;gap:50px;margin-top:13px;font-size:12px;display:inline-flex}.index-footnote{color:#83917e;margin:20px 0;font-size:10px;line-height:1.8}.index-footer{text-align:center;color:#84927e;padding:30px;font:italic 14px Georgia,serif}@media (width<=1100px){.controlbar{gap:14px;padding:12px 15px}.spell-key{gap:7px;min-width:0;padding:10px}.spell-key small{font-size:8px}.extra-controls{display:none}.experiment-card{width:222px;padding:17px;top:115px;left:20px}.target-card{width:172px;right:20px}.page-title{display:none}}@media (width<=700px){.topbar{padding:14px 16px}.brand{font-size:21px}.brand-mark{width:28px;font-size:36px}.brand small{font-size:6px}.icon-button{display:none}.reset-button{padding:9px;font-size:10px}.experiment-card{width:190px;padding:13px;top:84px;left:12px}.experiment-card h1{font-size:23px}.experiment-card>p:not(.eyebrow){margin-bottom:12px;font-size:10px;line-height:1.5}.experiment-card .eyebrow{font-size:6px}.target-card{width:148px;padding:11px;top:auto;bottom:129px;right:12px}.target-card h2{font-size:17px}.controlbar{padding:9px;display:block;bottom:10px;left:10px;right:10px}.movement-help{justify-content:space-between;padding:0 4px 7px;font-size:9px;display:flex}.movement-help small{font-size:8px}.spell-controls{gap:5px}.spell-key{flex:1;gap:5px;padding:8px 5px}.spell-key span{font-size:12px}.spell-key kbd{padding:4px;font-size:8px}.spell-key small{display:none}.success-card{width:75%;padding:12px;top:90px}.success-card p{font-size:9px}.success-card strong{font-size:17px}#toast{padding:10px 15px;font-size:10px;bottom:123px}.interact-prompt{bottom:170px}.index-header{padding:25px 20px}.index-header>.eyebrow{font-size:7px}.index-main{margin:4vh auto}.experiment-link{display:block}.experiment-illustration{width:100%;min-height:170px}.mini-block.big{top:35px;left:55%}.mini-block.small{bottom:25px;left:25%}.mini-magic{top:22px;left:34%}.experiment-copy{padding:26px}.index-main>h1{letter-spacing:-1px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.fixture-picker{flex-wrap:wrap}.fixture-picker span{letter-spacing:1px;flex-basis:100%;margin:5px 0 0}.sports-score{pointer-events:auto;background:#f6f4e9df;border:1px solid #d6dece;border-radius:12px;flex-wrap:wrap;justify-content:space-between;gap:12px;width:196px;padding:15px 18px;display:flex;position:fixed;top:305px;right:32px}.sports-score span{color:#7b8878;letter-spacing:1px;font-size:8px}.sports-score b{color:#527565;font:28px Georgia,serif;display:block}.sports-score button{background:#e7eadb;border:1px solid #cbd5c0;border-radius:6px;flex-basis:100%;padding:7px;font-size:10px}#guide-name{font:inherit}.pull.riding{background:#c9e5d5;box-shadow:0 0 0 2px #74ac90}@media (width<=1100px){.sports-score{width:172px;right:20px}}@media (width<=700px){.sports-score{gap:5px;width:132px;padding:10px;top:85px;right:10px}.sports-score b{font-size:22px}.sports-score button{font-size:8px}.fixture-picker button{width:25px;height:27px}.fixture-picker{gap:4px}.fixture-picker span{font-size:6px}}.sports-score small{letter-spacing:0;margin-top:4px;font-size:8px;display:block}.sports-score i{font-style:normal}#score-popups{pointer-events:none;z-index:15;position:fixed;inset:0}.score-popup{color:#426d57;text-shadow:0 2px #fff9e8,0 0 15px #fff9e8,0 6px 16px #385b3820;white-space:nowrap;font:700 48px Georgia,serif;animation:1.3s ease-out forwards score-float;position:absolute}.score-popup.three{color:#b98630}@keyframes score-float{0%{opacity:0;transform:translate(-50%,-45%)scale(.65)}15%{opacity:1;transform:translate(-50%,-65%)scale(1.15)}55%{opacity:1;transform:translate(-50%,-105%)scale(1)}to{opacity:0;transform:translate(-50%,-190%)scale(.94)}}.mechanism-card{background:#f6f4e9e6;border:1px solid #d6dece;border-radius:12px;width:196px;padding:15px 17px;position:fixed;top:320px;right:32px}.mechanism-card>.eyebrow{letter-spacing:1px;margin:0 0 12px;font-size:7px}.plate-reading{color:#887a57;border-top:1px solid #dee2d0;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;font-size:10px;display:flex}.plate-reading b{white-space:nowrap;font-size:10px;font-weight:600}.plate-reading.ready{color:#3e825f}@media (width<=1100px){.mechanism-card{width:172px;right:20px}}@media (width<=700px){.mechanism-card{width:130px;padding:11px;top:85px;right:10px}.plate-reading{font-size:8px;display:block}.plate-reading b{margin-top:4px;font-size:9px;display:block}}.fixture-picker{grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.fixture-picker button{width:100%}.fixture-picker span{grid-column:1/-1}.fixture-picker button{position:relative}.fixture-picker button.completed:after{content:"✓";color:#337453;background:#f5f1df;border-radius:5px;padding:0 2px;font-size:9px;position:absolute;top:-5px;right:1px}.progress-count{letter-spacing:.6px;color:#748370!important;margin:10px 0 0!important;font-size:9px!important}.completion-actions{pointer-events:auto;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.completion-actions button{background:#e9ecd9;border:1px solid #c5cdb5;border-radius:6px;padding:7px 10px;font-size:10px}.completion-actions label,.auto-setting{color:#69765c;cursor:pointer;align-items:center;gap:5px;font-size:10px;display:flex}.completion-actions input,.auto-setting input{accent-color:#507b68}.auto-setting{justify-content:center;margin:20px 0 10px}.success-card{max-width:calc(100vw - 40px)}#advance-status{max-width:340px}#next-area{background:#e5ead8}#next-key{text-align:center;min-width:19px}@media (width<=1100px){.topbar{gap:14px}.top-actions{gap:7px}}@media (width<=700px){#next-area-label{font-size:9px}.success-card{width:90%;top:80px}.brand small{display:none}.reset-button,.top-actions{gap:4px}}.page-title{display:none}.fixture-picker{pointer-events:auto;background:#f5f2e5eb;border:1px solid #cdd5c2;border-radius:11px;gap:4px;width:auto;padding:7px;display:flex;position:fixed;top:23px;left:50%;transform:translate(-50%);box-shadow:0 5px 16px #203e3508}.fixture-picker button{flex:none;width:28px;height:30px;font-size:10px}.fixture-picker span{display:none}.experiment-card .progress-count{border-top:1px solid #d8ddcb;padding-top:12px}@media (width<=1100px){.fixture-picker{top:83px}.experiment-card,.target-card{top:141px}}@media (width<=700px){.fixture-picker{gap:3px;padding:5px;top:65px}.fixture-picker button{width:25px;height:27px}.experiment-card{top:112px}.target-card{top:auto}.sports-score,.mechanism-card{top:113px}}#touch-controls,#touch-details,#touch-rotate{display:none}#game{touch-action:none}.touch-mode #touch-controls{z-index:20;pointer-events:none;-webkit-user-select:none;user-select:none;display:block;position:fixed;inset:0}.touch-mode #touch-controls>*{pointer-events:auto;touch-action:none}.touch-mode #touch-details{width:44px;height:40px;padding:5px;font-size:10px;display:block}.touch-mode .controlbar,.touch-mode .target-card,.touch-mode #sound,.touch-mode .brand-mark,.touch-mode .brand small,.touch-mode #next-key,.touch-mode #reset-key{display:none}.touch-mode .topbar{padding:10px max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left));gap:8px;min-height:56px}.touch-mode .brand{letter-spacing:-.6px;font-size:19px}.touch-mode .top-actions{gap:5px}.touch-mode #next-area,.touch-mode #reset{gap:0;min-width:44px;height:40px;padding:7px;font-size:0}.touch-mode #next-area-label{font-size:0}.touch-mode #next-area-label:after{content:"Next";font-size:10px}.touch-mode #reset:after{content:"Reset";font-size:10px}.touch-mode .fixture-picker{gap:2px;padding:4px;top:10px}.touch-mode .fixture-picker button{width:26px;height:32px;font-size:10px}.touch-mode .experiment-card{top:59px;left:max(14px,env(safe-area-inset-left));background:#f6f4e9cc;border:0;border-radius:8px;width:calc(100vw - 215px);max-width:420px;padding:7px 10px}.touch-mode .experiment-card h1{letter-spacing:0;margin:0;font-size:16px;line-height:1.15}.touch-mode .experiment-card .eyebrow,.touch-mode .experiment-card>p,.touch-mode #hint-button{display:none}.touch-mode.touch-details-open .experiment-card{z-index:24;pointer-events:auto;touch-action:pan-y;background:#f6f4e9f5;border:1px solid #cdd5c2;width:min(350px,100vw - 28px);max-height:calc(100dvh - 135px);padding:15px;overflow:auto}.touch-mode.touch-details-open .experiment-card>p{margin-top:10px;font-size:11px;line-height:1.6;display:block}.touch-mode.touch-details-open #hint-button{align-items:center;min-height:36px;display:flex}.touch-mode .mechanism-card,.touch-mode .sports-score{top:59px;right:max(14px,env(safe-area-inset-right));width:177px;padding:7px 10px;font-size:9px}.touch-mode .mechanism-card>.eyebrow{display:none}.touch-mode .plate-reading{padding:3px 0;font-size:9px;display:flex}.touch-mode .plate-reading b{font-size:9px}.touch-mode .sports-score{gap:5px}.touch-mode .sports-score span{font-size:7px}.touch-mode .sports-score b{margin-right:5px;font-size:17px;display:inline-block}.touch-mode .sports-score small,.touch-mode #return-ball{display:none}#touch-stick{left:max(18px,env(safe-area-inset-left));bottom:max(16px,env(safe-area-inset-bottom));background:#f4f2e8ae;border:2px solid #7f9d8799;border-radius:50%;width:112px;height:112px;position:absolute;box-shadow:0 5px 20px #263e3215}#touch-stick:before,#touch-stick:after{content:"";background:#658e721d;position:absolute}#touch-stick:before{width:1px;height:80%;top:10%;left:50%}#touch-stick:after{width:80%;height:1px;top:50%;left:10%}#touch-stick-knob{background:#729a80ca;border:2px solid #507c64;border-radius:50%;width:43px;height:43px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px 8px #23433220}#touch-stick small{text-align:center;letter-spacing:2px;color:#526f5b;pointer-events:none;font-size:8px;position:absolute;bottom:5px;left:0;right:0}.touch-actions{right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));grid-template-columns:repeat(2,65px);gap:7px;display:grid;position:absolute}.touch-actions button{color:#345344;touch-action:none;background:#f6f2e6ed;border:1px solid #bacbb6;border-radius:12px;min-height:44px;font-size:12px;font-weight:650;box-shadow:0 3px #345b3920}.touch-actions button:active{box-shadow:none;transform:translateY(2px)}.touch-actions .touch-push{color:#886129;background:#f1dfb6;border-color:#cbb079}.touch-actions .touch-grow{color:#65713f;background:#e0e8c5}.touch-actions #touch-guide{background:#d6eddd}.touch-actions #touch-guide.active{background:#8ac9ad;border-color:#518c71}.touch-actions button:disabled{opacity:.45}#touch-height{right:166px;bottom:max(19px,env(safe-area-inset-bottom));color:#436c56;background:#e6f1e4db;border:1px solid #a9c4ad;border-radius:13px;flex-direction:column;justify-content:space-between;align-items:center;width:48px;height:143px;padding:7px 0 17px;display:flex;position:absolute}#touch-height b{pointer-events:none;font-size:14px;line-height:16px}#touch-height small{letter-spacing:1px;pointer-events:none;font-size:7px;position:absolute;bottom:4px}#touch-height .height-track{pointer-events:none;background:#bbd3be;border-radius:3px;width:3px;position:absolute;top:25px;bottom:38px}#touch-height-knob{background:#60977b;border:1px solid #47765c;border-radius:5px;width:22px;height:11px;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%)}#touch-height.inactive{opacity:.45}#touch-tip{left:144px;right:226px;bottom:max(13px,env(safe-area-inset-bottom));text-align:center;color:#42664f;text-shadow:0 1px 5px #fff;pointer-events:none;margin:0;font-size:10px;line-height:1.5;position:absolute}.touch-mode #toast{white-space:normal;text-align:center;max-width:65vw;padding:8px 14px;font-size:10px;bottom:165px}.touch-mode .interact-prompt{display:none}.touch-mode .success-card{z-index:25;width:max-content;max-width:min(440px,100vw - 28px);padding:12px 16px;top:58px}.touch-mode .success-card strong{font-size:18px}.touch-mode .completion-actions button{min-height:40px}.touch-mode .completion-actions label{min-height:36px}.touch-mode .pause-card{max-height:90dvh;padding:15px 25px;overflow:auto}.touch-mode .pause-card h2{margin:12px 0;font-size:24px}.touch-mode .pause-card .primary-button{min-height:44px}@media (width<=620px){.touch-mode .fixture-picker{top:57px}.touch-mode .experiment-card,.touch-mode .mechanism-card,.touch-mode .sports-score{top:102px}.touch-mode .success-card{top:105px}}@media (orientation:portrait) and (width<=700px){.touch-mode:not(.touch-portrait-ok) #touch-rotate{z-index:45;color:#f6efd7;text-align:center;background:#203e35f5;place-items:center;padding:28px;display:grid;position:fixed;inset:0}#touch-rotate span{color:#dfc886;font-size:55px}#touch-rotate h2{font:28px Georgia,serif}#touch-rotate p{font-size:14px;line-height:1.7}#touch-rotate button{color:#254a35;background:#eaddb4;border:1px solid #748e76;border-radius:9px;min-height:44px;padding:12px 18px;font-size:12px}#touch-tip{bottom:176px;left:138px;right:163px}#touch-height{right:166px}}.touch-mode #touch-tip{pointer-events:none}.touch-mode:not(.touch-details-open) .experiment-card{width:max-content;max-width:min(420px,100vw - 215px)}.plate-reading.delivery{display:block}.plate-reading.delivery .plate-value{color:#4e735b;margin-top:5px;font-size:11px;display:block}.touch-mode .plate-reading.delivery{display:block}.touch-mode .plate-reading.delivery .plate-value{margin-top:2px;font-size:10px}