/*! skraboutcha.com, © 2026 Skraboutcha, tous droits réservés */
:root{--panel: calc(3 * var(--cell))}.piece{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}.piece .app{flex:1;min-height:0;height:auto;grid-template-columns:minmax(0,1fr) calc(var(--panel) + var(--margin))}.piece .stage{place-items:start}.piece .stage{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.piece .stage>canvas:not(#labels),.piece .stage>.fallback{margin:var(--inset-top, var(--top-gap, 31px)) 0 0 var(--inset-left, var(--plate-left, var(--margin)))}.piece .stage>#foam,.piece .stage>#plate,.piece .stage>#view,.piece .stage>#frozen,.piece .stage>.bubbles{--inset-top: calc(var(--top-gap, 31px) + 13px);--inset-left: calc(var(--plate-left, var(--margin)) + 13px)}.piece .stage>#foam,.piece .stage>#plate,.piece .stage>#view{outline:1px solid var(--rule);outline-offset:12px}.piece .stage>#foam{--inset-top: calc(var(--top-gap, 31px) - 3px);--inset-left: calc(var(--plate-left, var(--margin)) - 3px);outline-offset:-4px}.piece .stage>.feuille{--inset-top: calc(var(--top-gap, 31px) + 1px);--inset-left: calc(var(--plate-left, var(--margin)) + 1px);box-shadow:none;outline:1px solid var(--rule);outline-offset:0}.embed .top{display:none}.embed .piece .app{grid-template-columns:1fr}.embed .piece .stage>canvas:not(#labels){margin:0;outline:0}.panel{counter-reset:none;gap:0;margin-left:-8px;padding:24px calc(var(--margin) - 8px) 24px 8px;overflow-y:scroll;color:var(--ink)}.panel::-webkit-scrollbar{width:8px}.panel::-webkit-scrollbar-track{background:linear-gradient(var(--rule),var(--rule)) center / 1px 100% no-repeat}.panel::-webkit-scrollbar-thumb{background:var(--ink)}@supports not selector(::-webkit-scrollbar){.panel{scrollbar-width:thin;scrollbar-color:var(--ink) var(--rule)}}.head{padding:0 0 30px}.head .num{display:flex}.head .num>*{padding:8px;margin:-8px 0}.head .num>:first-child{margin-left:-8px}.head .num [aria-current]{color:var(--ink)}.head .num a{color:var(--ink);opacity:.6}.head .num a:hover{opacity:1}.head .home{display:none}.head .num{margin:0 0 9.2px}.head h1{margin:0;font:300 48px/48px var(--serif);letter-spacing:-.015em}.head .sub{margin:12px 0 0;font:14px/20px var(--serif);font-variant-numeric:oldstyle-nums;color:var(--ink)}.block{display:grid;grid-template-columns:var(--cell) calc(2 * var(--cell));padding:6px 0 30px;border-top:1px solid var(--ink)}.block>*{grid-column:1 / -1;min-width:0}.block h2,.block>summary{margin:0 0 12px;padding:0;border:0;font:400 15px/18px var(--serif);letter-spacing:0;text-transform:none;color:var(--ink)}.block h2:before,.block>summary:before{content:none}details.block{display:block}.field output,.readings td,.segmented button,.segmented.small button,.go,.block .link,.transport .link,.actions .link,.histo div,.picker .label,.near,.paint .pct,#clock{font:400 var(--small)/18px var(--mono);letter-spacing:var(--track);font-feature-settings:"ss01","case"}.segmented button,.segmented.small button,.go,.block .link,.transport .link,.actions .link{text-transform:uppercase}.field span,.hint,.lab-row>span,.readings th,.comp,.ink,.swatches .family{font:italic 400 15px/18px var(--serif);font-variant-numeric:oldstyle-nums;letter-spacing:0;text-transform:none;font-feature-settings:normal}.field span,.hint,.lab-row>span,.readings th{color:var(--mute)}.field{grid-column:1 / -1;display:grid;grid-template-columns:var(--cell) minmax(0,1fr) 52px;align-items:center;gap:0;height:30px;margin:0;border-bottom:1px solid var(--rule);color:var(--ink)}.field span{order:1;white-space:nowrap}.field output{order:3;justify-self:end;color:var(--ink);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.field input{order:2}.block h2+.field,.block>summary+.field{border-top:1px solid var(--rule)}.segmented+.field{margin-top:12px;border-top:1px solid var(--rule)}input[type=range]::-webkit-slider-runnable-track{height:1px;background:var(--ink)}input[type=range]::-moz-range-track{height:1px;background:var(--ink)}input[type=range]::-webkit-slider-thumb{width:4px;height:15px;margin-top:-7px;border-radius:0;background:var(--ink)}input[type=range]::-moz-range-thumb{width:4px;height:15px;border:0;border-radius:0;background:var(--ink)}.block>.hint{grid-column:1;margin:12px 0 0;padding-top:6px}.block>.hint#video-status{grid-column:1 / -1}.segmented,.segmented.small{--n: 3;display:grid;grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(var(--n),minmax(0,1fr));margin:12px 0 0;padding:0;border:0;border-radius:0;overflow:visible}.block>h2+.segmented{margin-top:0}.block>.hint+.segmented,.lab-row>.segmented{--n: 2;grid-column:2}#modes{--n: 3}.segmented button,.segmented.small button{position:relative;width:auto;height:30px;margin:0;padding:0 0 0 8px;border:1px solid var(--ink);border-radius:0;background:none;color:var(--ink);text-align:left;white-space:nowrap}.segmented button:not(:nth-child(3n+1)){width:calc(100% + 1px);margin-left:-1px}.segmented button:nth-child(n+4){margin-top:-1px}.block>.hint+.segmented button,.lab-row>.segmented button{width:auto;margin:0}.block>.hint+.segmented button:nth-child(2n),.lab-row>.segmented button:nth-child(2n){width:calc(100% + 1px);margin-left:-1px}.block>.hint+.segmented button:nth-child(n+3),.lab-row>.segmented button:nth-child(n+3){margin-top:-1px}.segmented button+button{border-left:1px solid var(--ink)}.segmented button:hover{background:#0000000f}.segmented button.on,.segmented button.on:hover{z-index:1;background:none;box-shadow:inset 0 0 0 1px var(--ink);color:var(--ink);font-weight:500}.block>.hint+.segmented button:last-child:nth-child(odd),.lab-row>.segmented button:last-child:nth-child(odd){grid-column:1 / -1;width:auto}.lab-row{display:grid;grid-template-columns:var(--cell) minmax(0,1fr);align-items:start;gap:0;margin:12px 0 0;color:var(--mute)}.lab-row>span{padding-top:6px}.lab-row>.segmented{margin:0}.gloss{margin:12px 0 0;font:14px/20px var(--serif);font-variant-numeric:oldstyle-nums;color:var(--ink)}.block>.hasard{grid-column:2;height:30px;margin:24px 0 0;padding:0 0 0 8px;border:1px solid var(--ink);border-radius:0;background:none;color:var(--ink);text-align:left;font:400 var(--small)/18px var(--mono);letter-spacing:var(--track);font-feature-settings:"ss01","case";text-transform:uppercase}.block>.hasard:hover{background:#0000000f}.block>.hasard+.actions,.block>.hasard+.transport{margin-top:-1px}@media(pointer:coarse){.block>.hasard{height:42px}}.actions,.transport{grid-column:1 / -1;display:grid;grid-template-columns:var(--cell) calc(2 * var(--cell));align-items:stretch;gap:0;margin-top:24px}.go{grid-column:2;grid-row:1;display:flex;justify-content:space-between;align-items:center;gap:8px;min-width:0;height:36px;margin:0;padding:0 9px;border-radius:0;background:var(--ink);color:var(--bg);font-weight:500;text-align:left;-webkit-font-smoothing:auto}.go svg{order:2}.actions .link,.transport .link{grid-column:1;grid-row:1;height:36px;margin:0;padding:0 0 0 8px;border:1px solid var(--ink);border-right:0;color:var(--ink);text-align:left}.actions .link:hover,.transport .link:hover{background:#0000000f;color:var(--ink)}.block>.link,.block .sheet-actions .link,.caption .link{margin-top:12px;color:var(--ink);text-align:left}.block>.link:hover,.block .sheet-actions .link:hover,.caption .link:hover{color:var(--mute)}#clock{grid-column:2;grid-row:2;justify-self:end;margin:6px 0 0;color:var(--mute)}.readings{width:100%;border-collapse:collapse}.readings th,.readings td{height:30px;padding:0;border-bottom:1px solid var(--rule);vertical-align:middle}.readings tr:first-child>*{border-top:1px solid var(--rule)}.readings th{text-align:left}.readings td{text-align:right;color:var(--ink);font-variant-numeric:tabular-nums}.histo{position:relative;gap:0;height:72px;margin-top:18px}.histo i{width:calc(100% - 8px)}.histo div{gap:2px;color:var(--mute)}.histo:after{content:"";position:absolute;left:0;right:0;bottom:20px;height:1px;background:var(--ink)}.note,.panel>.note{margin:0;font:14px/20px var(--serif);font-variant-numeric:oldstyle-nums;color:var(--ink)}.block .note{margin-top:12px}.note p{margin:0}.note ul{margin:0 0 10px;padding:0;list-style:none}.note li{position:relative;padding-left:1em}.note li:before{content:"–";position:absolute;left:0}.panel>.note{padding:6px 0 0;border-top:1px solid var(--ink)}.plan{--top-gap: 64px}.plan .head{position:fixed;z-index:1;left:var(--margin);top:var(--head-top);width:var(--col);padding:0}.plan .head h1{font-size:var(--title);line-height:1;white-space:nowrap}.plan .head .sub{margin-top:14px}.plan .head .num{position:absolute;left:0;top:var(--num-top);margin:0}.plan .panel{padding-top:64px}.plan .panel>.note{position:fixed;z-index:1;left:var(--margin);bottom:var(--note-bottom);width:min(260px,var(--col));padding:0;border:0}.note-side .panel>.note{position:fixed;z-index:1;left:var(--note-left, 50%);bottom:var(--note-bottom, 48px);width:260px;padding:0;border:0}.status{font:14px/20px var(--serif)}.caption textarea{border-radius:0;font:14px/20px var(--serif)}.comps{gap:12px 0}.comp,.comp.on{font-size:14px;line-height:14px;font-weight:400}.dose{margin-top:18px}.paint{height:30px;font:14px/20px var(--serif)}.final{gap:12px}.hex{font:400 15px/20px var(--mono);letter-spacing:0;font-feature-settings:normal}.final.ready .hex:hover:after,.final.ready .hex.copied:after{font:11px var(--mono)}.readout{font:11px/18px var(--mono)}.picker{font-size:14px}.final-row{padding-top:12px;border-top:1px solid var(--rule)}.final-row>span{padding-top:0}.final-row .final{align-items:flex-start}.final-row .chip.big{flex:none;width:36px;height:36px;margin-top:4px}.final-row .final-text{gap:0}.ink,.ink.on{font-size:14px;line-height:14px;font-weight:400}@media(pointer:coarse){.field{height:42px}.head .sub,.gloss,.note,.panel>.note{font-size:15px;line-height:21px}.field span,.hint,.lab-row>span,.readings th{font-size:16px}.segmented button,.segmented.small button{height:42px}.actions .link,.transport .link,.go{height:48px}.block>.hint{padding-top:12px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;box-sizing:border-box;width:28px;height:35px;margin-top:-17px;border:0;border-radius:0;box-shadow:none;background:linear-gradient(var(--ink),var(--ink)) center / 4px 15px no-repeat transparent}input[type=range]::-moz-range-thumb{box-sizing:border-box;width:28px;height:35px;border:0;border-radius:0;box-shadow:none;background:linear-gradient(var(--ink),var(--ink)) center / 4px 15px no-repeat transparent}}@media(max-width:820px)and (orientation:portrait){:root{--cell: calc((100vw - 2 * var(--margin)) / 3)}.piece{display:block;height:auto;overflow:visible}.piece .app{grid-template-columns:1fr}.piece .stage{position:sticky;top:0;z-index:2;height:min(100vw,56vh);place-items:center;background:var(--bg);box-shadow:0 1px 0 var(--rule)}.piece .stage>canvas:not(#labels),.piece .stage>.fallback{margin:0;outline:0}.piece .stage>canvas.feuille:not(#labels){outline:1px solid var(--rule)}.panel{margin:0;padding:18px var(--margin) 36px;overflow:visible}.head h1{font-size:44px;line-height:44px}.ios-bar .piece .stage{height:calc(min(100vw,56vh) + 52px);padding-top:52px}}@media(max-height:500px)and (orientation:landscape){:root{--cell: 90px}.piece .stage>canvas:not(#labels),.piece .stage>.fallback{margin:8px 0 0 var(--margin);outline:0}.piece .stage>canvas.feuille:not(#labels){outline:1px solid var(--rule)}.panel{padding:8px calc(var(--margin) - 8px) 16px 8px}}.fallback{width:min(78%,420px);font-size:14px;line-height:20px;color:var(--mute)}.fallback .disc{width:100%;margin-bottom:14px}.fallback video{pointer-events:none}.fallback p{margin:0 0 6px}.fallback .in-app-hint{display:none;color:var(--ink)}.in-app .fallback .in-app-hint{display:block}.no-gl .panel>:not(.head){display:none}.no-gl .piece .stage{position:static;height:auto;padding:32px 0;box-shadow:none}.aide{position:fixed;z-index:20;left:0;top:0;width:max-content;max-width:240px;padding:7px 10px 8px;border:1px solid var(--ink);background:var(--bg);color:var(--ink);font:14px/20px var(--serif);font-variant-numeric:oldstyle-nums;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .1s}.aide.on{opacity:1;visibility:visible}.aide-label>span{cursor:help}.aide-label.aide-on>span{color:var(--ink)}@media(max-width:820px)and (orientation:portrait){.aide{max-width:min(320px,calc(100vw - 16px));font-size:15px;line-height:21px}}.avance{position:absolute;z-index:1;height:2px;background:var(--ink);transform:scaleX(0);transform-origin:left;pointer-events:none}.embed .avance,.no-gl .avance{display:none}:where(.stage){position:relative}.tirage{position:absolute;z-index:3;width:32px;height:32px;display:grid;place-items:center;padding:0;border:0;background:none;color:var(--ink);cursor:pointer}.tirage:hover{opacity:.6}.tirage-libelle{position:absolute;bottom:100%;left:50%;margin-bottom:4px;writing-mode:vertical-rl;transform:translate(-50%) rotate(180deg);color:var(--mute);font:400 var(--small)/1 var(--mono);letter-spacing:var(--track);text-transform:uppercase;white-space:nowrap}@media(max-width:820px)and (orientation:portrait),(max-height:500px)and (orientation:landscape){.tirage-libelle{display:none}}.tirage svg{width:20px;height:20px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:square}.tirage .tete{fill:currentColor;stroke:none}.embed .tirage,.no-gl .tirage{display:none}